Rockonmetal
03-10-2007, 06:39 PM
Ok so i have this site on my comp. It looks fabulus in IE 7. Then i accidently click firefox and screemed. cuz, it was uh, well, NOT IN LINE!!!!!
heres the code
<html>
<head>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
html, body{
scrollbar-face-color:#0000FF;
scrollbar-base-color:#0000FF;
scrollbar-arrow-color:white;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#0000CC;
scrollbar-highlight-color:#0000CC;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}
</style>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.bordered {
border-right-color: #0000EE;
border-right-width: 2px;
border-right-style: solid;
}
h2 {
font-family: Trebuchet MS, Arial;
font-size: 36px;
color: #FFFFFF;
}
h3 {
font-family: Trebuchet MS, Arial;
font-size: 24px;
color: #0000FF;
}
.div {
overflow: auto;
width: 500px;
height: 288px;
vertical-align: top;
font-family: Trebuchet MS, Arial;
font-size: 12px;
color: #777777;
}
.breadcrumb {
color: FFFFFF;
font-family: Trebuchet MS, Arial;
font-size: 12px;
padding: 1cm;
}
.img {
float: left;
}
.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 110px;
border: 0px solid #000000;
border-bottom-width: 0;
}
.glossymenu li a{
background: white url(buttons/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 110px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 110px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url(buttons/glossyback2.gif);
}
.glossymenu2{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 480px;
border: 0px solid #000000;
border-bottom-width: 0;
}
.glossymenu2 li a{
background: white url(buttons/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 480px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}
* html .glossymenu2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 480px;
}
.glossymenu2 li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu2 li a:hover{
background-image: url(buttons/glossyback2.gif);
}
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF;}
a:active {color: #FFFFFF;}
a.bread:link {color: #FFFFFF;}
a.bread:visited {color: #551A8B;}
a.bread:hover {color: #CC0000;}
a.bread:active {color: #FFFFFF;}
a.two:link {color: #000099;}
a.two:visited {color: #000000;}
a.two:hover {color: #888888;}
a.two:active {color: #FFFFFF;}
a.footer:link {color: #FFFFFF;}
a.footer:visited {color: #551A8B;}
a.footer:hover {color: #888888;}
a.footer:active {color: #FFFFFF;}
.footer {
color: #FFFFFF;
font-size: 12px;
font-family: Trebuchet MS, Arial;
}
.title {
color: #888888;
font-size: 17px;
font-family: Trebuchet MS, Arial;
}
.news {
color: #888888;
font-size: 11px;
font-family: Trebuchet MS, Arial;
padding: 1cm;
}
.linkto {
color: #888888;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}
</style>
</head>
<body bgcolor="888888">
<center><table bgcolor="FFFFFF" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" background="buttons/glossyback2.gif"><center><h2>PureADD Videos</h2></center>
</tr>
<tr>
<td colspan="2" background="buttons/glossyback2.gif"><span class="breadcrumb"><a href="news.html" class="bread">PureADD Videos Home</a> >> <a class="bread"
href="index.html">Video Index
</a></tr>
<tr>
<td width="110" valign="top" class="bordered">
<ul class="glossymenu">
<li><a><center><u>Site Menu</u></center></a></li>
<li><a href="news.html"><img src="bullet.png" border="0"> Site News </a></li>
<li><a href="index.html"><img src="bullet.png" border="0"> Video Index</a></li>
<li><a href="about.html"><img src="bullet.png" border="0"> About Us</a></li>
<li><a href="register.html"><img src="bullet.png" border="0"> Register</a></li>
<li><a href="login.htm"><img src="bullet.png" border="0"> Log in</a></li>
<li><a href="credits.html"><img src="bullet.png" border="0"> Credits</a></li>
<li><a href="advertise.html"> Your Ad Here</a></li>
<li><a href="advertise.html"> Your Ad Here</a></li>
Link to Us:
<br><textarea cols="18" rows="7" class="linkto"><a href="www.freewebs.com/pureaddvideos/index.html" target="_blank">Check out PureADD Videos</a></textarea>
</ul>
</td>
<td width="500" valign="top">
<h3>Site News<hr></h3>
<div class="div" id="div" name="div">
<span class="title">-||- Feel Safe With Encrypted Forms -||- 3/04/07 -||-</span>
<br><span class="news">The site has encrytped its forms. That means its harder for hackers, spammers, and other mean computer people, to take your information.
Though! It still looks the same. But if you right click and choose view source you'll see how, uh, weird the codeing is to a regular page.</span><hr>
<span class="title">-||- Cool New Layout -||- 3/03/07 -||-</span>
<br><span class="news">The site has updated its appearance. Sign-up and get the free email updates. The site now has a new player and menu set up. See why
PureADD Videos are better than YouTube, <a href="why.html" class="two">Click Here</a></span>
</div>
</td>
</tr>
<tr>
<td colspan="2" background="buttons/glossyback2.gif" class="footer"><center>-||-<a href="About.html" class="footer">About Us</a> -||- <a href="rules.html"
class="footer">Video Rules</a> -||- Copyright© 2007 PureADD Videos -||- <a href="staff.html" class="footer">Job Oppertunities</a> -||-</center></td>
</tr>
</table>
</center>
</body>
</html>
some one help. please.
i might, cry, wahhaahaaha
it works in IE, not FireFox, Netscape, or anyother browsers. Is there anything i can do without changing the page's style???
heres the code
<html>
<head>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
html, body{
scrollbar-face-color:#0000FF;
scrollbar-base-color:#0000FF;
scrollbar-arrow-color:white;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#0000CC;
scrollbar-highlight-color:#0000CC;
scrollbar-3dlight-color:#78AAFF;
scrollbar-darkshadow-Color:#78AAFF;
}
</style>
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.bordered {
border-right-color: #0000EE;
border-right-width: 2px;
border-right-style: solid;
}
h2 {
font-family: Trebuchet MS, Arial;
font-size: 36px;
color: #FFFFFF;
}
h3 {
font-family: Trebuchet MS, Arial;
font-size: 24px;
color: #0000FF;
}
.div {
overflow: auto;
width: 500px;
height: 288px;
vertical-align: top;
font-family: Trebuchet MS, Arial;
font-size: 12px;
color: #777777;
}
.breadcrumb {
color: FFFFFF;
font-family: Trebuchet MS, Arial;
font-size: 12px;
padding: 1cm;
}
.img {
float: left;
}
.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 110px;
border: 0px solid #000000;
border-bottom-width: 0;
}
.glossymenu li a{
background: white url(buttons/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 110px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 110px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url(buttons/glossyback2.gif);
}
.glossymenu2{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 480px;
border: 0px solid #000000;
border-bottom-width: 0;
}
.glossymenu2 li a{
background: white url(buttons/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: 480px;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;
}
* html .glossymenu2 li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 480px;
}
.glossymenu2 li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu2 li a:hover{
background-image: url(buttons/glossyback2.gif);
}
a:link {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF;}
a:active {color: #FFFFFF;}
a.bread:link {color: #FFFFFF;}
a.bread:visited {color: #551A8B;}
a.bread:hover {color: #CC0000;}
a.bread:active {color: #FFFFFF;}
a.two:link {color: #000099;}
a.two:visited {color: #000000;}
a.two:hover {color: #888888;}
a.two:active {color: #FFFFFF;}
a.footer:link {color: #FFFFFF;}
a.footer:visited {color: #551A8B;}
a.footer:hover {color: #888888;}
a.footer:active {color: #FFFFFF;}
.footer {
color: #FFFFFF;
font-size: 12px;
font-family: Trebuchet MS, Arial;
}
.title {
color: #888888;
font-size: 17px;
font-family: Trebuchet MS, Arial;
}
.news {
color: #888888;
font-size: 11px;
font-family: Trebuchet MS, Arial;
padding: 1cm;
}
.linkto {
color: #888888;
font-size: 11px;
font-family: Trebuchet MS, Arial;
}
</style>
</head>
<body bgcolor="888888">
<center><table bgcolor="FFFFFF" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" background="buttons/glossyback2.gif"><center><h2>PureADD Videos</h2></center>
</tr>
<tr>
<td colspan="2" background="buttons/glossyback2.gif"><span class="breadcrumb"><a href="news.html" class="bread">PureADD Videos Home</a> >> <a class="bread"
href="index.html">Video Index
</a></tr>
<tr>
<td width="110" valign="top" class="bordered">
<ul class="glossymenu">
<li><a><center><u>Site Menu</u></center></a></li>
<li><a href="news.html"><img src="bullet.png" border="0"> Site News </a></li>
<li><a href="index.html"><img src="bullet.png" border="0"> Video Index</a></li>
<li><a href="about.html"><img src="bullet.png" border="0"> About Us</a></li>
<li><a href="register.html"><img src="bullet.png" border="0"> Register</a></li>
<li><a href="login.htm"><img src="bullet.png" border="0"> Log in</a></li>
<li><a href="credits.html"><img src="bullet.png" border="0"> Credits</a></li>
<li><a href="advertise.html"> Your Ad Here</a></li>
<li><a href="advertise.html"> Your Ad Here</a></li>
Link to Us:
<br><textarea cols="18" rows="7" class="linkto"><a href="www.freewebs.com/pureaddvideos/index.html" target="_blank">Check out PureADD Videos</a></textarea>
</ul>
</td>
<td width="500" valign="top">
<h3>Site News<hr></h3>
<div class="div" id="div" name="div">
<span class="title">-||- Feel Safe With Encrypted Forms -||- 3/04/07 -||-</span>
<br><span class="news">The site has encrytped its forms. That means its harder for hackers, spammers, and other mean computer people, to take your information.
Though! It still looks the same. But if you right click and choose view source you'll see how, uh, weird the codeing is to a regular page.</span><hr>
<span class="title">-||- Cool New Layout -||- 3/03/07 -||-</span>
<br><span class="news">The site has updated its appearance. Sign-up and get the free email updates. The site now has a new player and menu set up. See why
PureADD Videos are better than YouTube, <a href="why.html" class="two">Click Here</a></span>
</div>
</td>
</tr>
<tr>
<td colspan="2" background="buttons/glossyback2.gif" class="footer"><center>-||-<a href="About.html" class="footer">About Us</a> -||- <a href="rules.html"
class="footer">Video Rules</a> -||- Copyright© 2007 PureADD Videos -||- <a href="staff.html" class="footer">Job Oppertunities</a> -||-</center></td>
</tr>
</table>
</center>
</body>
</html>
some one help. please.
i might, cry, wahhaahaaha
it works in IE, not FireFox, Netscape, or anyother browsers. Is there anything i can do without changing the page's style???