Spacje między obrazkami.

[Ghert]

Muszę wstawić obok siebie parę ikonek. Kiedy wstawiam je w poniższy sposób czyli wszystkie img w jednej lini jest ok.

Kod:

<img/><img/><img/>

Nie lubię jednak tak kodzić bo nieczytelnie to wygląda. Kiedy obrazki wstawiam w sposób:

Kod:

<img/>
<img/>
<img/>

to w miejscu przejścia do nowej lini powstają brzydkie znaki które dają się zaznaczyć jak tekst. Obrazki mają display:inline, zero marginów itp. W kodzie na 100% nic nie ma oprócz "enterów". Jakieś porady?

[Engine]

Ale masz problemy, tez chciałbym takie mieć.

- spróbuj: float:left - jeśli nie zatrybi to se daruj "szkoda czasu".

[Pedro84]

@Ghert - zartujesz czy jakąś prowokację chcesz zrobić?

[beny]

ja to robię w ten sposób:

Kod:

<div style="font-size:0;">
   <img src="#" />
   <img src="#" />
   <img src="#" />
</div>

prawdopodobnie Twój problem polega na tym, że pomimo, że html ignoruje białe znaki, to traktuje enter w kodzie jako spację - stąd odstępy pomiędzy obrazkami w takim zapisie

oczywiście zapisz to przy pomocy styli css

[Ghert]

@Ghert - zartujesz czy jakąś prowokację chcesz zrobić?

Jak ty wszędzie prowokacje widzisz to może sobie daruj i po prostu nie odpowiadaj...

ja to robię w ten sposób:

Kod:

<div style="font-size:0;">
   <img src="#" />
   <img src="#" />
   <img src="#" />
</div>

prawdopodobnie Twój problem polega na tym, że pomimo, że html ignoruje białe znaki, to traktuje enter w kodzie jako spację - stąd odstępy pomiędzy obrazkami w takim zapisie

oczywiście zapisz to przy pomocy styli css

Dzięki, działa. O tym nie pomyślałem >.<

[Pedro84]

Ludzie, przecież takie rzeczy się formatuje CSSem. Pomyślałeś co wtedy jak będziesz musiał w taki div wstawić tekst? Poza tym, elementu umieszczone koło siebie powinny być umieszczone w liście. Podstawy się kłaniają...

[Ghert]

[Pedro84]

To w porządku, myślałem, że bez listy jedziesz. Ale na przyszłość pamiętaj, takie rzeczy eliminuje się CSSem (float, display, padding, margin).

A...i stosuj CSS Reset.

[Kartofelek]

Hehe. Przecież to stary błąd za czasów IE 5.
IE czytało czasami enter jako spacje. Nie dało się tego wtedy normalnie obejść.
W dzisiejszych czasach ten problem nie istnieje. Dlaczego? Bo a) mamy float:left; b) możemy wyświetlać obrazki blokowo (co kasuje zbędne "miejsce" - o czym napewno wszyscy wypowiadający się wiedzą), c) są doctype ustawiający typ dokumentu. Jak się tego nie używa, to wychodzą krzaczki ;]

Tyle wywodu. Ogólnie takie błędy wychodzą przy źle pisanym dokumencie. Przy dobrej składni te błędy nie występują ;]
tyle na temat.