Center In Table Cell With Span

I used colspan in a table along with center in CSS code is: CODE .boldtable1 { position:absolute; top:217px; left:250px; font-family:sans-serif; font-size:12pt; color:yellow; background-color:black; } .boldtable1 TD, .boldtable1 TH { font-family:sans-serif; font-size:8pt; width=162px; color:yellow; background-color:black; text-align:center; vertical-align:middle; } I use in table CODE . . <TD colspan=4>...</TD> The text becomes centered as if no cells were merged, there is merging of cells but the text is centered where the first cell was.

Comment/Reply (w/o sign-up)

Just a little note: I'd highly recommend using lowercase tags ("td" instead of "TD"), simply because it's then valid XHTML. HTML will most likely be slowly rendered redundant over time, meaning XHTML is the markup language that will make little things like that add extra hassle for you in the future. Same with colspan, really. You need to put some quotes around the 4 to make it XHTML compliant.

Not really an answer for you, but XHTML is overall one hell of a lot easier to debug. Take at look at w3schools sometime.

Comment/Reply (w/o sign-up)

The reason i don't use quotes is because i am using php



That will start generating erros =)
maybe i'll use ' instead,as for small letters i'll modify it =).

Comment/Reply (w/o sign-up)

At first sight, you have an error in your CSS code for TD and TH, i suppose that you copy/paste your code from your HTML to CSS right???

Well, after a quickly test i made, i can say that it was the problem, simply change the "=" with an ":" to fix it, here is the corrected code:


BTW, if you want to use quotes in your PHP code simply escape it with a "\", like this:


Best regards,

 

 

 

Comment/Reply (w/o sign-up)

that was a stupid mistake by me, however its still not working with Internet Explorer.
Perhaps you understand it better if you see it, go to www.crystalwarz.astahost.com, login using visitor username and visitor password. go to train under military menu. There are some words messed up above the table iam talking about but i can fix those, just see how the texts under description are positioned.
While you are at it open the site using firefox, you will notice the index page is messed up O.o
Note if posting my website in this way is illegal please tell me =)

Comment/Reply (w/o sign-up)

hat was a stupid mistake by me, however its still not working with Internet Explorer.
Perhaps you understand it better if you see it, go to www.crystalwarz.astahost.com, login using visitor username and visitor password. go to train under military menu. There are some words messed up above the table iam talking about but i can fix those, just see how the texts under description are positioned.
While you are at it open the site using firefox, you will notice the index page is messed up O.o
Note if posting my website in this way is illegal please tell me =)
TavoxPeru Posted Sep 25 2008, 10:47 PM

QUOTE(khalilov @ Sep 25 2008, 05:40 AM) *
I used colspan in a table along with center in CSS
code is:

CODE
.boldtable1
{
position:absolute;
top:217px;
left:250px;
font-family:sans-serif;
font-size:12pt;
color:yellow;
background-color:black;
}

.boldtable1 TD, .boldtable1 TH
{
font-family:sans-serif;
font-size:8pt;
width=162px;
color:yellow;
background-color:black;
text-align:center;
vertical-align:middle;
}

I use in table
CODE
.
.
<TD colspan=4>...</TD>

The text becomes centered as if no cells were merged, there is merging of cells but the text is centered where the first cell was.

At first sight, you have an error in your CSS code for TD and TH, i suppose that you copy/paste your code from your HTML to CSS right???

Well, after a quickly test i made, i can say that it was the problem, simply change the "=" with an ":" to fix it, here is the corrected code:

CODE
.boldtable1 td, .boldtable1 th
{
font-family:sans-serif;
font-size:8pt;
width:162px;
color:yellow;
background-color:black;
text-align:center;
vertical-align:middle;
}

BTW, if you want to use quotes in your PHP code simply escape it with a "\", like this:

CODE
<?php
echo "<tr><td colspan=\"4\">..</td></tr>";
?>

Best regards,
khalilov Posted Sep 25 2008, 06:14 PM
The reason i don't use quotes is because i am using php

CODE
echo "<tr><td colspan="4">..</td></tr>";


That will start generating erros =)
maybe i'll use ' instead,as for small letters i'll modify it =).
Mordent Posted Sep 25 2008, 03:33 PM
Just a little note: I'd highly recommend using lowercase tags ("td" instead of "TD"), simply because it's then valid XHTML. HTML will most likely be slowly rendered redundant over time, meaning XHTML is the markup language that will make little things like that add extra hassle for you in the future. Same with colspan, really. You need to put some quotes around the 4 to make it XHTML compliant.

Not really an answer for you, but XHTML is overall one hell of a lot easier to debug. Take at look at w3schools sometime.
khalilov Posted Sep 25 2008, 10:40 AM
I used colspan in a table along with center in CSS
code is:

CODE
.boldtable1
{
position:absolute;
top:217px;
left:250px;
font-family:sans-serif;
font-size:12pt;
color:yellow;
background-color:black;
}

.boldtable1 TD, .boldtable1 TH
{
font-family:sans-serif;
font-size:8pt;
width=162px;
color:yellow;
background-color:black;
text-align:center;
vertical-align:middle;
}

I use in table
CODE
.
.
<TD colspan=4>...</TD>

The text becomes centered as if no cells were merged, there is merging of cells but the text is centered where the first cell was.


None of this helped me i am a bit stone age in web design lol

Comment/Reply (w/o sign-up)

Sorry for not testing it first with Internet Explorer, you are right, it does not work with Internet Explorer, to fix it simply add to the cell an inline style or add another rule to your style sheet, the final CSS code is:



The HTML code to use:


BTW, i only test this code with Firefox 3.0.2 and Internet Explorer 6, and you can view it working at Center In Table Cell With Span

Best regards,

Comment/Reply (w/o sign-up)

the table is showing description with no colspan, same as the input but the unit name is shown as if it has like 10 colspan, its really really wide. If your not understanding what iam saying go to the site and login then go to train

Comment/Reply (w/o sign-up)

Yes i understand, and that problem happens because you are specifying for each cell a width of 100% which is incorrect, you use that kind of widths only when you use colspaned cells and also you specify the width for every cell in a row with CSS like you do in your post.

Fix this problem by removing the style attribute of all UNIT and TRAIN cells and by replacing the width of all DESCRIPTION cells, as with the previous code the DESCRIPTION cells can be set with an inline style or adding another rule to your style sheet.

CSS code:


PHP code:


BTW, i only test this code with Firefox 3.0.2 and Internet Explorer 6, and you can view it working at Center In Table Cell With Span 2.

Best regards,

Comment/Reply (w/o sign-up)

Just noticed that, thank you very much.

Comment/Reply (w/o sign-up)