| Autor | Zpráva | ||
|---|---|---|---|
| peta Profil |
#1 · Zasláno: 10. 3. 2011, 11:43:15
Mam takovyto sileny styl a funguje to spravne v IE8
http://www2.slu.cz/slu/cz/ .site_content h1:before { content:""; position:absolute; z-index:-1; display:block; float:none; width:650px; height:55px; margin-left:-30px; margin-top:-12px; background:url('img/web/su-h1-bg2.jpg') repeat-x 0 0; } .site_content h1 { background:url('img/web/su-h1-bg.jpg') repeat-x 0 0; color:#45494b; font-size:22px; font-weight:bold; margin:0; padding:12px 33px 24px 0; display:inline-block; } Potrebuji udelat graficky toto: --- nadpis --- ---------------- Cili aby po strane nadpisu byli cary. Dole byl nadpis podtrzen obrazkem. A pod tim celym je prechod svetle sede do tmave sede. Potrebuji to udelat z jedineho prvku H1. Nemuzu prepisovat CMS, aby mi tam vkladalo vice tagu. Nemuzu pouzit nadrazeny prvek pro pozadi, protoze jej vyuzivam uz pro jine pozadi. Nechci tam vkladat dalsi nadrazeny prvek, protoze pak by pozadi nadpisu bylo fixovane na horni hranu tohoto prvku, coz by mohlo byt celkem neprijemne, kdyby nahodou stranka nemela nadpis. |
||
| Joker Profil |
#2 · Zasláno: 10. 3. 2011, 11:55:41
peta:
Šlo by to přepsat s diakritikou a doplnit otázku? |
||
| peta Profil |
#3 · Zasláno: 10. 3. 2011, 12:30:38 · Upravil/a: peta
Joker:
1. Ne, nemam po ruce klavesnici s diakritikou na klapkach a psat deseti neumim, takze by to bylo dost pracna tipovacka. 2. Otazka, poradite, jak to udelat? Co potrebuji udelat jsem popsal i s obrazkem. A dal jsem odkaz. Kdo ma IE, tak vidi nadpis spravne. Mozna, upresnim "Vítejte na Slezské univerzitě v Opavě" (ctrl+c/v nevyzaduje diakritiku) je to na te strance. Zkusim to tedy popsat trochu jinak. Mam nadpis. Delka textu se meni, sirka bloku nadpisu je nemenna. Potrebuji jej obrazkove podtrhnout a soucasne jej obrazkove preskrtnout mimo oblast pismen. Pro IE mi funguje reseni pri spravnem doctype, viz stranka, viz vypsany css, ze do h1:before dam preskrtnuti a do h1 obrazek bez preskrtnuti. Ve FF mi obrazek v pozadi ignoruje, resp odsune kamsi uplne do pozadi. Kdyz dam ve FF z-index:0, tak mi obrazek z h1:before prekresli text v h1. V IE8 se obrazek v pozadi vykresli a nevykresli, jakysi bug. Pokud mate male okenko a zarolujete strankou tak, aby h1 byl mimo okno a pak zpet, pozadi se vykresli. |
||
| peta Profil |
#4 · Zasláno: 10. 3. 2011, 12:45:32
Legracni je, ze cisty kod jede v IE8 i FF. Ja se z toho picpu, asik. Takze to dela nejaky styl s pozicovanim nebo floatovani. mimo H1. Tak to povazujte kdyz tak za vyresene, leda by mi nekdo chtel zkoumat testovaci css na tom webu.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs-cz" lang="cs-cz"> <style> .site_content { width:400px; margin-left:30px; border:1px solid #800; height:71px; } .site_content h1:before { border:1px solid #008; /*nedoreseno*/ content:""; position:absolute; z-index:-1; display:block; float:none; width:650px; height:55px; height:71px; margin-left:-30px; margin-top:-12px; background:url('su-h1-bg2.jpg') repeat-x 0 0; } .site_content h1 { border:1px solid #080; background:url('su-h1-bg.jpg') repeat-x 0 0; color:#45494b; font-size:22px; font-weight:bold; margin:0; padding:12px 33px 24px 0; display:inline-block; height:36px; } </style> <div class="site_content"> <h1>Ahoj</h1> </div> |
||
| Petr ZZZ Profil |
#5 · Zasláno: 10. 3. 2011, 13:24:51
Já bych to vlákno zamčel a odemčel až po doplnění diakritiky a vložení kódu mezi značky [pre] a [/pre]. Stačí mu kliknout na
 . (Editace myslím funguje i v zamčeném vlákně.)
