Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML/CSS]Denerwujący odstęp miedzy elementami <img />, jak się go pozbyć?
Zick4
post
Post #1





Grupa: Zarejestrowani
Postów: 39
Pomógł: 0
Dołączył: 12.10.2007

Ostrzeżenie: (0%)
-----

Jak bez użycia tabel czyli samym CSS'em zrobić tak by obrazki były obok siebie bez denerwującej przerwy między nimi. Mój kod:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4.     <head>
  5.         <title>WWW</title>    
  6.         <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" />
  7.         <meta http-equiv="content-language" content="pl" />
  8.     </head>
  9.     <body>
  10.         <img src="1.jpg" />
  11.         <img src="1.jpg" />
  12.     </body>
  13. </html>
[HTML] pobierz, plaintext

Wkurzyłem sie i ostatecznie spróbowałem tak ale i to nie pomogło:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4.     <head>
  5.         <title>WWW</title>    
  6.         <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" />
  7.         <meta http-equiv="content-language" content="pl" />
  8.     </head>
  9.     <body style="padding: 0px">
  10.         <img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" />
  11.         <img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" />
  12.     </body>
  13. </html>
[HTML] pobierz, plaintext


Ten post edytował Zick4 6.01.2008, 00:18:21
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
qrees
post
Post #2





Grupa: Zarejestrowani
Postów: 275
Pomógł: 44
Dołączył: 23.11.2007

Ostrzeżenie: (0%)
-----

Cytat(Zick4 @ 5.01.2008, 23:57:24 ) *
Jak bez użycia tabel czyli samym CSS'em zrobić tak by obrazki były obok siebie bez denerwującej przerwy między nimi. Mój kod:
(...)
Wkurzyłem sie i ostatecznie spróbowałem tak ale i to nie pomogło:
(...)

Ta przerwa to tak zwana spacja, wystarczy ją usunąć:
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">
  4.     <head>
  5.         <title>WWW</title>    
  6.         <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-2" />
  7.         <meta http-equiv="content-language" content="pl" />
  8.     </head>
  9.     <body style="padding: 0px">
  10.         <img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" /><img style="margin: 0px;" vspace="0" hspace="0" src="1.jpg" />
  11.     </body>
  12. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- Zick4   [HTML/CSS]Denerwujący odstęp miedzy elementami <img />   5.01.2008, 23:57:24
- - qrees   Cytat(Zick4 @ 5.01.2008, 23:57:24 ) J...   6.01.2008, 00:03:17
- - oggylwiatko   A w przypadku większej ilości obrazków można to sa...   11.09.2008, 16:09:22
- - decha-design   a nie prościej powielić 'rozwiązanie' @qre...   11.09.2008, 17:24:50
- - oggylwiatko   Tak brzydko wygląda kod:P Ja zrobiłem tak że dałem...   11.09.2008, 18:29:05

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 15.10.2025 - 03:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn