I've created a website in PS and sliced it, then pulled into DW8.

I then made a table, set its cell sizes etc and centered it. My desing is square in shape, and in the middle I have a slice that I set to a background image so I can add text etc.

Problem is, if my text is deeper then the background image in that table cell it will start to tile/redraw the image. I do not want this to happen. I would like the text so it has a vertical scroll bar. I've been baning my head on the wall to figur this out. Layers wont work in a table, if the browser is resized the layer shifts out of place. So I had to ditch that idea.

Please help

Thanks Kindly

Try applying this to your design, perhaps tables are not actually needed. Don't you think?

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
I've created a website in PS and sliced it, then pulled into DW8.

I then made a table, set its cell sizes etc and centered it. My desing is square in shape, and in the middle I have a slice that I set to a background image so I can add text etc.

Problem is, if my text is deeper then the background image in that table cell it will start to tile/redraw the image. I do not want this to happen. I would like the text so it has a vertical scroll bar. I've been baning my head on the wall to figur this out. Layers wont work in a table, if the browser is resized the layer shifts out of place. So I had to ditch that idea.

Please help

Thanks Kindly
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote> <pre id=code><font face=courier size=2 id=code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /&gt;
&lt;script language="JavaScript" type="text/JavaScript"&gt;
&lt;!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape"&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//--&gt;
&lt;/script&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;div id="shell" align="center" style="border:1px dashed black; "&gt;
&lt;div id="image div" style=" width:700px; height:400px; border:1px solid #CCCCCC; "&gt;
&lt;div id="Layer1" style="position:absolute; width:300px; height:300px; z-index:1; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000; overflow: scroll;"&gt;&lt;/div&gt;
Content for id "image div" Goes Here&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;
</font id=code></pre id=code>

Edited by - am7555 on 10 Apr 2006 06:18:35

Javier Castro,

Thanks for taking the time to respond!

Over the past few days, I've come to realize that table less designs are the best route. I went to tables becuase the last time I even touched web design, that was the way to do it. I'm now getting back to this field and more serious. I'm very open to guidance and critique.

If you have any url's to some good tutorial sites on table less designs ect I'd apreciate it.

Thanks.

www.bluerobot.com has some nice clean css tableless stylesheets available.

regards

Dave Thomas
<b>DMX Zone Forums Manager</b>
Tip: Use Google or our own Search function to find answers before asking. You'd be surprised what's already written <img src=../images/dmxzone/forum/icon_smile_wink.gif border=0 align=middle>

Great!

Thanks Dave! I'll check that out. Also, I'll take more care in searching DMZ more closely next time!

Cheers!

Also check:
www.cssplay.co.uk/
www.csszengarden.com/
www.echoecho.com/css.htm

have fun.

Javier

Edited by - am7555 on 12 Apr 2006 05:30:46