Rozsunięcie w Operze

Witam!

Właśnie zrobiłem sobie stronkę, ale mam z nią pewien problem. Otóż w IE wyświetla się normalnie, z kolei w Operze wychodzi coś takiego:

screen5du.th.jpg

Adres mojej strony: http://www.zagorskid.cba.pl

Jak da się to usunąć? O ile w ogóle się da…

Mam jeszcze jedno pytanie, takie na marginesie: jak zrobić, aby po kliknięciu powiedzmy na jakiś guzik, otworzyło się okno rozmowy w gg z danym numerem. Chodzi o to jak skonstruować link, w skype jest to np. “callto:ktostam”… Jak jest w gg?

gg:numer

A co do meritum, to najwyraźniej masz źle podobierane szerokości kolumn tabeli.

Mam coś takiego:

Gadu-Gadu (7158248)

i właśnie nie za bardzo działa…

A co do szerokości kolumn - czemu nie dzieje sie tak w IE?

A u mnie nie. W IE słychać kliknięcie i na tym się kończy. Mniejsza z tym… Może to dlatego, że mam PowerProject?

A pod czystym IE jak jest :?:

BTW A jak klikasz na forum w link do GG, to jest dobrze :?:

Z tym gg problem już rozwiązany ;). Moja siostra ma samo gg i u niej na koncie chodzi. To musi być wina PP. A na forum mi też nie chodzi, ale z tego nie korzystam ;).

co do rozsunięcia to spróbuj ten kod

width="150"> 
 style="border: 0px solid ; width: 162px; height: 38px; float: left;"

 alt="," src="index/1.GIF">


 style="border: 0px solid ; width: 162px; height: 41px; float: left;"

 src="index/homeb.gif" alt="home">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/nauka.gif" alt="nauka">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/comp.gif" alt="kompzone">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/zar.gif" alt="zarabianie w internecie">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/humor.gif" alt="humor">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/polecam.gif" alt="polecam">


 style="border: 0px solid ; width: 162px; height: 39px; float: left;"

 src="index/omnie.gif" alt="o mnie">


 style="border: 0px solid ; width: 162px; height: 77px; float: left;"

 alt="@" src="index/5.GIF">


 style="border: 0px solid ; width: 145px; height: 10px; float: left;"

 alt="." src="index/bgm.gif">


[/code]

dół zmień analogicznie jak ostatnia pozycja w powyższym kodzie (zmieniłem od góry przycisków do pierwszego małego el. na dole.

Powinno zadziałać.

Jeśli wstawiasz obrazki ważne jest podanie ich wymiarów, wtedy masz pewność, że nie zostaną źle wyświetlone. Tutaj decydującym elementem okazało się “opływanie” tekstu wokół obrazka (float: left). Jeśli nie podasz tego w kodzie przeglądarka interpretuje to jako opływanie od dołu i dodaje odstęp.

Coś z tym kodem nie tak :? . Kiedy wrzucam to do EdHTMLa wyskakuje bląd “error I/Q”…

Błąd może powodować to, że szerokość tabeli jest mniejsza niż szerokość przycisków. Trzeba ją zmienić na 162 px.

Kod powinien być OK, został wygenerowany przez edytor NVU.

Niestety, o ile pod FF i Operą po zmianie kodu wszystko jest OK, to w IE pozostają rozsunięte dolne elementy o wysokości 10 px.

Sprawdziłem, że wystarczy zmienić wysokość tych elementów (bgm.gif i bg_zanik.gif) na 20 px i wszystkie przeglądarki wyświetlają prawidłowo.

Najlepiej połącz dwa bgm.gif w jeden, a na dole bgm.gif+bg_zanik.gif.

Tu masz cały kod po zmianach.

width="162"> 
 style="border: 0px solid ; width: 162px; height: 38px; float: left;"

 alt="," src="index/1.GIF">


 style="border: 0px solid ; width: 162px; height: 41px; float: left;"

 src="index/homeb.gif" alt="home">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/nauka.gif" alt="nauka">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/comp.gif" alt="kompzone">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/zar.gif" alt="zarabianie w internecie">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/humor.gif" alt="humor">


 style="border: 0px solid ; width: 162px; height: 40px; float: left;"

 src="index/polecam.gif" alt="polecam">


 style="border: 0px solid ; width: 162px; height: 39px; float: left;"

 src="index/omnie.gif" alt="o mnie">


 style="border: 0px solid ; width: 162px; height: 77px; float: left;"

 alt="@" src="index/5.GIF">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="." src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="." src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 145px; height: 20px; float: left;"

 alt="" src="index/bgm.gif">


 style="border: 0px solid ; width: 141px; height: 20px; float: left;"

 alt="" src="index/bg_zanik.GIF">


[/code]

Dobra, wielkie dzięki. :ok:

Powiedz mi jeszcze tylka jak usunąć tą linię?

krecha9wp.jpg

Znaczy się nie usunąć a przenieść na dół, tak jak jest w IE…

No faktycznie, coś mi tam wystawało, myślałem że coś skopałem i to wykasowałem :lol: .

A poważnie nie mam pojęcia jak zmusić tą linię do prawidłowego wyświetlania w FF i Operze :frowning: .

Zrobiłem to na skróty, po prostu zamiast linii wstawiłem gifa (2px wys. 150px szer.)

style=“border: 0px solid ; width: 141px; height: 20px; float: left;”

alt="" src=“index/bg_zanik.GIF”>

[b]

src=“index/linia.gif”>[/b]

size="2">Wspieram

akcję:

src="index/bykomstop.png" alt="bykomstop" border="0"

height="31" width="88">

No i gra gitara :stuck_out_tongue:

Widok w Operze

schowek025ge.th.jpg

Tą linię sobie jednak podaruję ;)… Ale w ogóle w Operze się rozjeżdża (np. znaczek info albo wykrzyknik przy aktualizacjach)… Mniejsza z tym, walnęło się odpowiedni komunikat i

;).

Dzięki za wszytsko.

PS. Jeżeli macie jakieś propozycje co pozmieniać na stronce to walić śmiało ;).