CSS probleme sa <UL> i jos nesto

[ sojic @ 16.09.2004. 16:43 ] @

Kolega, molim za pomoc.

Imam probleme sa CSS. http://www.venikom.com.mk/hyundai/index.php?Main=Vozila

Probleme:

1. Glavno meni je malo odvojeno od Headera

2. Slike (u sadrzaju, lista vozila) na mozili se ne ponasaju kao sto treba.

Ovo na IE je OK, na Operi samo problem 1, na mozili oba problema.

Problem br.1 mislim da jednom sam uspeo resiti, ali ne mogu da se setim. Mislim da ima veze to sto pre paragrafa, ul, H? ostavlja rastojanje. Kako da namalim ovo rastojanje?

Hvala unapred.

[ aleksandaraleksandar @ 16.09.2004. 17:10 ] @

ja sam izmenio:

Code:
#Container {
MARGIN-LEFT: auto; WIDTH: 750px; HEIGHT: 32px; MARGIN-RIGHT: auto;
TEXT-ALIGN: left
}

i radi ok. mada nisam bas siguram sta tebi treba tacno... da li hoces
da se u meniju vidi samo trugao i vertikalna crta u boji, umesto
sadasnjeg trougla vertikalne i horizontalne crte?

[ sojic @ 16.09.2004. 17:19 ] @

Mislim da nije to to.

Problem br.1:

Glavni meni

Code:

<div id="MainMenu">
<ul id="GlavnoMeni">
<li id="za_nas" title="Podetalni informacii za Korea Autotrade"><a href="index.php?Main=za_nas">Za nas</a></li>
<li id="Vozila" title="Lista na vozila od paletata na Korea Autotrade"><a href="index.php?Main=Vozila">Vozila</a></li>
<li id="Servis" title="Servisni centri vo Makedonija na Hyundai motor"><a href="index.php?Main=Servis">Servis</a></li>
<li id="Promocii" title="Korea Autotrade - Promocija na vozila"><a href="index.php?Main=Promocii">Promocii</a></li>
<li id="Novosti" title="Najnovi informacii vo vrska so Korea Autotrade"><a href="index.php?Main=Novosti">Novosti</a></li>
<li id="Kontakt" title="Kontakt so Korea Autotrade"><a href="index.php?Main=Kontakt">Kontakt</a></li>
</ul> </div>

U svi browsere (Opera, mozila, konqueror) sem IE je odvojen od prethodnog i sledeceg div-a

Problem br.2

Code:

<div class="Siroko">
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/accent.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/coupe.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/elantra.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/getz.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/h1.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/matrix.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/santafe.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/sonata.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/terracan.jpg)">
 Coupe15 000 €</a>
 <a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/xg.jpg)">
 Coupe15 000 €</a></div>
 </div>

On mouse over bg slika treba da ide za x px gore (to je definisano u CSS). U Mozili se ne ponasa dobro.

Ipak, pokusacu sa ovog koda koji si postovao.

[ Br@nkoR @ 16.09.2004. 20:11 ] @

1. U "body" stavi "font-size=0pt;" i takodje u "#SubMenuDiv" stavi "font-size=0px;"
2. Ne razumem u cemu je problem.

[ sojic @ 16.09.2004. 22:04 ] @

Danke bitte.

Problem 1 u Mozili i IE resen, ali u operi jos uvek isto. Ali nema veze, resicu ga (pretpostavljam).

Problem 2:

Code:

<a href="#" class="Kocka" style="background-image: url(images/cars/thumbnails/accent.jpg)">
Coupe15 000 €</a>

Ovo je link. Sastavljen je od dva dela. Class "ImeNaKola" je display:none (figurise zbog pretrazivaca) i Class "Cena".

Link je dimenzije 190x140 i u pozadini je slika 190x280, t.e. prvi deo (gore) je grayed+opacity, a donji geo je color, tako da imam:

Code:

.Kocka:hover {
background-position: 0px -140px;
}

a Class "Cena" treba da dodje u donji desni deo.

Ovo teoretski (i prakticno u IE i Operi) radi, ali u Mozili (Firefox 0.9) ne radi kao sto treba.

[ Br@nkoR @ 17.09.2004. 06:48 ] @

Kod mene u Firefox-u 0.9 kada predjem kursorom preko slike automobila, slika iz crno/bele prelazi u kolor varijantu, isto to se desava i u Internet Explorer-u 6.0. Cena je prikazana u donjem desnom uglu. Opera mi nije pri ruci da i u njoj ovo isprobam.
Ili ja ne vidim u cemu je problem ili ...

[ sojic @ 17.09.2004. 22:42 ] @

Evo kako se kod mene ponasa (u attachemtnu)

[ Br@nkoR @ 18.09.2004. 06:58 ] @

A kod mene, potpuno identicno.

Mogao bi jos neko da kaze da li se kod njega javlja ovaj problem.

[ sojic @ 18.09.2004. 13:12 ] @

OK, hvala puno, mozda je problem do moje mozile