HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji

eGospodarka.pl › Grupy › pl.comp.www › HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji

« poprzedni wątek

następny wątek »

Ilość wypowiedzi w tym wątku: 6

1. Data: 2009-08-11 16:08:08
Temat: HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji
Od: Zbigniew <z...@g...com>

Witam,
mam mały problem w wyświetlaniem obrazów obok siebie.
Prosty przykład:

<html>
<body>
<img src="patch.gif" title="Patch: 1" />
<img src="patch.gif" title="Patch: 2" />

<img src="django.gif"/><img src="django.gif"/>
</body>
</html>

Pierwsze dwa obrazki sa wyświetlane obok siebie, ALE z małą spacją
między nimi (znak nowej linii jest zamieniany na spację).
Drugie dwa obrazki są wyświetlane jeden obok drugiego bez żadnej
przerwy - efekt przez mnie pożądany.

Niestety mam stronę generowana, więc nie mogę umieścić wszystkich
tagów <img> w jednej linii.

Jak zrobić, zeby jednak pierwsze dwa obrazki też były wyświetlane bez
żadnej przerwy?

Ustawienie atrybutów CSS (width, height - ustawiałem)

img { padding: 0; margin: 0; hspace: 0; vspace: 0; }

nie działa :(

DOCTYPE mam XHTML Strict, ale Transitional wyświetla tak samo.

Dzięki za pomoc,
Zbyszek

[ pokaż wiadomość z nagłówkami ]

do góry
2. Data: 2009-08-11 18:34:02
Temat: Re: HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji
Od: porneL <n...@p...net>

On Tue, 11 Aug 2009 17:08:08 +0100, Zbigniew <z...@g...com>
wrote:

> mam mały problem w wyświetlaniem obrazów obok siebie.
> Prosty przykład:
>
> <html>
> <body>
> <img src="patch.gif" title="Patch: 1" />
> <img src="patch.gif" title="Patch: 2" />
>
> <img src="django.gif"/><img src="django.gif"/>
> </body>
> </html>
>
>
> Pierwsze dwa obrazki sa wyświetlane obok siebie, ALE z małą spacją
> między nimi (znak nowej linii jest zamieniany na spację).
> Drugie dwa obrazki są wyświetlane jeden obok drugiego bez żadnej
> przerwy - efekt przez mnie pożądany.
>
> Niestety mam stronę generowana, więc nie mogę umieścić wszystkich
> tagów <img> w jednej linii.

Spacja to spacja, żadne paddingi jej nie usuną. Generuj stronę tak, żeby
niechciane spacje nie właziły.

Możesz nadać obrazkom float:left, wtedy będą zachowywały się bardziej jak
elementy blokowe (i spacje będą ignorowane), ale będą przechodziły do
nowej linii w trochę inny sposób.

--
http://pornel.net/xhtml
this.author = new Geek("porneL");

[ pokaż wiadomość z nagłówkami ]

do góry
3. Data: 2009-08-11 18:59:14
Temat: Re: HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji
Od: "Marek" <m...@s...interia.pl>

>Niestety mam stronę generowana, więc nie mogę umieścić wszystkich
>tagów <img> w jednej linii.

Czy nie da się generatora strony zmusić do tworzenia IMG w jednej linii?
Niestety istnieją pewne nieudokumentowane zachowania przeglądarek i trzeba
je uwzgledniać w kodzie strony. To zrobiłbym w pierwszej kolejności zamiast
szukać obejść.

>Jak zrobić, zeby jednak pierwsze dwa obrazki też były wyświetlane bez
>żadnej przerwy?

Jeśli już koniecznie musisz tak generować kod to zrób tak jak Pornel zaleca.
Wtedy jednak pewnie będziesz musiał stosować na końcu szeregu obrazków <div
style="clear:both"></div> Pytanie czy to wspomniany "generator strony"
potrafi dodać.

> DOCTYPE mam XHTML Strict, ale Transitional wyświetla tak samo.

Bo nie w tym rzecz. A tak na marginesie po co inwestujesz czas w umierającą
technologię?

[ pokaż wiadomość z nagłówkami ]

do góry
4. Data: 2009-08-11 21:49:37
Temat: Re: HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji
Od: porneL <n...@p...net>

On Tue, 11 Aug 2009 19:59:14 +0100, Marek <m...@s...interia.pl>
wrote:

>> DOCTYPE mam XHTML Strict, ale Transitional wyświetla tak samo.
>
> Bo nie w tym rzecz. A tak na marginesie po co inwestujesz czas w
> umierającą technologię?

XHTML 2 został dobity. XHTML 1 jeszcze ma szanse przeżycia
(http://www.w3.org/TR/html5/)

--
http://pornel.net
this.author = new Geek("porneL");

[ pokaż wiadomość z nagłówkami ]

do góry
5. Data: 2009-08-12 10:17:19
Temat: Re: HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji
Od: Pushman <p...@g...com>

Jeśli nie sprawi Ci to dużych problemów, to możesz też dać font-size:0
na element nadrzędny.
A jeżeli dobrze wydedukowałem (sądząc po nazwie obrazka) i używasz
django, i możesz edytować szablony, to tag spaceless załatwi sprawę
(http://docs.djangoproject.com/en/dev/ref/templates/
builtins/
#spaceless).

[ pokaż wiadomość z nagłówkami ]

do góry
6. Data: 2009-08-18 20:22:07
Temat: Re: HTML - znacznik <img> - wyswietlanie obrazow obok siebie bez spacji
Od: Zbigniew <z...@g...com>

On 12 Sie, 12:17, Pushman <p...@g...com> wrote:

> (...) tag spaceless załatwi sprawę (...)

Rzeczywiście wygląda obiecująco.

Ciekawa rzecz, bo nie wiem ile razy w ciągu tygodnia korzystam z tej
strony, a jakoś nigdy "spaceless" nie rzuciło mi się w oczy.
No cóż, czasem zwyczajnie niektóre rzeczy się złośliwie chowają...

Poradziłem sobie w ten sposób, że poprosiłem o zmianę kodu
generującego.
Wszystko jest w jednej linii i obrazki są wyświetlane poprawnie.
Ale tag "spaceless" przetestuję z ciekawości. Może przyda się w moich
własnych generatorach.

Dzięki.

[ pokaż wiadomość z nagłówkami ]

do góry