Autor Zpráva
samec
Profil *
Prosím jak udělat z čáry <hr> perušovanou?

Udělal jsem to takto:

css:
hr {border: 1px dashed silver;}

Jenže je to blokový element a tak se to chová tak, že se mi ta čára udělá na dole a nahoře, jakoby dvě půlky, takže to není dokonalé. Jak by jste to zapsali vy, myslim, že to mám stejně hodně divně...
PerToon
Profil
hr nejde udělat čárkovaně, čárkovaně jde udělat border nějakýho elementu, klidně <div> bez obsahu s 100% šířkou a malinkou výškou.
samec
Profil *
Aha, mě se to líbilo z toho důvodu, že když vypnu styly, tak je to tam taky..., samozřejmě plná čára...
RPG
Profil
samec
Pokud jsem pochopil PerToona, mělo by to jít takhle:


.prerusovana_cara{width:100%;border:1px dashed #000;}

<div class="prerusovana_cara"></div>
RPG
Profil
samec
Aha, mě se to líbilo z toho důvodu, že když vypnu styly, tak je to tam taky
Tak pak jedině obrázkem. Ale to bych nedoporučoval.
samec
Profil *
Jo, tak to jsem také pochopil... díky
samec
Profil *
He, vteřinka...
Michalek
Profil
imho
border-left: 0;
border-right: 0;
border-bottom: 0;
border-top: 1px dashed black;
samec
Profil *
Ještě detail: IE vykresluje obdélník zhruba o šířce 1cm, Fire Fox je OK...
samec
Profil *
To nepomáhalo..., Michalek
Michalek
Profil
Nechci si delat reklamu, ale na www.bgv.cz mam ve stylu
hr {border: 0; border-top: 2px dashed #FFCC33; }


A pokud dobre vidim, na hlavni strance jsou hr carkovane. Ale treba to vidim jenom ja...
Michalek
Profil
Ale jinak, pokud to chces delat pres ten div, jeste mu nastav line-height: 1px a height: 1px pro IE a melo by to byt ok.
samec
Profil *
Díky, já tam měl chybku, takhle jsem to také zkoušel..., ale je to teda vpořádku, nebo je to ve skutečnosti nějaká mutace, která není ač se možná zdá zcela vpořádku. Díky
samec
Profil *
Michalek: Ne, tak jsem tam chybku neměl. hr je blokový element, tudíž se chová jako obdélník, když mu zadáš 2px, tak není vidět ten 1px čáry a to je můj problém, já chci 1px, když to tak udělám, druhá půlka mě vykreslý vodorovně 1px plně...
samec
Profil *
Pouze teda IE, Firefox je OK...
Michalek
Profil
Sry, takhle jsem to vyzkousel a funguje to.
Teda pokud jsem dobre pochopil, ze chces 1px caru bez vseho okolo. Pokud jsem to pochopil blbe, tak se omlouvam.

<style>

hr {
border-width: 1px 0 0 0;
border-color: black;
border-style: dashed;
height: 1px;
line-height: 1px;
}
</style>

<hr />
samec
Profil *
To je vono, díky a dokonce to i chápu...
Michalek
Profil
samec
Jsem rad ze jsme se dohrabali k reseni :-)
Toto téma je uzamčeno. Odpověď nelze zaslat.