Good evening all.
After a lot of scracting my head and searching the google pages for the past 2 or so hours I have resided to asking for help. CSS is completely new on me and there is a book on the way.
Here is my css script:
table {
table-layout:fixed
width:100px;
}
td#one {
width:25%;
border:1px solid red;
}
td#two {
width:75%;
border:1px
solid blue;
}
And here is the html table using the css script:
<head>
<title>testing tables</title>
<link rel="stylesheet" type="text/css" href="css styles.css">
</head>
<body>
<table>
<tr>
<td id="one">
qwdqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwedqwed
</td>
<td id="two">
edeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
</td>
</tr>
</table></body></html>
The css script only partially works: The borders are red and blue as expected, nice and thin, but the table cells are not sticking to the width I have set.
How do I get the text in the cell to wrap? I have found countless people posting the same problem on the net and the only solution I could find was this. But it doesn't seem to work.
I know it must be trivial, but its stumped me.