[css] jak narysować 2 linie obok siebie Opcje

[gibonik]

jak narysować 2 linie obok siebie, jedna ma być zielona, 2 żółta

[hind]

[HTML] pobierz, plaintext 
<style>
#c1 {
height: 1px;
background:green;
}
#c2 {
height: 1px;
background:yellow;
}
 
</style>
<div id='c1'></div>
<div id='c1'></div>
[HTML] pobierz, plaintext 

Powód edycji: [Ociu]: dodałem bbCode

[gibonik]

jak robię w II divach to mi rozwala strone:/
<div style=" float:left; border-right:1px solid #E2EBF0; border-right:1px solid #FFF;"></div>
chodzi mi aby to zawrzeć w 1,

[thek]

Nadaj divom szerokość (czy to w px czy %), potem float i na koniec wyczyść opływanie.

[gibonik]

prawie wyszło tylko linia zew. diva jest ok 1 px wyższa

[vokiel]

Ale kombinujecie

[HTML] pobierz, plaintext 
<style type="text/css">
.linie{
    border: 0px;
    border-left: 1px solid yellow;
    border-right: 1px solid green;
}
</style>
<div class="linie">ustaw sobie szerokość</div>
[HTML] pobierz, plaintext 

[cniak]

http://www.html.net/tutorials/css/lesson3.php

Poczytaj o repeat-x, repeat-y. Przy tym jest uzywanie obrazka, ktorego efektem sa dwie linie

[Damonsson]

A dlaczego nie użyć

[HTML] pobierz, plaintext 
<hr>
[HTML] pobierz, plaintext 

?

[thek]

Vokiel... może dlatego, że linie mają być poziome? Co do obrazka na repeacie to jest to dobre rozwiązanie gdy linia ma mieć większą grubość/szerokość i jeszcze gradient. Ale dla 1 lub kilku pikseli jednolitych myślę, że mija się to z celem.

A dlaczego nie używać hr? Proste. Sprawdź jak wygląda nadanie koloru linii takiej pod kilkoma przeglądarkami. To zwyczajnie nie działa we wszystkich. Dlatego używa się albo borderów, albo obrazka.