-
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
-
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");
-
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ę?
-
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");
-
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).
-
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.
do góry
Freelancer: jak pracuje, ile zarabia, skąd ma zlecenia?
