| Autor | Zpráva | ||
|---|---|---|---|
| stanley Profil * |
#1 · Zasláno: 12. 10. 2007, 21:56:51
Mám jeden problém, ktorý sa mi vlečie už dosť dlho....
Chcem mať stránku, ktorá nesmie rolovať, to znamená dlhší text musím rozdeliť na viacero strán.... Nadpis stránky (označený pomocou tagov h2, h3, ... - kvôli optimalizácii...) potrebujem zarovnať naľavo a označenie strán zase napravo - ale v jednom riadku... Nebol by problém, keby nebol IE6:((( - označenie strán hodí do druhého riadku... Firefox a Opera s mojím kódom nemajú problém, no IE6 áno... Tu je css: .sa{
XHTML <h2 class="sa">NÁZOV<span class="nzvpl">strana <span class="aktual2">1</span> <a href="abrakadabra2.html">2</a></span></h2> Ďakujem za každú radu... |
||
| Nox Profil |
#2 · Zasláno: 12. 10. 2007, 22:05:09
stanley
Toto konkrétní h2 se nějak liší od ostatních h2 ve stejném bloku? jinak to jde zapsat prostě h2{ ... } případně #název_bloku h2{...} nzvpl Doporučuju používat srozumitelnější názvy;) font-size: 1.2em; používej procenta, takto absolutně určené nejde měnit prohlížečem Zkus nastavit h2 position:relative, případně nějak nastavit width |
||
| stanley Profil * |
#3 · Zasláno: 12. 10. 2007, 22:56:04
Nox
Ďakujem za pripomienky, hlavne s tým preddefinovaním h2 v css, nechápem, že ma to nenapadlo... Vďaka... No k môjmu problému - position: relative - nezaberá a s tou width neviem čo urobiť:((( |
||
| habendorf Profil |
#4 · Zasláno: 12. 10. 2007, 22:57:32 · Upravil/a: habendorf
Chcem mať stránku, ktorá nesmie rolovať, to znamená dlhší text musím rozdeliť na viacero strán.... To se ti nikdy nepodaří. Jinak h2 je nadpis a cpát do něj stránkování je krapet ... řekněme nesémantické. |
||
| stanley Profil * |
#5 · Zasláno: 12. 10. 2007, 23:10:13
habendorf
Jinak h2 je nadpis a cpát do něj stránkování je krapet ... řekněme nesémantické. asi je to tým, že IE nezobrazuje správne... A Opera s Firefoxom sú natoľko inteligentné, že pochopia zámer menej zdatných homo htmlcssus ...:) Díky... |
||
| habendorf Profil |
#6 · Zasláno: 12. 10. 2007, 23:16:16
Tady nejde o prohlížeč, ale o to, že "strana 2" není nadpis. Ale budiž, je to tvůj web.
|
||
| Miloš Profil |
#7 · Zasláno: 12. 10. 2007, 23:24:52 · Upravil/a: Miloš
habendorf
Neznám strukturu stránky, ale když zamhouříme oko, mohlo by to být považováno za nadpis. stanley Pěkně popořádku: 1) kritika CSS display: block; je zbytečné, poněvadž h2 je blokový prvek font-size: 12px; je svinstvo vůči návštěvníkům s IE – nezvětší si text; a protože ve FF si ho zvětší, je to na prd text-align: left; je zbytečné, výchozí vlastnost, nebyla předefinována font-weight: bold; lze sloučit s font-size dohromady: font: bold 85%; padding: 5px 5px 5px 5px; je všude stejný, stačí jedna hodnota: padding: 5px; font-size: 1.2em; (pro .aktual2) – jednotky em používej obezřetně, jinak ti budou v exploreru vyvádět psí kusy. Nejvyšší nadřazený prvek musí mít proto font-size v procentech. Pokud bys ale místo 1.2em napsal 120%, docílíš tohotéž bez risika. Jinak si ale myslím, že je to moc veliké, protože následující dvojka působí (i díky podtržení), jako by byla níž než je. Mimoto – protože je aktuální číslice důležitá, namísto <span class="aktual2"> bych použil jako vhodnou sémantickou značku <em>. A i tuto značku můžeš vhodně nastylovat (osobně si ale myslím, že sklonění písma je dostatečné zvýraznění, velikost bych nezvětšoval, ale .sa em {color: black;} klidně napsat můžeš. font-weight: bold; pro .nzvpl je nadbytečná definice. 2) Flikovaná úprava .nzvpl stačí přidat margin-top: -1.5em; To ale nepovažuji za čisté řešení. osobně bych to řešil zvela jinak: 3) Čisté řešení pomocí pozicování .sa přidej position: relative; .nzvpl zruš float a místo toho napiš position: absolute; right: 5px; top: 0; Těch 5px je na vyrovnání paddingu (nevztahuje se na pozicovaný prvek). Pokud ti to bude připadat vysoko, místo nuly (pro top) zadej nějakou hodnotu, viděl bych to maximílně tak na 3px. |
||
| stanley Profil * |
#8 · Zasláno: 13. 10. 2007, 00:07:13
Miloš
veľká vďaka s tým poziciovaním - pomohlo to... A čo sa týka kritiky css, bola namieste, aj za to ďakujem, poupratoval som si v hlave, aj v Notepade...:)) Ďakujem |
||
| Nox Profil |
#9 · Zasláno: 13. 10. 2007, 00:12:34
stanley
http://www.pspad.com/cz/ ! |
||
| Miloš Profil |
#10 · Zasláno: 13. 10. 2007, 00:58:46
stanley
Ještě k tomu pozicování – to relativní je tam proto, aby vytvořilo souřadnice tomu vnořenému absolutnímu. K dokonalosti dovedeno například viz http://wellstyled.com/css-chords-formatting.html A taky se přidávám k Noxovi s doporučením PSPadu. Kdysi jsem tu napsal, že dělat stránky v notepadu je čirý masochismus. Byl jsem za to sepsut, ale dodnes si na tom trvám. |
||
| stanley Profil * |
#11 · Zasláno: 13. 10. 2007, 15:22:12
Až taký masochista nie som - používam Notepad++ 4.0 :))
|
||
|
Časová prodleva: 18 let
|
|||
0