/    Sign up×
Community /Pin to ProfileBookmark

Alignment on table

Copy linkTweet thisAlerts:
Dec 03.2007

On my website ( [URL=”http://epsilonbucuresti.com/deneme/”]http://epsilonbucuresti.com/deneme/[/URL] ) which i develop for only self training purposes, i have alignment problem on tables.
On the site you will see a table with orange heading, generated by a php code
As you will see on the far left cell(under “Baslik”), the content is not aligned to the border of the cell. You will recognize a small gap easily.

How should i fix it?

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@KDLADec 03.2007 — I would guess it has something to do with this:
<i>
</i>&lt;table border = "0" style = ""&gt;
&lt;tr style = "background : orange; color : white; font-weight : bold;"&gt;
&lt;td&gt;Baslik&lt;/td&gt;
&lt;td&gt;Ekleme Tarihi&lt;/td&gt;
&lt;td&gt;Duzelt&lt;/td&gt;

<i> </i>&lt;td&gt;Sil&lt;/td&gt;
[B]&lt;tr&gt;[/B]
&lt;a href="?act=add_forum"&gt;&lt;h3&gt;Link ekle&lt;/h3&gt;&lt;/a&gt;[B]&lt;tr&gt;[/B]

Looks like pieces of coding, rather than a "complete" thought.

KDLA
Copy linkTweet thisAlerts:
@dtm32236Dec 03.2007 — [url=http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fepsilonbucuresti.com%2Fdeneme%2F]This may be a problem too.[/url]
Copy linkTweet thisAlerts:
@WebJoelDec 03.2007 — I had a kick at this, -don't know if I've solved everything (or anything), -but it looks more the same now in IE vs. Fx:

I [B]BOLD[/B]ed what I changed (I think that I got them all..).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>My Data</title>

<link rel="stylesheet" type="text/css" href="http://epsilonbucuresti.com/deneme/css/style.css" />

<base href="http://epsilonbucuresti.com/deneme/" />

</head>

<body>

<div id='wrapper' [B]style="padding:5px;"[/B]>

<div id='header' [B]style="margin:0; width:auto"[/B]>

[B]<h3 style="padding-top:50px;"[/B]>

<a href='index.php'>My Assistant v1.0</a>[B]</h3>[/B]

</div>

<div id='leftcol' [B]style="margin:5px 0 0;"[/B] >

<div class='box' [B]style="width:216px;"[/B]>

<h4 class='boxhead' [B]style="font-size:0.9em; margin:0; "[/B]>Forumlar<a href="?act=add_frm_cat">(Forum

ekle)</a></h4>

<table [B]border="0" cellpadding="0" cellspacing="0"[/B] [B]style="width:200px; margin:0 auto;"[/B]>

<tr>

<td><a href="http://www.joomlashack.com/community/index.php"

target="_blank">JoomlaShack</a></td>

<td><a href="?act=edit_frm_cat&amp;id=JoomlaShack"><img src=

"images/new_entry.gif" class="icon" border="0" title=" Degistir "

alt=""></a></td>

<td><a href="?act=delete_frm_cat&amp;id=JoomlaShack"><img src=

"images/delete_weblog.gif" class="icon" border="0" title=" Sil "

alt=""></a></td>

</tr>

<tr>

<td><a href="http://www.photoshoptechniques.com/forum/" target=

"_blank">Photoshop Techniques</a></td>

<td><a href=

"?act=edit_frm_cat&amp;id=Photoshop%20Techniques"><img src=

"images/new_entry.gif" class="icon" border="0" title=" Degistir "

alt=""></a></td>

<td><a href=

"?act=delete_frm_cat&amp;id=Photoshop%20Techniques"><img src=

"images/delete_weblog.gif" class="icon" border="0" title=" Sil "

alt=""></a></td>

</tr>

<tr>

<td><a href="http://www.webdeveloper.com/" target=

"_blank">webdeveloper</a></td>

<td><a href="?act=edit_frm_cat&amp;id=webdeveloper"><img src=

"images/new_entry.gif" class="icon" border="0" title=" Degistir "

alt=""></a></td>

<td><a href="?act=delete_frm_cat&amp;id=webdeveloper"><img src=

"images/delete_weblog.gif" class="icon" border="0" title=" Sil "

alt=""></a></td>

</tr>

</table>

</div>



<div class='box' [B]style="width:216px;"[/B]>


<div class='boxhead'>Gunun Sozu</div>

</div>

</div>



<div id='content' [B]style="width:535px; padding:0; float:right; margin:5px;"[/B]>



<ul id="mainmenu" [B]style="width:535px; padding:0; margin:0"[/B]>

<li><a href="index.php">Forumlar</a></li>

<li><a href="index.php">Linkler</a></li>

<li><a href="index.php">Blog</a></li>

<li><a href="index.php">Akil Sayfam</a></li>

<li><a href="index.php">Personal</a></li>

</ul>

<br />

<h3><a href="?act=add_forum">Link ekle</a></h3>


<table border="0" width="100%">

<tr style="background-color: orange; color:white; font-weight:bold;">

<td>Baslik</td>

<td>Ekleme Tarihi</td>

<td>Duzelt</td>

<td>Sil</td>

</tr>

<tr>

<td></td>

</tr>

<tr>

<td><a href="?act=add_forum"></a><a href=

"?act=add_forum"></a><a href=

"http://www.webdeveloper.com/forum/showthread.php?t=167590" target=

"_blank">A trouble on a simple sql statement</a>&nbsp;</td>

<td>(2007-12-03)</td>

<td><a href=

"?act=edit_forum&amp;id=A%20trouble%20on%20a%20simple%20sql%20statement">

<img src="images/new_entry.gif" class="icon" border="0" title=

" Degistir " alt=""></a></td>

<td><a href=

"?act=delete_forum&amp;id=A%20trouble%20on%20a%20simple%20sql%20statement">

<img src="images/delete_weblog.gif" class="icon" border="0" title=

" Sil " alt=""></a></td>

</tr>

<tr>

<td><a href=

"http://www.webdeveloper.com/forum/showthread.php?p=831134#post831134"

target="_blank">Date format</a>&nbsp;</td>

<td>(2007-12-03)</td>

<td><a href="?act=edit_forum&amp;id=Date%20format"><img src=

"images/new_entry.gif" class="icon" border="0" title=" Degistir "

alt=""></a></td>

<td><a href="?act=delete_forum&amp;id=Date%20format"><img src=

"images/delete_weblog.gif" class="icon" border="0" title=" Sil "

alt=""></a></td>

</tr>

<tr>

<td><a href=

"http://www.joomlashack.com/community/index.php/topic,7960.0.html"

target="_blank">Template width</a>&nbsp;</td>

<td>(2007-12-03)</td>

<td><a href="?act=edit_forum&amp;id=Template%20width"><img src=

"images/new_entry.gif" class="icon" border="0" title=" Degistir "

alt=""></a></td>

<td><a href="?act=delete_forum&amp;id=Template%20width"><img src=

"images/delete_weblog.gif" class="icon" border="0" title=" Sil "

alt=""></a></td>

</tr>

<tr>

<td><a href=

"http://www.webdeveloper.com/forum/showthread.php?p=831147#post831147"

target="_blank">Alignment on table</a>&nbsp;</td>

<td>(2007-12-03)</td>

<td><a href=

"?act=edit_forum&amp;id=Alignment%20on%20table"><img src=

"images/new_entry.gif" class="icon" border="0" title=" Degistir "

alt=""></a></td>

<td><a href=

"?act=delete_forum&amp;id=Alignment%20on%20table"><img src=

"images/delete_weblog.gif" class="icon" border="0" title=" Sil "

alt=""></a></td>

</tr>

</table>

</div>

<div style="clear: both;">&nbsp;</div><!-- allow wrapper to contain floated elements -->

</div><!-- end wrapper -->

<div id='footer'>

<p>Bu uygulama mrtblt tarafindan gelistirilmistir. Daha fazla bilgi

icin<a href="">buraya</a> tuslayiniz.</p>

</div>

</body>

</html>[/QUOTE]
×

Success!

Help @mrtblt spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.16,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...