Problemi su sledeci:
- U Firefoxu je sve kako treba da bude , znaci ceo layout dizajna izgleda kako treba,
onaj beli border i mouseHover radi odlicno ( sto predstavlja problem u drugim browserima,
a navescu u daljem tekstu..)
- U Operi border takodje funkcionise, a problem predstavljaju 3 slike gde ne reaguje na mouseHover
- U IE nema belog bordera, a takodje predstavlja problem mouseHover
Za CSS sam sve probao ali ne znam zasto IE pravi problem oko toga i kako bih to mogao resiti?
Sto se tice slika , tu koristim Javascript sa Dynamicdrive-a i mozete pogledati u kodu i
da li je moguce da taj Javascript ne radi u Operi i IE , ako je tako, zamolio bih preporuku
za neku drugu skriptu koja obavlja isti zadatak.
U sledecem kodu se nalazi CSS za layout...
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {
color: #999;
text-decoration: none;
}
body {
background: #FD7802;
color: #555;
font: normal 0.7em sans-serif,Arial;
margin: 0px 0;
text-align: center;
}
ul {
margin: 12px 0;
}
li {
list-style: url(img/li.gif);
margin-left: 18px;
}
cite {
background: url(img/quote.gif) no-repeat;
color: #9A9A9A;
display: block;
font: normal 1.1em "Lucida Sans Unicode",serif;
margin-bottom: 12px;
padding-left: 28px;
}
/* main structure */
.main {
background: White;
border: 10px double White;
border-color: #141414 #202020 #222 #202020;
margin: 20px auto 4px auto;
text-align: left;
width: 600px;
}
/* header */
.gfx {
background: #222 url(img/logo.jpg) no-repeat;
height: 130px;
}
.gfx h1 {
color: #EDEDED;
font: normal 2.6em Tahoma,sans-serif;
padding: 50px 20px;
}
/* menu */
.menu a {
background: #000 url(img/bgmenu.png) repeat-x;
border-right: 1px solid #222;
border-top: 1px solid #1A1A1A;
color: #FC8602;
float: left;
font-size: 1.2em;
padding-top: 10px;
width: 119px;
height: 20px;
}
.menu a span {
padding-left: 30px;
}
.menu a:hover {
background-position: left bottom;
color: White;
}
.menu a#last {
border-right: none;
width: 150px;
}
.img {
padding:4px;
border:1px solid #ddd;
}
/* content */
.content {
background: #1A1A1A;
border-top: 1px solid #1A1A1A;
clear: both;
}
.content h1 {
color: #A67413;
font: bold 1.1em sans-serif,Arial;
margin: 0 0 4px;
}
.content p {
margin: 0 0 12px;
color: Silver;
}
.item {
background: #030303 url(img/bgitem.gif) repeat-x;
padding: 20px 10px;
}
.item1 {
background: #030303 url(img/bgitem.gif) repeat-x;
padding: 20px 33px;
}
.item3{
background: #030303 ;
padding: 20px 33px;
}
/* footer */
.footer {
background: #0A0A0A;
color: #666;
padding: 5px;
}