« 1 2 »
Autor Zpráva
Martin
Profil
Nějak se v IE nemůžu zbavit u <hr /> marginu, mozille nastavim margin na nulu a fungujeto. Nevíte někdo co s tim?
Zajímavej odkaz
http://brainstormsandraves.com/archives/2003/07/25/friday_feast_53_css _tips_page_redirect_tips/
flying gentleman
Profil
zkus padding
Leo
Profil
hr je mrtva znacka, Leo
izsak
Profil
Tento raz v IE nefunguje ani line-height: 1px ani nič podobné. Tento podivný okraj je možné pre IE iba pseudo-odstrániť, napríklad pomocou zápornéh marginu.

Leo
A to podľa čoho usudzuješ??

<hr> je vynikajúca značka na oddeľovanie rôznych častí dokumentu.
Martin
Profil
mrtvá značká?
co si pod tim mám předtavit?
Leo
Profil
Ruzne casti dokumentu oddeluji podnadpisy. A pokud mi jde o grafiku / vodorovna cara / tak pouziju CSS, Leo
Spikee
Profil
Leo
Ja to používam pre tých, ktorí nemajú prehliadač s podporou CSS.
Ak má užívateľ CSS je <hr> skryté a ak nemá zobrazí sa mu.
Martin
Profil
To je sice hezký, ale mě by zajímalo, jak ostylovat tu čáru, aby v IE neměla žádný okraj. Ani záporný margin mě toho nezbavý.
La_ToRaNTe
Profil
O stylování tagu <hr /> má hezký článek Vít Dlouhý ..
ALe nevím, jestli to bude řešit tvůj problém, asi ne viď ? :-)
Spikee
Profil
Martin
<hr style="margin:-22px">
Spikee
Profil
Alebo radšej
<hr style="margin:0;_margin:-22px">
pretože sa to zle zobrazuje v iných prehliadačoch
Petra
Profil
Leo To není tak úplně pravda, <hr /> není "formátovací" tag a např. na oddělení menu a obsahu se vysloveně hodí a lépe než s hr to udělat nejde.
weckho
Profil
Leo
Nemusíš se vždycky podepisovat, nalevo vídíme, kdo co napsal...
mat
Profil
často se přece používá hr v tom smyslu, že v css je skrytý a zobrazí se jen bez stylů, a to v místech, kde je třeba nějak rozumně odlišit části dokumentu (jak zmiňuje Petra - menu od obsahu apod). - hr tedy asi fakt nebude žádnou mrtvolou...
Martin
Profil
Mě to prostě nefunguje, nemůžu udělat čáru 1px vysokou bez vnějšího okreje.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<style type="text/css">
body {background-color:blue; margin:0;}

</style>
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<script type="text/javascript" src="js.js"></script>
</head>

<body>
<div style="background-color:green ">
<hr style="margin:-22px; height:1px; background-color:red">
</div>
</body>
</html>
Leo
Profil
"Nemusíš se vždycky podepisovat, nalevo vídíme, kdo co napsal..."

Ja vim ale je to zvyk, nechapu, co vam na tom vadi. Leo
centi
Profil
Skús toto:

hr {
border: none;
height: 1px;
background-color: red;
color: red;
}

Background-color a color naraz preto, lebo niektoré prehliadače použijú jedno, iné zase druhé (aspoň myslím).
Spikee
Profil
Martin
Daj aj tomu divu margin:0
Martin
Profil
Tak to mi taky nepomohlo
Leo
Profil
"např. na oddělení menu a obsahu se vysloveně hodí a lépe než s hr to udělat nejde."

Pred obsahem stranky mivam nadpis :-) Leo
Petra
Profil
Leo to tu nechcu rozebírat, ale nadpis jednak patří k obsahu a jednak menu bývá v leších případech za obsahem (v kódu) a tam jaksi žádný nadpis nejspíš není ;-) Ale co je hlavní prostě bez stylů tam ta čára není a proto když mám čáru, která má něco oddělit, nevím, proč by to mělo být ohraničení divu ( v některých případech dokonce vytvořeného pouze za tímto účelem) když to může být ona hr čára.
Leo
Profil
"a jednak menu bývá v leších případech za obsahem (v kódu) a tam jaksi žádný nadpis nejspíš není ;-)"

To je taky vec nazoru :-) Kazdopadne jsem uz hodne OT, Leo
Martin
Profil
Tak teď mi pomůže už jenom Fred :)
Spikee
Profil
Martin
Mne to funguje. Neviem v čom je chyba.
Martin
Profil
Hodíš to pls na web?
Fred
Profil
<?xml version="1.0" encoding="windows-1250"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs">
<head>
<style type="text/css">
body {background:blue;}
div.hr{
height:0;
line-height:0;
font-size:0;
border-bottom:1px solid white;
background:blue;/*jako body aby nebylo vidět*/}
hr{display:none}
</style>
</head>
<body>
<div class="hr">
<hr />
</div>
</body>
</html>
Spikee
Profil
http://spikee.wz.cz/hr.htm
Fred
Profil
Snad to bude fungovat pro jistotu bych ještě přidal *{margin:0;padding:0}
Martin
Profil
Ale v IE má hr pořád dolní margin, u obou řešení.
Mordae
Profil
Bože :-)

Zkus:


hr {
font-size: 1px;
border: none;
border-top: 1px solid #090;
}


Leo:
Jestli si myslíš, že čára je mrtvá, tak si zapni textovej prohlížeč a podívej se na nějaké stránky kolem Linuxu, popřípadě na něco od Plaváčka.
Čára je nejméně stejně důležitá jako velmi sémantický "duch".
« 1 2 »
Toto téma je uzamčeno. Odpověď nelze zaslat.

0