Autor Zpráva
samec
Profil *
#1 · Zasláno: 1. 5. 2006, 13:08:19
Odpovědět Citovat
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
#2 · Zasláno: 1. 5. 2006, 13:13:26
Odpovědět Citovat
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 *
#3 · Zasláno: 1. 5. 2006, 13:19:31
Odpovědět Citovat
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
#4 · Zasláno: 1. 5. 2006, 13:19:52
Odpovědět Citovat
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
#5 · Zasláno: 1. 5. 2006, 13:21:10
Odpovědět Citovat
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 *
#6 · Zasláno: 1. 5. 2006, 13:21:11
Odpovědět Citovat
Jo, tak to jsem také pochopil... díky
samec
Profil *
#7 · Zasláno: 1. 5. 2006, 13:21:54
Odpovědět Citovat
He, vteřinka...
Michalek
Profil
#8 · Zasláno: 1. 5. 2006, 13:25:45
Odpovědět Citovat
imho
border-left: 0;
border-right: 0;
border-bottom: 0;
border-top: 1px dashed black;
samec
Profil *
#9 · Zasláno: 1. 5. 2006, 13:26:39
Odpovědět Citovat
Ještě detail: IE vykresluje obdélník zhruba o šířce 1cm, Fire Fox je OK...
samec
Profil *
#10 · Zasláno: 1. 5. 2006, 13:27:23
Odpovědět Citovat
To nepomáhalo..., Michalek
Michalek
Profil
#11 · Zasláno: 1. 5. 2006, 13:29:25 · Upravil/a: Michalek
Odpovědět Citovat
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
#12 · Zasláno: 1. 5. 2006, 13:31:44
Odpovědět Citovat
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 *
#13 · Zasláno: 1. 5. 2006, 13:42:58
Odpovědět Citovat
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 *
#14 · Zasláno: 1. 5. 2006, 13:48:55
Odpovědět Citovat
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 *
#15 · Zasláno: 1. 5. 2006, 13:49:53
Odpovědět Citovat
Pouze teda IE, Firefox je OK...
Michalek
Profil
#16 · Zasláno: 1. 5. 2006, 13:51:51 · Upravil/a: Michalek
Odpovědět Citovat
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 *
#17 · Zasláno: 1. 5. 2006, 13:58:40
Odpovědět Citovat
To je vono, díky a dokonce to i chápu...
Michalek
Profil
#18 · Zasláno: 1. 5. 2006, 14:00:46
Odpovědět Citovat
samec
Jsem rad ze jsme se dohrabali k reseni :-)
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0