brittafish
Joined: 10 Sep 2007
Posts: 2
|
| Posted: Mon Sep 10, 2007 2:19 pm Using overlay on profile; my html is working in Safari only |
|
|
My URL is http://www.myspace.com/britt4nie, for reference.
I used an overlay on my Myspace profile, but the coding only works correctly with the Mac Safari browser. In Firefox, the only real problem is that my borders are missing; Internet Explorer, on the other hand, completely slaughters it.
I was under the impression that this coding is universal.. (apparently not.)
Any suggestions?
<3/Brittanie.
EDIT: Here is the code...
Code: <style type="text/css">
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(190,24,74);
font-size:9px;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:verdana,sans-serif;
}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:rgb(255,164,92);
font-size:9px;
font-weight:bold;
font-style:normal;
text-decoration:line-through ;
text-transform:none;
font-family:verdana,sans-serif;
}
.main {
font-size:9px;
position: absolute;
left: 50%;
top: 125px;
width: 801px;
z-index: 1;
margin-left: -405px;
}
.navigation{
font-size:9px;
text-decoration:bold;
border-bottom:1px solid;
border:12px solid 006699;
}
.navigation li{
display:inline;
list-style-type:none;
padding:0 0px 0 0;
}
.navigation a:link, .navigation a:visited{
font-family:verdana;
font-color:006699;
font-size:9px;
padding:40px;
border:0px;
}
.navigation a:hover{
font-size:9px;
font-family:verdana;
padding:40px;
}
.content{
font-size:9px;
width:500px;
height:791px;
float:left;
padding:0px 0px 0px 0px;
margin:5px 0 0 5px;
border:12px solid A6A685;
}
.sidebar{
font-size:9px;
width:210px;
height:781px;
float:right;
padding:5px 5px 5px 7px;
margin:5px 5px 0 0;
border:12px solid 669966;
}
input{
color:BA063B;
background-color:555555;
border:1px solid;
border-color:d6d3d3;
margin-left:6px;
margin-top:4px;
}
input:hover{
color:555555;
background-color:999999;
border:1px solid;
border-color:555555;
}
input:focus{
color:555555;
border:1px solid;
bord-color:555555;
}
</style>
|
|
