odstępy między obrazki..., jak? Opcje

[nigraS]

do tej pory, gdy chciałem wstawić odstęp między obrazkiem wstawiałem    , czy w css można ustawić, by odstępy pomiędzy obrazkami były np. co 4px?

[webdice]

Poczytaj o margin.

[nigraS]

czy chodzi o to by zrobić tak?

Kod

<div id="obrazek1">
  <img src="1.gif">
</div>
<div id="obrazek2">
  <img src="2.gif">
</div>...

Kod

#obrazek1{
  magrin-right: 4px;
}

#obrazek2{
margin-right: 4px;
}

[webdice]

Mniej więcej. Tylko nie wiem po co tworzyć x klas. Nie lepiej?

[HTML] pobierz, plaintext 
<div class="obrazek" id="obrazek1">
  <img src="1.gif">
</div>
<div class="obrazek" id="obrazek2">
  <img src="2.gif">
</div>...
[HTML] pobierz, plaintext 

Kod

.obrazek
{
  magrin-right: 4px;
}

W ogóle ID możesz usunąć jeśli z niego nie korzystać.

[nigraS]

zrobiłem tak i obrazki ułożyły się między sobą

Kod

<div id="linki">
         <div class="obrazek" id="kariera">
           <a onfocus="blur()" href=""><img src="css/szablon/kariera.png"></a>
         </div>
         <div class="obrazek" id="o_firmie">
           <a onfocus="blur()" href=""><img src="css/szablon/o_firmie.png"></a>
         </div>
         <div class="obrazek" id="produkty">
           <a onfocus="blur()" href=""><img src="css/szablon/produkty.png"></a>
         </div>
        </div>

w divie linki jest tło.

Kod

#linki{
  background-image: url("szablon/po_miedzy_linkami.png");
  background-repeat: repeat-x;
  
  margin-top: -35px;
  margin-left: 50px;
  margin-right: 50px;
}

.obrazek
{
  magrin-right: 4px;
}

(IMG:http://img231.imageshack.us/img231/5303/beztytuult9.th.jpg)

Ten post edytował nigraS 2.01.2009, 00:02:51

[black_alexis]

po co sobie utrudniać życie:

<img src="sciezka_do_obrazka" class="image" />

a w css'ie wpisujesz:

.image{
margin: 4px;
}
Nie potrzebnie kopiować divy, jak można zrobić to dużo prosciej i szybciej, poprzez nadanie class "image" bezpośrednio dla obrazka, z tym, że należy pamiętać, że jeśli chcesz zachować class'ę dla każdego obrazka to musisz ją uwzględnić w <img ... />

Pozdrawiam

[nigraS]

a dla czego na końcu jest />
<img src="sciezka_do_obrazka" class="image" />

ja nigdy nie dawałem "/", czy to ma znaczenie?

Ten post edytował nigraS 2.01.2009, 13:09:40

[erix]

ja nigdy nie dawałem "/", czy to ma znaczenie?

Jeśli nie piszesz w XHTML, to niepotrzebne. Jeśli używasz XHTML, to przy doctype strict MUSISZ. Każdy tag, który nie ma zamknięcia musi być w ten sposób domknięty.