|
||
| peta Profil |
#6 · Zasláno: 10. 3. 2011, 13:34:56
Tak problem bytvareji tyto 3 veci na zacatku kodu. Kdyz se daji vsechny 3 pryc, tak je vse ok.
body, html { background:#fff url('img/web/su-site-bg.gif') repeat 50% 50%; margin:0; padding:0; font:normal 14px Arial; text-align:center; } .site { background:url('img/web/su-border-top.jpg') no-repeat 0 0; width:1010px; margin:0 auto; padding:25px 25px 25px 0; text-align:left; } .site1 { background:url('img/web/su-border-middle.jpg') repeat-y 0 0; padding:0 25px; } Petr ZZZ: Blablabla, spousta lidi pise bez diakritiky, pokud to tu nekdo rucne nedoplnuje. Bud mame na vsechny stejny metr nebo bez s kecy do kyblu. Nevsiml jsem si, ze by nekdo mazal veci bez diakritiky, pouze a jedine mi. Protoze? A na to jsem slysem blablabla more duvodu, proc u mne se jedna o neco jineho. Jeden z nich, ze treba pisu casto, tak znam pravidla. Ted jsem dlouho nepsal mimo tema hodnoceni webu a zas jsem za diakritiku kritizovan. Pokud s tim mas problem, pis to moderatorum a nespamuj tema offtopicem. Dekuji. |
||
| Petr ZZZ Profil |
#7 · Zasláno: 10. 3. 2011, 13:46:51
peta: Kterému znaku nerozumíš?
Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
Uvědomuješ si, že píšeš do veřejné diskuse a že každý jednotlivý čtenář se musí o to více namáhat, čím víc ty svůj projev odflákneš? Kolik myslíš, že máš čtenářů? |
||
| Joker Profil |
#8 · Zasláno: 10. 3. 2011, 13:57:53
Petr ZZZ:
Já bych to prostě nechal být. Jelikož nám peta ztěžuje práci záměrně, nehodlám ten dotaz luštit a zkoumat. Ale nechal bych to tu, kdyby se přece jen našel někdo ochotný. peta: „Bud mame na vsechny stejny metr“ To platí, upozornění na diakritiku píšu bez ohledu na autora u jakéhokoliv textu, kde mi absence diakritiky komplikuje jeho čtení. Mimochodem, Petr ZZZ je moderátor (i když ne v CSS). Navrhuji debatu ukončit a vlákno nechat tak jak je teď. Komu se chce ten dotaz luštit a odpovědět, nechť odpoví. Jestli se tu objeví další příspěvek na téma diakritika, přesunu vlákno k ledu a budeme to řešit tam. |
||
| peta Profil |
#9 · Zasláno: 10. 3. 2011, 14:37:18
A mam to. Dojde k tomu, ze pres z-index:-1 to nejak probublava na uroven BODY. Je to nejaky bug FF s pozadim v kombinaci s tagem HTML. Nejdu to dal zkoumat.
Zamenil jsem kod za body, html { margin:0; padding:0; font:normal 14px Arial; text-align:center; } body { background-image:url('img/web/su-site-bg.gif'); background-color:#fff; } |
||
|
Časová prodleva: 13 let
|
|||
0