[ varginjo @ 02.11.2007. 15:33 ] @
Na ovom linku se nalazi test stranica http://testlayout.awardspace.com/ 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... Code: /* 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; } |