[css] obrazki sie zle rozkladaja Opcje

[gigzorr]

witam.
mam taki problem , z pozycjonowania relatywnego moich wyswietlanych obrazkow na floaty przeszedlem , i mam problem, z ktorym nie umiem sobie poradzic:
Oto kod odpowiedzialny za to ( wiem , ze nie uporzadkowany ale nie mialem czasu) :

[PHP] pobierz, plaintext 
 
             echo '<div style="display:inline-block;margin-lefT:auto;margin-right:auto;margin:auto;margin-top:-7px;">';
             echo '<div style="width:73px;margin-left:70px;">';
         printf("<a href='index.php?page=galeria&id=$row[id]' onMouseover=\"ddrivetip('Kliknij na zdjęcie aby zobaczyć realnej wielkości zdjęcie.')\"
onMouseout=\"hideddrivetip()\">%s</a>",$row['link_zdjecia'],$row['data_dodania'],$row['id']);
             echo '<div style="color:white;font-size:10px;font-family:Arial;border: 1px transparent">Dzisiaj: ';
             echo $row['data_dodania'];
             echo '</div>';
             echo '</div>';
             echo '</div>'; 
 
[PHP] pobierz, plaintext 

Jesli w tej linijce wywale na koncu cudzyslow, i bedzie wygladala tak :

[PHP] pobierz, plaintext 
 echo '<div style="width:73px;margin-left:70px;>';
[PHP] pobierz, plaintext 

To na kazdej przegladarce jest tak samo , ale za to <a href nie ma >
A jak znowu jest z " czyli tak :

[PHP] pobierz, plaintext 
 echo '<div style="width:73px;margin-left:70px;">';
[PHP] pobierz, plaintext 

to na firefoxie jest ok,href dziala , a opera i innych przegladarkach nawala.

Zademonstruje to live , bez " na kazdej bedzie ok , ale href nie dziala itp , nie idzie kliknac :
http://graczepolscy.pl
Na dole obrazki.

Ten post edytował gigzorr 27.08.2010, 20:54:21

[thek]

Powiem tylko tak... Firefox poprawia byki w html, gdyż ma to domyślnie włączone. Opera oraz IE nie mają takich "bajerów". Spójrz w kod swój a zobaczysz takie kwiatki jak definicja stylu z użyciem <style> całkiem gdzieś zakopana w body w którymś elemencie a nie wewnątrz head, żeby tylko te największe głupoty wspomnieć. Po prostu kod masz mocno niepoprawny i dlatego się strona sypie na tych przeglądarkach które kodu nie poprawiają po Tobie.

[Tomplus]

Ja miałem akurat dzisiaj taki problem i powiem Ci że thek ma racje. Ja się dziwiłem dlaczego akurat w moim wypadku na Operze i Firefox strona wyglądała tak jak powinna, a pod Chrome wyskakiwały dziwadła.


Przepisałem CAŁY kod CSS i wyłapałem kwiatki i teraz mam na wszystkich przeglądarkach taki sam wygląd. Nawet na IE.

[gigzorr]

poszedlem troszke , za waszym zdaniem , poprawilem bledy walidatora , zostaly 3 , ale ich nie fixne bo sie nie da , one nic nie maja do strony.

http://graczepolscy.pl/bar.php

teraz tak wyglada , stopke przerabialem , zostawilem tak narazie , i za cholere nie chce mi to isc na srodek , z display:inline-block , moze i by poszlo , ale wtedy na operze sie rozwala.
macie jakies pomysly , jak to wymusic na srodek?

a drugi problem jest taki , ze w ie,operze jak najade w stopce,albo obojetnie gdzie na tym czarnym, to tooltip sie otwiera jakby tam byl obrazek etc.
tzn na czarnym w operze sie nie otwieara , tylko w ie , ale za to w operze w stopce sie otwiera.

100 prób , bez display:inline-block nie idzie , jeden problem mi zostal pod opera z tym , tylko jeden obrazek sie pokazuje hm?

to jednak tez bez sesns , bo pod ie za duze rostepy sie robia

Ten post edytował gigzorr 28.08.2010, 12:33:23

[glh]

Tych błędów masz więcej niż 3...
Ale do rzeczy.

Ustalasz szerokość tego bloku, w którym masz te miniaturki.
Szerokość musi być taka sama jak suma szerokości bloków nad nim(współrzędne, mapa, wpisy), czyli 997px.

Co do stylów to tak:
clear: both; width: 997px; height:130px; margin:0 auto; background-color: black; text-align: center;

Wtedy będzie na środku ten blok, tylko pierwsza miniaturka będzie lekko wystawała, ale to przez te ujemne marginesy.

[gigzorr]

więcej niż 3?zaraz zerkne , pewnie znów cos posułem ;p
wkońcu po tylu próbach , postanowilem stopke nie robic 100% bo to bez sens , za duzo meczarni , teraz mam ok (IMG:style_emoticons/default/smile.gif)

ostatni problem pozostal z tooltipem , idk czemu na ie,operze sie wlacza wtedy,gdzie nie powinien sie wlaczyc , czyli w stopce najedzcie sobie i zobaczycie efekty.

[glh]

Co do stopki na 100% to przecież nie jest to takie trudne.
Po prostu robisz dodatkowy blok o szerokości 100% i do niego wrzucasz ten blok który służy Ci teraz za stopkę.

A co do dziwnej podpowiedzi to myślę, że to przez to, że nie zamykasz znaczników img od miniaturek.
Poza tym atrybut src znacznika img powinien być ujęty w apostrofy lub cudzysłowie.

Jako dowód załączam ten fragment:

[HTML] pobierz, plaintext 
<a href='index.php?page=galeria&id=20' style='text-decoration:none;' onMouseover="ddrivetip('Kliknij na zdjęcie aby zobaczyć realnej wielkości zdjęcie.')"
onMouseout="hideddrivetip()"><img src=zdjecia/thumbs/thumb_1282928983.jpg style="height:70px;width:70px;border: 1px solid white;"</a>
[HTML] pobierz, plaintext 

Brakuje ">" przed "</a>".
W sumie w XHTML-u powinno być "<img ... />"

No i <img src='sciezka'/>, ew. <img src="sciezka" />, a nie <img=sciezka>.

Ten post edytował glh 28.08.2010, 14:43:05