| Autor | Zpráva | ||
|---|---|---|---|
| vetrnicek Profil |
#1 · Zasláno: 1. 8. 2010, 02:11:54
Ahoj,
jsem totální laik, který se snaží tvořit vlastní web jen proto, že nemá čas ani prachy otravovat s tím někoho jiného. Nicméně, teď si nevím rady: Stránky se zobrazují totálně rozhozené v Exploreru. Mám tušení, že to může být nastavením radiusu (chtěl jsem mít zaoblené rohy), všude jinde mi to funguje (tedy, aspoň doufám). Ale může to být i něčím jiným, dlouho jsem to v Exploreru nesledoval...se## mě tenhle prohlížeč. Jedná se o stránky zdenekvetrovec.cz Až uvidíte ty kódy, tak se zhrozíte...učím se všechno metodou pokus-omyl. Ale za každou vaší radu budu vděčný. Dík |
||
| Davex Profil |
#2 · Zasláno: 1. 8. 2010, 11:35:01 · Upravil/a: Davex
V souboru style.css je chyba v barvě:
.zpet {
…
border-left:1px solid #ffff'99;
…
} |
||
| vetrnicek Profil |
#3 · Zasláno: 1. 8. 2010, 12:10:17
Davex:
Díky Davexi, chybu jsem opravil, ale stejně to pořád nefunguje. Ale jsem zase o krok blíž:-) |
||
| Davex Profil |
#4 · Zasláno: 1. 8. 2010, 12:14:46 · Upravil/a: Davex
„stejně to pořád nefunguje“
V prohlížeči je potřeba znova načíst stránku pomocí klávesy F5 nebo Ctrl+F5. Aby se vykreslila barva v hlavním bloku, tak by tam neměl být řádek: div#pageFrame {
…
background-color: none;
…
}A kulaté rohy pomocí border-radius Explorer neumí. Měla by je umět příští verze IE9.
|
||
| Bubák Profil |
#5 · Zasláno: 1. 8. 2010, 13:48:22
background-color: none; je stejně nesmysl, když už, tak transparent, none je hodnota pro backgrond-image, ale normálně to nemá smysl, protože background, ani background-něco se nedědí.
Kulaté rohy pro Firefox a Chrome (přesněji prohlížeče na jádrech Gecko a WebKit) je třeba zapsat s wendor prefixem, příklad: .oble-rohy {
border-radius: 8px; /* Opera nemusí mít vendor prefix */
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px; /* nezávazný tip pro IE9, nepoužívám */
}Netuším, zda zkušební verze IE9 už podporuje zaoblené rohy, ani jsem nekoukal na MSDN, zda pro IE9 bude třeba wendor prefix. Navíc jsem si všimnul, kulatíš každý roh zvlášť a stejnou hodnotou, můžeš to zjednodušit, viz výše. Pokud bys chtěl jindy kulatit každý roh jinak, tak koukni na www.css3.info/preview/rounded-border/, protože Firefox chce trochu jiný zápis vlastnosti. |
||
| vetrnicek Profil |
#6 · Zasláno: 1. 8. 2010, 14:12:08 · Upravil/a: vetrnicek
Davex:
Díky moc, už jsem to opravil a je to o poznání lepší. Byla to samozřejmě jasná chyba - zkopíroval jsem si ten radius odjinud a nevšiml si, že jsou v něm i jiné hodnoty, které již v kódu mám a budou se tedy překrývat. Teď už musím jen vyřešit ty kulaté rohy a také zalamování řádku v tagu <pre></pre> Dobrý, pomohl jsi! |
||
| vetrnicek Profil |
#7 · Zasláno: 1. 8. 2010, 14:38:25
Bubák:
Jasný, je to nesmysl - já jsem fakt amatér. Napsal jsem tam "none", protože jsem zkrátka jen chtěl mít na očích, že tam nějaká barva pozadí byla. Jen pro můj přehled. Říkal jsem si, že ten kód radiusu je nějak zbytečně obšírný, ale raději jsem ho tak nechal - myslel jsem, že to je schválně, aby vyhověl všem prohlížečům. Jestli tomu ale tedy dobře rozumím, tak v současné době neexistuje kód na zaoblené rohy u Exploreru. Takže mi nezbývá nic jiného, než to udělat obrázkem na pozadí, což jsem nechtěl, kvůli pomalejšímu načítání stránek. Ale stejně to zkusím, ale nevím jak...vím, že se tam operuje s vlastnostmi background-origin: -----, a taky background-attachment:---- Jde mi o to, že to pozadí s kulatými rohy chci mít jako pozadí pro text (píšu texty v tagu <pre></pre> background-repeat |
||
| panther Profil |
#8 · Zasláno: 1. 8. 2010, 14:38:45 · Upravil/a: panther
vetrnicek:
„Teď už musím jen vyřešit ty kulaté rohy“ obrázkem, pomocí samotného CSS toto nelze. „a také zalamování řádku v tagu <pre>“ v tagu <pre> se od jeho podstaty nezalamuje, proč si jej použil? Na odstavce textu je odstavec (<p>aragraph). Pre se formátuje tak, jak je zapsán do zdrojového kódu, více mezer se tedy zobrazí jako více mezer, enter zalomí řádek i na výstupu atp. Tvůj případ rozhodně není tím, kde by bylo použití <pre> vhodné a správné. „Takže mi nezbývá nic jiného, než to udělat obrázkem na pozadí, což jsem nechtěl, kvůli pomalejšímu načítání stránek.“ rohy jsou zpravidla malé obrázky, velikost je minimální. Bojíš se zbytečně. |
||
| vetrnicek Profil |
#9 · Zasláno: 1. 8. 2010, 14:47:05
Jestli se nemýlím, budu muset pro ty kulaté rohy použít 3 obrázky:
první - "top" - horní kulaté rohy - ten se nebude opakovat druhý - "middle" - ten se bude opakovat třetí - "bottom" - dolní kulaté rohy - ten se taky nebude opakovat ...ale jak tohle sakra udělat...? |
||
| panther Profil |
#10 · Zasláno: 1. 8. 2010, 14:50:27
vetrnicek:
„Jestli se nemýlím, budu muset pro ty kulaté rohy použít 3 obrázky:“ ano, přesně tak. „ale jak tohle sakra udělat...?“ tak, jak jsi to napsal. Na pozadí bloku bude opakující se prostředek, nahoře na nějakém elementu horní rohy, dole dolní :-) Pokud tam žádný volný použitelný element nemáš, přidej si nějaký (např. div, je to jedno). |
||
| vetrnicek Profil |
#11 · Zasláno: 1. 8. 2010, 14:55:28
panther:
Mám v hlavičce zapsáno: pre
{
font-family: "Times New Roman", Times, serif;
font-size: 1.2em;
color: #000000;
padding: 25px;
white-space: pre-wrap;
background: #ffffcc;
text-align: justify;
display: block;
margin-bottom: 0px;
}a v Chromu i Firefoxu se mi řádky zalamují... Tenhle tag jsem použil, abych mohl psát normální text přímo do zdroje bez neustálého tagování...píšu stránky u společnosti Webnode, přes WSW editor, vím že je to asi prasárna, ale odpovídá to mému amatérismu...když to píšu normálně (tedy ne do zdroje, tak mě to zlobí...řekl jsem si, že nad tím chci mít větší kontrolu a píšu to tedy přímo v editaci HTML. |
||
|
Časová prodleva: 14 let
|
|||
0