| Autor | Zpráva | ||
|---|---|---|---|
| abcda Profil |
Mohl by mi někdo prosím vysvětlit proč v se ty puntíky barví jak mají jen v IE a ve FF se vše zobrazuje bez stylu?
<style>
div.legenda { ; }
span.bull {
font-size: 40px;
position: relative;
top: 8px; }
span.1 span.bull { color: ForestGreen; }
span.2 span.bull { color: RoyalBlue; }
span.3 span.bull { color: Gray; }
span.4 span.bull { color: DarkRed; }
span.1, psan.2, span.3 { margin: 15px;}
</style>
</head>
<body>
<div class="legenda">
<span class="1"><span class="bull">•</span>Volno</span>
<span class="2"><span class="bull">•</span>Mimořádná událost</span>
<span class="3"><span class="bull">•</span>Po termínu</span>
<span class="4"><span class="bull">•</span>Přesun termínu</span>
</div>Moderátor panther: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na
 ). |
||
| panther Profil |
#2 · Zasláno: 10. 4. 2011, 19:12:07 · Upravil/a: panther
abcda:
1) řádek č. 2 má dělat co? 2) řádek č. 11; psan.2
3) cituji z JPW: „Název třídy ani identifikátoru by podle specifikace neměl začínat číslicí, tedy například třída .3cunici je špatně. Internet Explorer 6 takovou třídu nebo identifikátor umí použít, ale pouze v případě, kdy je stránka v quirk módu. Standardní mód Exploreru 6, Firefox, Opera ani Chrome takovou třídu nepoužijí a chovají se, jako kdyby neexistovala. V tuto chvíli nevím, jak se chová quirk mód IE 7 a 8.“ |
||
| abcda Profil |
#3 · Zasláno: 10. 4. 2011, 19:35:45
1) To jsem si připravil, abych napozicoval ten div až to začlením do stránky.
3) Aha, to jsem nevěděl. Teď už to funguje. Díky :) |
||
| Bubák Profil |
#4 · Zasláno: 10. 4. 2011, 20:13:03
abcda:
Jde to napsat úsporněji a přehledněji, třebas nějak takto: <style>
div.legenda { ; }
.legenda span {
font-size: 40px;
position: relative;
top: 8px;
margin: 0 5px 0 25px; }
.legenda .bull-1 { color: ForestGreen; }
.legenda .bull-2 { color: RoyalBlue; }
.legenda .bull-3 { color: Gray; }
.legenda .bull-4 { color: DarkRed; }
</style>
</head>
<body>
<div class="legenda">
<span class="bull-1">•</span>Volno
<span class="bull-2">•</span>Mimořádná událost
<span class="bull-3">•</span>Po termínu
<span class="bull-4">•</span>Přesun termínu
</div> |
||
|
Časová prodleva: 13 let
|
|||
0