Nie wyświetla się poprawnie w Operze i FF

[Nicorrtiss]

Mam taki problem. Mam taki kod w css:

Kod:

body {
    font-family: Arial, Helvetica, sans-serif;
}
a: hover {
    background: #ffffff;
    text-decoration: none;
}

a.podpowiedz div {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 230px;
}

a.podpowiedz:hover div{
    display: inline;
    position: absolute;
    margin: 10px 0 0 5px;
    background: #dddddd;
    border: 1px solid #454545;
    color: #000000;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    text-align: center;
}

w html/body:

Kod:

<a class="podpowiedz" href="#"><img src="nazwaobrazkana który najeżdzam myszką.jpg" style="margin-left: 55" border="0">


<div id="ft1">jakiś tam tekst który wyświetla się w okienku po najechaniu na w/w zdjęciee</div></a>

Teraz fajnie mi to dział i wygląda w IE ale w Operze i FF (pewnie też w GCH-chociaż tego nie sprawdziłam) nie czyta tego. Tekst który powinien wyświetlać się w okienku, pojawia się na dole pod zdjęciem. Po najechaniu na tekst pojawia si ta apka+co bz wskayzwao na to że wie że to link ale po kliknięciu nic się nie dzieje .

Moje pytanie jest takie, co trzeba poprawić w css, żeby Opera i FF też to czytały?

Pozdrawiam i będę wdzięczna za pomoc.

[Ancik]

Witaj,

Po pierwsze, dowiedz się co to są style resetujące w CSS. Jeżeli dopiero zaczynasz, może nie powinieneś/aś ich jeszcze stosowac, ale może to pomóc rozwiązac Twój problem. Niestety przeglądarki różnie interpretują niektóre deklaracje CSS w związku z czym czasami dochodzi do podobnych komplikacji. Najlepszą metodą na radzenie sobie z tym jest metoda prób i błędów. Próbuj osiągac te same efektu w inny sposób i testuj pod przeglądarkami.

Ewentualnie, jeżeli nie potrafisz zrobic stylów pasujących do przeglądarek w jednym arkuszu CSS, to możesz zastosowac Conditional Statesmetns. Różne style, dla różnych przeglądarek.

PS. Podczas pracy nad projektem polecam Ci testowanie jej w różnych przeglądarkach podczas całego procesu projektowania. Łatwiej wyeliminowac pewne trudności odrazu, niż potem grzebac w kodzie i doszukiwac się.

Pozdrawiam.

[Nicorrtiss]

Czyli, jakiejś konkretnej pomocy nie dostanę - muszę grzebć :/ Może ktoś miał podobny problem? Jkieś bliższe wskazówki...

A o resecie CSS top jeszcze nie słyszałam - jak będę miała więcej czasu się zagłebie w temat

[Ancik]

Nie sądzę, żeby komuś chciało się poprawiac cały Twój kod. Poza tym w ten sposób niczego się nie nauczysz.

Może ktoś miał podobny problem?

Na początku swojej edukacji, zapewne każdy miał podobny problem .

[Pedro84]

Czyli, jakiejś konkretnej pomocy nie dostanę - muszę grzebć :/ Może ktoś miał podobny problem? Jkieś bliższe wskazówki...

A o resecie CSS top jeszcze nie słyszałam - jak będę miała więcej czasu się zagłebie w temat

Napisz po polsku co Ci nie działa, to pomożemy....

[Nicorrtiss]

Pomożecie?!

To jeszcze raz. Na początku tematu wkleiłam kody jakie zastosowałam sobie na stronie. W IE działa wszystko poprawnie tzn: Po najechaniu na obrazek pojawia się okienko w którym wpisana jest treść. Niestety w Operze i FF ten opis który w IE wyświetla się w okienku, pojawia się pod zdjęciem. Po prostu funkcja wyświetlania okienka po najechaniu na zdjęcie myszą nie działa.

Teraz jest już chyba po polsku

[Kartofelek]

Ależ oczywiście że FF i Opera nie wyświetla. A czemu? Bo IE było i jest złomem i nie potrafi nawet tak prostego kodu dobrze wyświetlić

1) Masz w stylach display:inline; co jest błędne w tym co chcesz osiągnąć.
display:inline nie styluje się w ten sposób co ty masz. To typowe stylowanie dla block.

2) Masz w linku div, co jest błędem, bo link jest inline, a div jest block.

Rozwiązanie:
Do swoich stylów dodaj/zamień właściwości
a.podpowiedz {position:relative; .....}
a.podpowiedz div {position:absolute; display:block; top:0; left:0; .....}

A najlepiej tego div zamień na spana, bo tak to jest kaszanka.

Obczajaj i atakuj swój kod:
http://doman.art.pl/kursjs/kurs/baloniki.html

[Nicorrtiss]

Dziękuję Ci za rade superkartofelku

Zaraz tym powalcze i napisze jak mi to wyszło