Hi,<br />
<br />
I'm working on a portfolio site, and am struggling to find the html that will look like the way I want it.<br />
All data is dynamicly generated, and now comes into this form:<br />
<br />
<!-- m --><a class="postlink" href="http://www.shockwaving.com/portfolio/test1.html">http://www.shockwaving.com/portfolio/test1.html</a><!-- m --><br />
<br />
What you see there is almost what I need. There's one problem I need to solve though:<br />
- Try dragging the browser smaller. As soon as the image come close to the text, the text wraps, making it not line up anymore with the titles.<br />
<br />
Right now this is a table with two cells. one with the 'titles' and one with their 'values' and the image.<br />
(inside a table, which is the green box).<br />
<br />
I'm looking for a html structure that will:<br />
- not have the issue with the linewrapping (It can wrap, but the titles should wrap too)<br />
- does have all the text wrap nicely around the image. (like it is now)<br />
- has the titles nicely aligned to the right, and the content nicely aligned to the left (like it is now)<br />
<br />
I think this could all be solved if I could use a TAB, but I can't seem to find a way to do so.<br />
Any hints tips would be greatly appriciated.<br />
<br />
Thanks, Lucas<!--content--><html><br />
<head><br />
</head><br />
<body><br />
<table bgcolor="#aaffaa" width="80%"><br />
<tr><br />
<td align=right><br />
Title:<br><br />
Client:<br><br />
Budget:<br><br />
Description:<br><br />
</td><br />
<td><br />
Some Project<br><br />
Some Client<br><br />
Some Budget<br><br />
Some description that tells about this project, how it has been made, bladiebalabkfbidjfibd fbijd foijd oifgj dioj godig<br />
dfiogjdf ogj doijg doijg doijg oidjgoidj goidj goijd ogfijdfg<br />
d fiogjd oijg doifjg oidjfgiodj fgoijd foijgd oifjgio djfiog df<br />
g doijg diojg iodj gofijd fogij doifjgoidj goid jfiog jdf<br />
g doijg doifjg oidjf goidjfogi jdiof gjodif jgoid jfoig d<br />
</td><br />
<td><br />
<img align ="right" src=http://www.webdeveloper.com/forum/archive/index.php/"images/backlot.gif"><br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->
<br />
I'm working on a portfolio site, and am struggling to find the html that will look like the way I want it.<br />
All data is dynamicly generated, and now comes into this form:<br />
<br />
<!-- m --><a class="postlink" href="http://www.shockwaving.com/portfolio/test1.html">http://www.shockwaving.com/portfolio/test1.html</a><!-- m --><br />
<br />
What you see there is almost what I need. There's one problem I need to solve though:<br />
- Try dragging the browser smaller. As soon as the image come close to the text, the text wraps, making it not line up anymore with the titles.<br />
<br />
Right now this is a table with two cells. one with the 'titles' and one with their 'values' and the image.<br />
(inside a table, which is the green box).<br />
<br />
I'm looking for a html structure that will:<br />
- not have the issue with the linewrapping (It can wrap, but the titles should wrap too)<br />
- does have all the text wrap nicely around the image. (like it is now)<br />
- has the titles nicely aligned to the right, and the content nicely aligned to the left (like it is now)<br />
<br />
I think this could all be solved if I could use a TAB, but I can't seem to find a way to do so.<br />
Any hints tips would be greatly appriciated.<br />
<br />
Thanks, Lucas<!--content--><html><br />
<head><br />
</head><br />
<body><br />
<table bgcolor="#aaffaa" width="80%"><br />
<tr><br />
<td align=right><br />
Title:<br><br />
Client:<br><br />
Budget:<br><br />
Description:<br><br />
</td><br />
<td><br />
Some Project<br><br />
Some Client<br><br />
Some Budget<br><br />
Some description that tells about this project, how it has been made, bladiebalabkfbidjfibd fbijd foijd oifgj dioj godig<br />
dfiogjdf ogj doijg doijg doijg oidjgoidj goidj goijd ogfijdfg<br />
d fiogjd oijg doifjg oidjfgiodj fgoijd foijgd oifjgio djfiog df<br />
g doijg diojg iodj gofijd fogij doifjgoidj goid jfiog jdf<br />
g doijg doifjg oidjf goidjfogi jdiof gjodif jgoid jfoig d<br />
</td><br />
<td><br />
<img align ="right" src=http://www.webdeveloper.com/forum/archive/index.php/"images/backlot.gif"><br />
</td><br />
</tr><br />
</table><br />
</body><br />
</html><!--content-->