Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Spacje między obrazkami. - Wersja do druku

+- 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: Spacje między obrazkami. (/thread-spacje-miedzy-obrazkami)



Spacje między obrazkami. - Ghert - 15-09-2010

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?


RE: Spacje między obrazkami. - Engine - 15-09-2010

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

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


RE: Spacje między obrazkami. - Pedro84 - 15-09-2010

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


RE: Spacje między obrazkami. - beny - 15-09-2010

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 Smile


RE: Spacje między obrazkami. - Ghert - 15-09-2010

(15-09-2010, 03:55)Pedro84 napisał(a): @Ghert - zartujesz czy jakąś prowokację chcesz zrobić?
Jak ty wszędzie prowokacje widzisz to może sobie daruj i po prostu nie odpowiadaj...

(15-09-2010, 14:14)beny napisał(a): 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 Smile
Dzięki, działa. O tym nie pomyślałem >.<


RE: Spacje między obrazkami. - Pedro84 - 15-09-2010

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ą...


RE: Spacje między obrazkami. - Ghert - 15-09-2010




RE: Spacje między obrazkami. - Pedro84 - 15-09-2010

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.


RE: Spacje między obrazkami. - Kartofelek - 16-09-2010

Big Grin
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.