+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Nie wyświetla się poprawnie w Operze i FF (/thread-nie-wy%C5%9Bwietla-sie-poprawnie-w-operze-i-ff)
Nie wyświetla się poprawnie w Operze i FF - Nicorrtiss - 14-01-2011
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.
RE: Nie wyświetla się poprawnie w Operze i FF - Ancik - 14-01-2011
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.
RE: Nie wyświetla się poprawnie w Operze i FF - Nicorrtiss - 14-01-2011
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
RE: Nie wyświetla się poprawnie w Operze i FF - Ancik - 14-01-2011
Nie sądzę, żeby komuś chciało się poprawiac cały Twój kod. Poza tym w ten sposób niczego się nie nauczysz.
Cytat:Może ktoś miał podobny problem?
Na początku swojej edukacji, zapewne każdy miał podobny problem
.
RE: Nie wyświetla się poprawnie w Operze i FF - Pedro84 - 14-01-2011
(14-01-2011, 17:23)Nicorrtiss napisał(a): Czyli, jakiejś konkretnej pomocy nie dostanę - muszę grzebć :/ Może ktoś miał podobny problem? Jkieś bliższe wskazówki...Napisz po polsku co Ci nie działa, to pomożemy....
A o resecie CSS top jeszcze nie słyszałam - jak będę miała więcej czasu się zagłebie w temat
RE: Nie wyświetla się poprawnie w Operze i FF - Nicorrtiss - 15-01-2011
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
RE: Nie wyświetla się poprawnie w Operze i FF - Kartofelek - 15-01-2011
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
RE: Nie wyświetla się poprawnie w Operze i FF - Nicorrtiss - 15-01-2011
Dziękuję Ci za rade superkartofelku
Zaraz tym powalcze i napisze jak mi to wyszło