Pełna wersja: odstępy między obrazki...
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?
Poczytaj o margin.
czy chodzi o to by zrobić tak?
Kod
<div id="obrazek1">
<img src="1.gif">
</div>
<div id="obrazek2">
<img src="2.gif">
</div>...
<img src="1.gif">
</div>
<div id="obrazek2">
<img src="2.gif">
</div>...
Kod
#obrazek1{
magrin-right: 4px;
}
#obrazek2{
margin-right: 4px;
}
magrin-right: 4px;
}
#obrazek2{
margin-right: 4px;
}
Mniej więcej. Tylko nie wiem po co tworzyć x klas. Nie lepiej?
W ogóle ID możesz usunąć jeśli z niego nie korzystać.
Kod
.obrazek
{
magrin-right: 4px;
}
{
magrin-right: 4px;
}
W ogóle ID możesz usunąć jeśli z niego nie korzystać.
zrobiłem tak i obrazki ułożyły się między sobą
w divie linki jest tło.
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>
<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;
}
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;
}
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
<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
a dla czego na końcu jest />
<img src="sciezka_do_obrazka" class="image" />
ja nigdy nie dawałem "/", czy to ma znaczenie?
<img src="sciezka_do_obrazka" class="image" />
ja nigdy nie dawałem "/", czy to ma znaczenie?
Cytat
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.