<hr> a barva v css

David Kácha

(39 hodnocení)

23. 11. 2011 21:50:30

Ahoj,

prosím o radu jak obarvit

(čáru) pomocí CSS.

Atribut color funguje v IE i v Mozille, ale né v Chromu :(

Děkuju předem

23. 11. 2011 21:50:30

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700653

Pavel Jílek

(81 hodnocení)

23. 11. 2011 22:10:25

Prskni tu barvu do "background" a půjde ti to.

23. 11. 2011 22:10:25

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700652

David Kácha

(39 hodnocení)

23. 11. 2011 22:16:31

Napsal pawlisko;726396
Prskni tu barvu do "background" a půjde ti to.

Díky, ale to funguje opět jen v IE. V jiným prohlížeči dostane čára ještě ke všemu divné ohraničení a při výšce 1px je vidět pouze to ohraničení a ne barva.

23. 11. 2011 22:16:31

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700651

David Starý

(1 hodnocení)

23. 11. 2011 22:21:37

background-color + color na stejnou barvu a nastavit výšku (height) a border na 0

23. 11. 2011 22:21:37

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700650

Marco Salatin

(2 hodnocení)

23. 11. 2011 22:24:56

Ted presne nevim jaky musi byt aby to bylo kompatibilni vsude, ale jestli se nepletu tak staci:

float, width: 100%, height: 0px, border-top: 1px a pak background-color: xxxxxx;

velikosti borderu urcis celkovou vysku

23. 11. 2011 22:24:56

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700649

peknesperky

(2 hodnocení)

23. 11. 2011 22:38:10

nemas to lepsi nastavit bud jako ramecek o velikosti 1px nebo pomoci border-top nebo bottom?:-)A tomu das background:-)

23. 11. 2011 22:38:10

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700648

Lukáš

(22 hodnocení)

23. 11. 2011 23:40:03

Peknesperky : nemas to lepsi nastavit bud jako ramecek o velikosti 1px

Taky bych to tak udělal

23. 11. 2011 23:40:03

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700647

David Kácha

(39 hodnocení)

23. 11. 2011 23:47:29

Napsal Maruz;726430
Taky bych to tak udělal
#cara{ width: 100%; height: 1px; background-color: #e5e5e5; } <div id="cara"></div>

S tím jsem měl zkušenosti, že v IE to bylo víc než 1px.

23. 11. 2011 23:47:29

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700646

netbrana

(14 hodnocení)

24. 11. 2011 00:00:52

Já běžně používám

Zkoušel jsem na IE6, opera, firefox, chrome a všude funguje naprosto bez problémů.

24. 11. 2011 00:00:52

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700645

David Kácha

(39 hodnocení)

24. 11. 2011 00:02:18

Napsal netbrana;726435
Já běžně používám
hr{ height: 0px; border: none; border-bottom: 1px solid #c10000; }
Zkoušel jsem na IE6, opera, firefox, chrome a všude funguje naprosto bez problémů.

Díky! Tohle funguje.

24. 11. 2011 00:02:18

https://webtrh.cz/diskuse/hr-a-barva-v-css#reply700644

Ondrej Vertat

(48 hodnocení)

24. 11. 2011 10:48:58