| Autor | Zpráva | ||
|---|---|---|---|
| Jendák Profil * |
#1 · Zasláno: 11. 6. 2012, 22:21:17
Zdravím,
na svém projektíku, kde se učím jsem narazil na jednu záludnost... Na stránce chci odkazovat záložkama ( Odkazy na záložky v HTML) - to funguje, ale mám takový problém, že mám nastavený fixní header a když prohlížeč na ten div díky záložce "najede", schová se mi částečně pod header. Nejde nějak nastavit - javascriptem, css nebo nějak jinak, aby se prohlížeč zastavil třeba 20px před záložkou (resp divem, na který záložka odkazuje)? |
||
| Chamurappi Profil |
#2 · Zasláno: 11. 6. 2012, 22:35:13
Reaguji na Jendáka:
Skriptem by to určitě šlo, ale nejdřív bych na tvém místě zkusil padding. Tedy — pokud je ta věc, na kterou se kotví, nadpis a má nad sebou nějaký prostor tvořený marginem, vyměň margin za padding.
|
||
| Jendák Profil * |
#3 · Zasláno: 11. 6. 2012, 22:44:00
To jsem právě zkoušel, jenže je to několik divů za resp. pod sebou, a tak velký prostor mezi nima neni. Zkoušel jsem to různě mixovat dohromady s "top: -xx PX" a podobně, ale nic mi bohužel nezafungovalo... Pod čím bych měl googlit, aby našel ten script? :)
Díky |
||
| margin Profil * |
#4 · Zasláno: 11. 6. 2012, 22:44:53
Můžeš použít horní padding případně kombinovaný se záporným horním marginem.
|
||
| Jendák Profil * |
#5 · Zasláno: 11. 6. 2012, 22:55:16
Ani to nefunguje. Nastavil jsem padding-top: 50px; a margin-top: -50px; (float: left; position: relative;) ale prostě to nefunguje. Asi bude jediný řešení ten javascript
|
||
| margin Profil * |
#6 · Zasláno: 11. 6. 2012, 23:37:22
Mi to jde, zkoušel jsem v Chrome, IE, Opeře, i s tvou podivnou kombinaci floatu a relativní pozice.
Když, tak dej odkaz na živou ukázku. |
||
| Trejpa Profil |
#7 · Zasláno: 12. 6. 2012, 00:03:37
Jendák:
Možností je v CSS několik, stačí si vybrat: Posun na kotvy. |
||
| panther Profil |
#8 · Zasláno: 12. 6. 2012, 07:01:52
Jendák:
„Ani to nefunguje.“ tak dodej odkaz, něco musíš dělat blbě. margin: „i s tvou podivnou kombinaci floatu a relativní pozice.“ na té přeci není nic podivného - floatování se používá běžně, a že má něco position: relative ještě neznamená, že to potřebuji pozicovat. I floatovaný element může sloužit jako nový souřadnicový systém pro absolutně pozicované potomky.
|
||
| Jendák Profil * |
#9 · Zasláno: 12. 6. 2012, 17:48:00
Ok, měli jste pravdu. Přiřazoval jsem margin a padding, k divu rodiči toho co jsem potřeboval. Dál nastali problémy s tím, že div pod předchozím divem způsobil, že předchozí div se "neviditelně" překryl a nešlo kliknout na inputy, nakonec jsem to vyřešil pomocným divem 1px širokým. Díky všem :)
|
||
| Petr ZZZ Profil |
#10 · Zasláno: 12. 6. 2012, 21:26:45
Myslím by to mělo jít
<a href="#houby">Sbíráme houby</a> ... ... ... <a name="houby"></a> <br> <br> <h3>Sbíráme houby</h3> |
||
| panther Profil |
#11 · Zasláno: 12. 6. 2012, 21:31:57
Petr ZZZ:
možnost to je, ale ne moc hezká... spíše ošklivá a nehodná zmiňování, když jsou zmíněna lepší řešení. Možná jako odstrašující příklad. |
||
| Petr ZZZ Profil |
#12 · Zasláno: 12. 6. 2012, 21:54:33
panther:
Hezké to řešení možná není, ale funguje – na rozdíl od výše zmíněných – i s vypnutými styly. Netuším, zda je to v dnešní době důležité, nicméně řekl bych obecně, že čím primitivnější řešení, tím širší má podporu. Samozřejmě CSS má výhodu, že může být v externím souboru a pak se jedním vrzem opraví všechny stránky, které se na ten soubor odvolávají. A je pravda, že brčka používaná na tvorbu mezer odporují filozofii CSS oddělit obsah a formu prezentace. |
||
| panther Profil |
Petr ZZZ:
„na rozdíl od výše zmíněných – i s vypnutými styly.“ rozdíl v tom nevidím. U výše zmíněných to bude bez stylů taktéž fungovat, nezafunguje totiž ani fixní pozice, která celý problém vyvolává ;-) Nicméně, ač brouzdalové bez obrázků podle mě ještě stále jsou, bez stylů si myslím, že se to procento bude limitně blížit nule. A to hodně strmě. |
||
| Keeehi Profil |
#14 · Zasláno: 13. 6. 2012, 00:19:19
Dokud neudělají něco operátoři s FUPem svých mobilních tarifů, bude brouzdalů bez obrázků určitě dost. Bohužel.
|
||
|
Časová prodleva: 12 let
|
|||
0