Can someone pls look at this and tell me how to set the frame so that I don't have a horizontal scrolbar in the navigation and that when you click on forum, it fills the content page without horizontal scroll?

Thx in advance <img src=../images/dmxzone/forum/icon_smile.gif border=0 align=middle>

CSS:

[codehtml { overflow-x: hidden; overflow-y: auto; } [/code]

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
CSS:

[codehtml { overflow-x: hidden; overflow-y: auto; } [/code]
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>

Sorry, I am new to CSS, do I paste this in the head of the index?

Just put this code:

<pre id=code><font face=courier size=2 id=code>
&lt;style type="text/css"&gt;
&lt;!--
html {
overflow-x: hidden;
overflow-y: auto;
}
--&gt;
&lt;/style&gt;
</font id=code></pre id=code>

above your &lt;/head&gt; tag.

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
Just put this code:

<pre id=code><font face=courier size=2 id=code>
&lt;style type="text/css"&gt;
&lt;!--
html {
overflow-x: hidden;
overflow-y: auto;
}
--&gt;
&lt;/style&gt;
</font id=code></pre id=code>

above your &lt;/head&gt; tag.
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>

Thx, but I have no idea what I am doing wrong, tried it, but it does not work for me.

The index.php exists of top.htm, navigation.htm and content.htm, tried them all exactly where you told me, does not work <img src=../images/dmxzone/forum/icon_smile_sad.gif border=0 align=middle> Any idea what I am doing wrong?

Put this total code in your navigation.htm page:

<pre id=code><font face=courier size=2 id=code>
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.w3.org/TR/html4/loose.dtd"&gt;
&lt;html&gt;
&lt;head&gt;
&lt;script language="JavaScript1.2"&gt;

//Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit www.dynamicdrive.com
//This credit MUST stay intact for use

function makevisible(cur,which){
strength=(which==0)? 1 : 0.2

if (cur.style.MozOpacity)
cur.style.MozOpacity=strength
else if (cur.filters)
cur.filters.alpha.opacity=strength*100
}

&lt;/script&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;title&gt;Untitled Document&lt;/title&gt;
&lt;style type="text/css"&gt;
&lt;!--
body {
background-color: #d8cccc;
margin-top: 0px;
}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style3 {font-size: x-small}
a {
font-size: x-small;
color: #666666;
}
a:visited {
text-decoration: none;
}
a:link {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
}
.style7 {
font-size: xx-small;
color: #d8cccc;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style21 {font-weight: bold; color: #666666;}
.style22 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #666666; }
.style23 {
font-weight: bold;
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
}
.style25 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #666666; font-weight: bold; }
.style28 {font-family: "Wingdings 3"}
html {
overflow-x: hidden;
overflow-y: auto;
}
--&gt;
&lt;/style&gt;&lt;/head&gt;

&lt;body&gt;
&lt;table width="155" border="0" cellspacing="2" cellpadding="2"&gt;
&lt;tr&gt;
&lt;td width="147" class="style7"&gt;fgfg&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;div align="left" class="style3"&gt;&lt;span class="style21"&gt;PHOTOSHOP TUTORIALS &lt;/span&gt;&lt;/div&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="effects.htm" target="mainFrame"&gt;EFFECTS&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="texteffects.htm" target="mainFrame"&gt;TEXT EFFECTS &lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="photoeffects.htm" target="mainFrame"&gt;PHOTO EFFECTS &lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="photoretouche.htm" target="mainFrame"&gt;PHOTO RETOUCHE &lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="weblayouts.htm" target="mainFrame"&gt;WEB LAYOUTS&lt;/a&gt; &lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="webgraphics.htm" target="mainFrame"&gt;WEB GRAPHICS &lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="colour.htm" target="mainFrame"&gt;COLOUR&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="buttons.htm" target="mainFrame"&gt;BUTTONS&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="textures.htm" target="mainFrame"&gt;TEXTURES&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="drawing.htm" target="mainFrame"&gt;DRAWING&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="basics.htm" target="mainFrame"&gt;BASICS&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="animation.htm" target="mainFrame"&gt;ANIMATION&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td class="style22"&gt;&lt;a href="designing.htm" target="mainFrame"&gt;DESIGNING&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;img src="images/divbar2.gif" width="120" height="10"&gt;
&lt;br&gt;
&lt;table width="152" border="0" cellpadding="2" cellspacing="2"&gt;
&lt;tr&gt;
&lt;td width="92" class="style25"&gt;&lt;a href="moresites.htm" target="mainFrame"&gt;MORE SITES&lt;/a&gt;&lt;/td&gt;
&lt;td width="46" class="style25"&gt;&lt;a href="forums/index.php" target="mainFrame"&gt;&lt;span class="style28"&gt; ggg&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;img src="images/divbar2.gif" width="120" height="10"&gt;&lt;br&gt;
&lt;table width="152" border="0" cellspacing="2" cellpadding="2"&gt;
&lt;tr&gt;
&lt;td width="92" class="style25"&gt;&lt;a href="forums/index.php" target="mainFrame"&gt;FORUM&lt;/a&gt;&lt;/td&gt;
&lt;td width="46" class="style25"&gt;&lt;a href="forums/index.php" target="mainFrame"&gt;&lt;span class="style28"&gt; &lt;a href="forums/index.php" target="mainFrame"&gt;ggg&lt;/a&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;img src="images/divbar2.gif" width="120" height="10"&gt;&lt;br&gt;
&lt;table width="100" border="0" cellspacing="2" cellpadding="2"&gt;
&lt;tr&gt;
&lt;td&gt;&lt;span class="style25"&gt;LINK BACK &lt;/span&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="images/linkbutton4.gif" width="88" height="31"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;&lt;img src="images/linkbutton3.gif" width="88" height="31"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</font id=code></pre id=code>

I think that this CSS style only works in IE or in the newest versions of Netscape.

This problem was bugging me too. I tried putting in the same code into my css style sheet. It cured the horizontal scroll bar problem but I immediately lost my body background image. My CSS style sheet coding is as follows:


[codehtml { overflow-x: hidden; overflow-y: auto; } [/code]

body {
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
left: 0px;
top: 0px;
margin: 0px;
font-size: 12px;
color: #000033;
font-weight: normal;
font-style: normal;
font-variant: normal;
background-position: center top;
background-image: url(images/Bluewhite_bgnd.jpg);
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;


Should be most grateful for any further help

Eric

<BLOCKQUOTE id=quote><font size=1 face="Verdana, Arial, Helvetica" id=quote>quote:<hr height=1 noshade id=quote>
This problem was bugging me too. I tried putting in the same code into my css style sheet. It cured the horizontal scroll bar problem but I immediately lost my body background image. My CSS style sheet coding is as follows:


[codehtml { overflow-x: hidden; overflow-y: auto; } [/code]

body {
font-family: Arial, Helvetica, sans-serif;
padding: 0px;
left: 0px;
top: 0px;
margin: 0px;
font-size: 12px;
color: #000033;
font-weight: normal;
font-style: normal;
font-variant: normal;
background-position: center top;
background-image: url(images/Bluewhite_bgnd.jpg);
}

td {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}

th {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;


Should be most grateful for any further help

Eric
<hr height=1 noshade id=quote></BLOCKQUOTE id=quote></font id=quote><font face="Verdana, Arial, Helvetica" size=2 id=quote>

Thx, that's great. I actually made navigation shorter, so I don't think I need the scrollbar anymore but how can I get rif of it in the content? How do I make that page smaller (you will see what I mean when you look at the forum)?