Forums
This topic is locked
Frames
02 Oct 2004 22:53:34 Taylor M posted:
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>
Replies
Replied 03 Oct 2004 02:48:42
03 Oct 2004 02:48:42 Rene Bandsma replied:
CSS:
[codehtml { overflow-x: hidden; overflow-y: auto; } [/code]
[codehtml { overflow-x: hidden; overflow-y: auto; } [/code]
Replied 03 Oct 2004 12:46:34
03 Oct 2004 12:46:34 Taylor M replied:
<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?
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?
Replied 03 Oct 2004 14:59:12
03 Oct 2004 14:59:12 Rene Bandsma replied:
Just put this code:
<pre id=code><font face=courier size=2 id=code>
<style type="text/css">
<!--
html {
overflow-x: hidden;
overflow-y: auto;
}
-->
</style>
</font id=code></pre id=code>
above your </head> tag.
<pre id=code><font face=courier size=2 id=code>
<style type="text/css">
<!--
html {
overflow-x: hidden;
overflow-y: auto;
}
-->
</style>
</font id=code></pre id=code>
above your </head> tag.
Replied 03 Oct 2004 19:28:58
03 Oct 2004 19:28:58 Taylor M replied:
<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>
<style type="text/css">
<!--
html {
overflow-x: hidden;
overflow-y: auto;
}
-->
</style>
</font id=code></pre id=code>
above your </head> 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?
Just put this code:
<pre id=code><font face=courier size=2 id=code>
<style type="text/css">
<!--
html {
overflow-x: hidden;
overflow-y: auto;
}
-->
</style>
</font id=code></pre id=code>
above your </head> 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?
Replied 04 Oct 2004 20:49:12
04 Oct 2004 20:49:12 Rene Bandsma replied:
Put this total code in your navigation.htm page:
<pre id=code><font face=courier size=2 id=code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript1.2">
//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
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
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;
}
-->
</style></head>
<body>
<table width="155" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="147" class="style7">fgfg</td>
</tr>
<tr>
<td><div align="left" class="style3"><span class="style21">PHOTOSHOP TUTORIALS </span></div></td>
</tr>
<tr>
<td class="style22"><a href="effects.htm" target="mainFrame">EFFECTS</a></td>
</tr>
<tr>
<td class="style22"><a href="texteffects.htm" target="mainFrame">TEXT EFFECTS </a></td>
</tr>
<tr>
<td class="style22"><a href="photoeffects.htm" target="mainFrame">PHOTO EFFECTS </a></td>
</tr>
<tr>
<td class="style22"><a href="photoretouche.htm" target="mainFrame">PHOTO RETOUCHE </a></td>
</tr>
<tr>
<td class="style22"><a href="weblayouts.htm" target="mainFrame">WEB LAYOUTS</a> </td>
</tr>
<tr>
<td class="style22"><a href="webgraphics.htm" target="mainFrame">WEB GRAPHICS </a></td>
</tr>
<tr>
<td class="style22"><a href="colour.htm" target="mainFrame">COLOUR</a></td>
</tr>
<tr>
<td class="style22"><a href="buttons.htm" target="mainFrame">BUTTONS</a></td>
</tr>
<tr>
<td class="style22"><a href="textures.htm" target="mainFrame">TEXTURES</a></td>
</tr>
<tr>
<td class="style22"><a href="drawing.htm" target="mainFrame">DRAWING</a></td>
</tr>
<tr>
<td class="style22"><a href="basics.htm" target="mainFrame">BASICS</a></td>
</tr>
<tr>
<td class="style22"><a href="animation.htm" target="mainFrame">ANIMATION</a></td>
</tr>
<tr>
<td class="style22"><a href="designing.htm" target="mainFrame">DESIGNING</a></td>
</tr>
</table>
<img src="images/divbar2.gif" width="120" height="10">
<br>
<table width="152" border="0" cellpadding="2" cellspacing="2">
<tr>
<td width="92" class="style25"><a href="moresites.htm" target="mainFrame">MORE SITES</a></td>
<td width="46" class="style25"><a href="forums/index.php" target="mainFrame"><span class="style28"> ggg</span></a></td>
</tr>
</table>
<img src="images/divbar2.gif" width="120" height="10"><br>
<table width="152" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="92" class="style25"><a href="forums/index.php" target="mainFrame">FORUM</a></td>
<td width="46" class="style25"><a href="forums/index.php" target="mainFrame"><span class="style28"> <a href="forums/index.php" target="mainFrame">ggg</a></span></a></td>
</tr>
</table>
<img src="images/divbar2.gif" width="120" height="10"><br>
<table width="100" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><span class="style25">LINK BACK </span></td>
</tr>
<tr>
<td><img src="images/linkbutton4.gif" width="88" height="31"></td>
</tr>
<tr>
<td><img src="images/linkbutton3.gif" width="88" height="31"></td>
</tr>
</table>
</body>
</html>
</font id=code></pre id=code>
I think that this CSS style only works in IE or in the newest versions of Netscape.
<pre id=code><font face=courier size=2 id=code>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript1.2">
//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
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
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;
}
-->
</style></head>
<body>
<table width="155" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="147" class="style7">fgfg</td>
</tr>
<tr>
<td><div align="left" class="style3"><span class="style21">PHOTOSHOP TUTORIALS </span></div></td>
</tr>
<tr>
<td class="style22"><a href="effects.htm" target="mainFrame">EFFECTS</a></td>
</tr>
<tr>
<td class="style22"><a href="texteffects.htm" target="mainFrame">TEXT EFFECTS </a></td>
</tr>
<tr>
<td class="style22"><a href="photoeffects.htm" target="mainFrame">PHOTO EFFECTS </a></td>
</tr>
<tr>
<td class="style22"><a href="photoretouche.htm" target="mainFrame">PHOTO RETOUCHE </a></td>
</tr>
<tr>
<td class="style22"><a href="weblayouts.htm" target="mainFrame">WEB LAYOUTS</a> </td>
</tr>
<tr>
<td class="style22"><a href="webgraphics.htm" target="mainFrame">WEB GRAPHICS </a></td>
</tr>
<tr>
<td class="style22"><a href="colour.htm" target="mainFrame">COLOUR</a></td>
</tr>
<tr>
<td class="style22"><a href="buttons.htm" target="mainFrame">BUTTONS</a></td>
</tr>
<tr>
<td class="style22"><a href="textures.htm" target="mainFrame">TEXTURES</a></td>
</tr>
<tr>
<td class="style22"><a href="drawing.htm" target="mainFrame">DRAWING</a></td>
</tr>
<tr>
<td class="style22"><a href="basics.htm" target="mainFrame">BASICS</a></td>
</tr>
<tr>
<td class="style22"><a href="animation.htm" target="mainFrame">ANIMATION</a></td>
</tr>
<tr>
<td class="style22"><a href="designing.htm" target="mainFrame">DESIGNING</a></td>
</tr>
</table>
<img src="images/divbar2.gif" width="120" height="10">
<br>
<table width="152" border="0" cellpadding="2" cellspacing="2">
<tr>
<td width="92" class="style25"><a href="moresites.htm" target="mainFrame">MORE SITES</a></td>
<td width="46" class="style25"><a href="forums/index.php" target="mainFrame"><span class="style28"> ggg</span></a></td>
</tr>
</table>
<img src="images/divbar2.gif" width="120" height="10"><br>
<table width="152" border="0" cellspacing="2" cellpadding="2">
<tr>
<td width="92" class="style25"><a href="forums/index.php" target="mainFrame">FORUM</a></td>
<td width="46" class="style25"><a href="forums/index.php" target="mainFrame"><span class="style28"> <a href="forums/index.php" target="mainFrame">ggg</a></span></a></td>
</tr>
</table>
<img src="images/divbar2.gif" width="120" height="10"><br>
<table width="100" border="0" cellspacing="2" cellpadding="2">
<tr>
<td><span class="style25">LINK BACK </span></td>
</tr>
<tr>
<td><img src="images/linkbutton4.gif" width="88" height="31"></td>
</tr>
<tr>
<td><img src="images/linkbutton3.gif" width="88" height="31"></td>
</tr>
</table>
</body>
</html>
</font id=code></pre id=code>
I think that this CSS style only works in IE or in the newest versions of Netscape.
Replied 11 Oct 2004 12:11:54
11 Oct 2004 12:11:54 Eric Pugh replied:
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
[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
Replied 11 Oct 2004 19:56:40
11 Oct 2004 19:56:40 Taylor M replied:
<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)?
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)?