View Full Version : XHTML 1.0 Strict Table Width Help
lRhyss
23-04-2014, 05:14 PM
Okay so I've never worked with tables in xhtml 1.0 strict, so I have a question.
When I validate my code it says:
"there is no attribute "width" <th width="21%" scope="col">Name of Artist</th>"
I need the width as %'s for a fluid layout, the answer is probably simple and I probably look stupid but when I google it everyones like "use jquery" and I"m like no, I want it pure html & css.
Any help is appreciated, thanks xo
scottish
23-04-2014, 05:17 PM
CSS
<th style="width:20%;">
lRhyss
23-04-2014, 05:19 PM
CSS
<th style="width:20%;">
Thanks, but, I have different width for each column (sorry, should have mentioned earlier):
<table width="80%" border="1"> <tr>
<th width="21%" scope="col">Name of Artist</th>
<th width="25%" scope="col">Location</th>
<th width="21%" scope="col">Date</th>
<th width="15%" scope="col">Start Time</th>
<th width="18%" scope="col">End Time</th>
</tr>
<tr>
<td>Billie-Jean Heslop</td>
<td>Victoria and Albert</td>
<td><div align="center">11th November 2014</div></td>
<td><div align="center">10:00 AM</div></td>
<td><div align="center">5:00 PM</div></td>
</tr>
<tr>
<td>Billie-Jean Heslop</td>
<td>British Museum</td>
<td><div align="center">15th November 2014</div></td>
<td><div align="center">1:00 PM</div></td>
<td><div align="center">6:00 PM</div></td>
</tr>
<tr>
<td>Billie-Jean Heslop</td>
<td>National Gallery</td>
<td><div align="center">20th November 2014</div></td>
<td><div align="center">10:00 AM</div></td>
<td><div align="center">4:00 PM</div></td>
</tr>
<tr>
<td>Robert MacPherson</td>
<td>National Gallery</td>
<td><div align="center">29th November 2014</div></td>
<td><div align="center">1:00 PM</div></td>
<td><div align="center">4:00PM</div></td>
</tr>
<tr>
<td>Charlie Parvin</td>
<td>Brtish Museum</td>
<td><div align="center">20th January 2015</div></td>
<td><div align="center">9:00 AM</div></td>
<td><div align="center">12:00 PM</div></td>
</tr>
<tr>
<td>Charlie Parvin</td>
<td>British Museum</td>
<td><div align="center">21st January 2015</div></td>
<td><div align="center">9:00 AM</div></td>
<td><div align="center">12:00 PM</div></td>
</tr>
</table>
so would it be:
<th width="21%" scope="col">Name of Artist</th>
<th style = "width:25%" scope="col">Location</th>
<th style = "width:21%" scope="col">Date</th>
<th style = "width:15%" scope="col">Start Time</th>
<th style = "width:18%" scope="col">End Time</th>
scottish
23-04-2014, 05:21 PM
Then use the style attribute in each instead of the width?
so;
<th style="width:21%;">...</th><th style="width:25%;">...</th> etc
lRhyss
23-04-2014, 05:22 PM
Then use the style attribute in each instead of the width?
so;
<th style="width:21%;">...</th><th style="width:25%;">...</th> etc
Sorry yeah I realised then edited my last post after you replied haha, thanks man!
+ rep :)
Edit:
@scottish (http://www.habboxforum.com/member.php?u=53890), also:
"there is no attribute "align" <td><div align="center">11th November 2014</div></td>"
would it be style = "width:20%, align="center" ?
Recursion
23-04-2014, 05:29 PM
Stop using XHTML standards and stop caring about being standards compliant.
scottish
23-04-2014, 05:33 PM
Didn't see edit
text-align:center;
would be the CSS for it, so <div style="text-align:center;">
lRhyss
23-04-2014, 05:34 PM
Stop using XHTML standards and stop caring about being standards compliant.
It's an assignment, I need to use xhtml, or I wouldn't be using the ****.
Didn't see edit
text-align:center;
would be the CSS for it, so <div style="text-align:center;">
ahh okay, thanks man!
Chippiewill
24-04-2014, 12:29 PM
It's an assignment, I need to use xhtml, or I wouldn't be using the ****.
Tell whoever set the assignment that XHTML is a pointless standard because it's only useful if everyone were using it everywhere.
lRhyss
25-04-2014, 10:16 PM
Tell whoever set the assignment that XHTML is a pointless standard because it's only useful if everyone were using it everywhere.
I expressed my views about it to him already, so have half of my seminar group :/
mikeyrawr
29-04-2014, 03:57 PM
Html 5 is poop, but it's down to preference i suppose, ive had a look at your tables and got it down to 1 validation error, if you need anymore help id be happy to assist
<table width="80%" border="1">
<thead>
<tr>
<th width="21%">Name of Artist</th>
<th width="25%">Location</th>
<th width="21%">Date</th>
<th width="15%">Start Time</th>
<th width="18%">End Time</th>
</tr>
</thead>
<tbody>
<tr>
<td>Billie-Jean Heslop</td>
<td>Victoria and Albert</td>
<td><div style="text-align: center">11th November 2014</div></td>
<td><div style="text-align: center">10:00 AM</div></td>
<td><div style="text-align: center">5:00 PM</div></td>
</tr>
<tr>
<td>Billie-Jean Heslop</td>
<td>British Museum</td>
<td><div style="text-align: center">15th November 2014</div></td>
<td><div style="text-align: center">1:00 PM</div></td>
<td><div style="text-align: center">6:00 PM</div></td>
</tr>
<tr>
<td>Billie-Jean Heslop</td>
<td>National Gallery</td>
<td><div style="text-align: center">20th November 2014</div></td>
<td><div style="text-align: center">10:00 AM</div></td>
<td><div style="text-align: center">4:00 PM</div></td>
</tr>
<tr>
<td>Robert MacPherson</td>
<td>National Gallery</td>
<td><div style="text-align: center">29th November 2014</div></td>
<td><div style="text-align: center">1:00 PM</div></td>
<td><div style="text-align: center">4:00PM</div></td>
</tr>
<tr>
<td>Charlie Parvin</td>
<td>Brtish Museum</td>
<td><div style="text-align: center">20th January 2015</div></td>
<td><div style="text-align: center">9:00 AM</div></td>
<td><div style="text-align: center">12:00 PM</div></td>
</tr>
<tr>
<td>Charlie Parvin</td>
<td>British Museum</td>
<td><div style="text-align: center">21st January 2015</div></td>
<td><div style="text-align: center">9:00 AM</div></td>
<td><div style="text-align: center">12:00 PM</div></td>
</tr>
</tbody>
</table></body>
</html>
Want to hide these adverts? Register an account for free!
Powered by vBulletin® Version 4.2.5 Copyright © 2025 vBulletin Solutions Inc. All rights reserved.