Dlouho jsem přemýšlel jak nastylovat značku HR tak, aby tvořila jednobarevnou nestínovanou jednopixelovou čáru a aby to fungovalo jak v MSIE, Mozille, tak i v Opeře. Nakonec jsem na to přišel – stačí jí nastavit nulovou šířku okraje a výšku jeden pixel!
Ukázka:
Použitý styl:
border-width:0;
border-top:1px solid green;
height:1px;
Můžete použít i jiný styl okraje – třeba čárkovaný:
Použitý styl:
border-width:0;
border-top:1px dashed #bbb;
height:1px;
width:70%
Samozřejmě, kdo má rád grafiku ihned jej napadne dát značce HR nějaký pěkný obrázek na pozadí. Bohužel tudy cesta nevede, neboť MSIE kolem této horizontální čáry udělá rámeček, kterého jsem se nedokázal zbavit. Ostatní prohlížeče vykreslí grafiku bez rámečku
Použitý styl:
border-width:0;
height:20px;
width:90%;
background:url('/images/priklady/hr.jpg') no-repeat center center;
Mám pocit, že jsem to viděl již vyřešené u www.vitdlouhy.cz kde je to asi tak rok.
hr {height: 1px; color: #ddd; background-color: #ddd; border: 0px solid #ddd}
Pár řešení je taky na http://www.sovavsiti.cz/css/hr.html – ale pozor, je to přes tři roky staré a pro současnou Operu neaktuální.
Snažil jsem se již několikrát o to samé, ale bez solidního výsledku. Problémy zde jsou nejen s výškou a rámečky, ale i okrajem (margin).
Pokud mohu čtenářům něco doporučit, tak pokud potřebují přesnost na pixel, nechť značku hr zcela skryjí hr {display:none} a různé takové „separátory“ vytváření nastavováním vlastnosti „border“ u blokových prvků.
[4] Teď jsem to zkoušel a opravdu to v Opeře zobrazuje rámeček, ale když to vypreparuji z této stránky a uložím do zvláštního souboru, tak je to OK, takže to nejspíse nějak ovlivňuje styl této stránky. Ještě se na to podívám
HR je kapitola sama pro sebe – dokáže přesvědčit IE k tomu aby „mizel“ obsah ze stránky při rolování. Nebavilo mě to nikdy zkoumat, takže jsme to vyřešil „doporučením“ na nepoužívání HR v článcích na blozích na pooh.cz
Mám takový pocit, že to nefunguje ani Netscape 8. Pravděpodobně, přbíjíte styl HR co vkládáte sem globálním stylopisem. Otázkou je zda je nezbytné HR vůec používat, podlě mě nemá dnes žádné opodstatnění.
HR zásadně display none nebo jako killer plovoucích prvků. Nemá cenu se s tím vztekat.
Deer Park Alpha 2 – SuSE/9.2 obě čáry špatně. Spodní má okraj, horní vypadá jako když border-bottom: 1px solid. Já to taky moc nehrotím, spíš píšu <div class=„hr“><hr /></div> a čáru schovám.
Já bych to viděl na: border:none; border-top:blablabla; pro explorer ještě třeba color:blablabla; a height:1px;
← Naše dovolená 2005 - Z Horní Provence na Azurové pobřeží na kolech - pokračování Dobré sci-fi a fantasy knihy →
Už jste zkusili prodávat fotky a ilustrace přes fotobanky?
Všechny články o fotobankách
Knihy o webdesignu, grafice, digitální fotografii.
Kompletní seznam nabízených knih
Tomáš Hellebrand (Dubánci - můj kreativní úlet - už pět let!)
fotoban (Dreamstime - fotobanka snů?)
Jana Čajková (10 tipů pro fotografy, jak se dostat na fotobanku Shutterstock)
80 % Petra Dvořáková : Chirurg
Hodně depresivní naturalistické čtení, nedoporučuji pro slabší povahy, ale jinak skvělé, stejně jako ostatní knížky autorky.
Jitsi Meet
Služba pro online videohovory - stačí zadat jednoznačný název hovoru a pak poslat druhému odkaz
[Různé]
Internetová přání a pohlednice s dubánky
Vytvořte si vlastní elektronické přání s dubánky zdarma. V nabídce jsou motivy pro každou příležitost - narozeniny, svátky, svatba, narození potomka, vánoce a další
[Různé]
Flatika - originální trička pro cyklisty
Trička s originálními grafickými motivy pro cyklisty, bikery a milovníky jízdních kol.
[Kolo]
Velikosti obrázků pro soc. sítě
Kompletní přehled požadovaných rozměrů pro záhlaví a profily na jednotlivých sociálních sítích (Facebook, Twitter, Google+)
[Tvorba stránek - návody, nástroje]
color.hailpixel.com
Geniálně jednoduché a přehldné míchátko barev - svou paletu si prostě naklikáte.
[Barvy]
UmSemUmTam
Portál, kde neziskovky můžou hledat profesionály pro své projekty a naopak, grafici a programátoři zde můžou pomoci neziskovkám - skvělý nápad!
Rembrandted KIDS
Zábavný fotoblog kamarádky na mateřské dovolené - fotí své děti naaranžované podle známých uměleckých obrazů.
TrekView
Výborný prohlížeč GPX souborů. Jako podkladovou mapu používá podklady z google map a seznamáckých map (včetně turistických!)
[Sport]
Audioteka.cz
Jeden z prvních online obchodů nabízející české audio knihy.
bab.la
Online slovník pro 22 jazyků, docela slušná slovní zásoba, jen trochu více reklamy, než by mi bylo milo.
[Různé]