The new forums will be named Coin Return (based on the most recent vote)! You can check on the status and timeline of the transition to the new forums here.
The Guiding Principles and New Rules document is now in effect.
[RESOLVED] Cross Browser issues
Sublimus
Artist.nowhereRegistered User regular
Artist.nowhereRegistered User regular
hey guys, I hope its alright to start a thread for this.
I made a quick site for my friend, and it only works properly in Firefox. In other browsers, the div that is meant to display the images does not show up. Feel free to point any other issues there are, as I am by no means a full fledged web designer.
here is the stylesheet
And here is the index page
Thanks so much!
I made a quick site for my friend, and it only works properly in Firefox. In other browsers, the div that is meant to display the images does not show up. Feel free to point any other issues there are, as I am by no means a full fledged web designer.
here is the stylesheet
body {
margin:0 auto;
text-align: center;
background-color: #252525;
padding-top: 10px;
padding-left: 10px;
}
div.index {
textalign: left;
width: 800px;
height: 620px;
padding: 0px;
margin:0 auto;
margin-top: 60px;
background: #000000;
background-image: url('images/banner.jpg');
background-repeat: no-repeat;
border: solid #FFFFFF 1px;
}
div.navigation {
textalign: left;
width: 84px;
height: 336px;
padding: 0px;
margin-top: 220px;
margin-left: 25px;
background: #000000;
float: left;
}
div.imgbox {
textalign: left;
width: 350px;
height: 430px;
padding: 0px;
margin-top: 160px;
background: #000000;
margin-left: 130px;
flaot: left;
overflow: auto;
}
div.textbox {
textalign: left;
width: 350px;
height: 390px;
padding: 20px;
margin-top: 160px;
background: #252525;
margin-left: 130px;
flaot: left;
overflow: auto;
}
div.thumbbox {
textalign: left;
width: 244px;
height: 132px;
padding: 0px;
margin-top: 400px;
margin-right: 50px;
background: #000000;
float: right;
}
p {
font-family: Century Gothic, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 8pt;
}
And here is the index page
<html> <head> <title>Raven Herrera Illustration</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="index"> <div class="navigation"> <img src="images/nav_work.jpg" border="0"> <a href="about.html"><img src="images/nav_about.jpg" border="0"></a> <a href="http://ravenherrera.blogspot.com"?<img src="images/nav_blog.jpg" border="0"></a> <a href="contact.html"><img src="images/nav_contact.jpg" border="0"></a> </div> <div class="thumbbox"> <img src="images/thumbnail_active.jpg" border="0"><a href="index02.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index03.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index04.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index05.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index06.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index07.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index08.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index09.html"><img src="images/thumbnail.jpg"border="0"></a><a href="index10.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index11.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index12.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index13.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index14.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index15.html"><img src="images/thumbnail.jpg" border="0"></a><a href="index.html"><img src="images/thumb_back.jpg" border="0"></a><a href="index02.html"><img src="images/thumb_forward.jpg" border="0"></a> </div> <div class="imgbox"> <img src="images/grisly2.jpg></div> </div> </body> </html>
Thanks so much!
Sketchbook | | Website
Sublimus on
0
Posts