Přidat otázku mezi oblíbenéZasílat nové odpovědi e-mailem CSS: Odstranění rámečků deformuje stránku

Vzorové stránky: www.ritc.ic.cz

Na stránkách jsem si pro některé elementy nastavil barevné rámečky, z důvodu lepšího pochopení a vizualizace pro následné pozicování. Bílý rámeček simuluje odkaz a změnu barvy po najetí na odkaz, žlutý rámeček pak simuluje obrázek na pozadí jednotlivých odrážek <li>. Problém nastává ve chvíli, kdy chci odstranit žlutý rámeček. Jakmile ho odstraním, tak není brán ohled na stylování.

Copak border může mít takový vliv na zobrazení stránky?
Jak docílím mnou požadovaného stylování?

Viz screen
[ramecky.jpg]

Předmět Autor Datum
Místo toho paskvil kódu si radši přečti něco o kaskádových stylech, jak fungují a jak je psát. Nemá…
Eessencia 01.01.2013 22:26
Eessencia
Myslel jsem si, že tady na tom foru to je jen samej chytrák a kok*t co neumí poradit. Pokuď nevíš, t…
Stalker 01.01.2013 22:30
Stalker
Pokuď nevíš, tak ani na moje dotazy nereaguj, nikdo na ně není zvědavý. Co slovo, to perla. Už jsi…
IQ37 01.01.2013 23:08
IQ37
Další kkt, že jsem sem vůbec psal... Rada: máš všechno na ho*no, když vím, že nemám mi je k ničemu.…
Stalker 01.01.2013 23:14
Stalker
Uklidni se, řekl jsem ti v kostce, že tvůj kód stojí za pytel a odkázal tě na web, kde se naučíš zák…
Eessencia 01.01.2013 23:18
Eessencia
Prostě mě to štve, když někdo neumí "normálně" poradit. Já se samozřejmě učil na jpw. Přijde mi, že…
Stalker 01.01.2013 23:33
Stalker
Založte o tom zase anketu... Sranda musí bejt.
ms 01.01.2013 23:20
ms
Tak dej těm odkazům horní, či spodní padding, nebo line-height. Máš u těch li definovanou výšku (na…
Kráťa 02.01.2013 02:45
Kráťa
Děkuji za ochotu poradit. Spíš mě zajímá, jak je možné, že s rámečkem to funguje, ale bez rámečku už…
Stalker 02.01.2013 10:54
Stalker
Všichni jste kokoti, protože mi neumíte poradit s problémem, který jsem si vytvořil. :-D Ale nezouf…
IQ37 02.01.2013 20:16
IQ37
Možná bych si to častěji mohl projíždět validátorem. Díky
Stalker 02.01.2013 22:45
Stalker
I tak to byly drobnosti, které jsem odstranil během minutky. Dle validátoru je vše už ok. To, že jse…
Stalker 02.01.2013 22:50
Stalker
To, že jsem měl podle něj 4 chybky ještě ale neznamená, že mám celý kód špatně a je z toho paskvil n…
Filuta 03.01.2013 00:33
Filuta
Nevím co jsi odstranil, ale místo čtyř chyb jich tam teď máš šest. [12198-w3org-jpg]
IQ37 03.01.2013 19:27
IQ37
V té době to bylo ok, pak jsem tam zase něco přidával. Teď je to successfull. poslední
Stalker 03.01.2013 20:44
Stalker
Je to pravděpodobně tím, že jeden prohlížeč bere rámeček elementu jako obraz, který se orámuje, čili…
Kráťa 02.01.2013 23:43
Kráťa
Ok děkuji. Omlouvám se tímto všem za moje nadávky, jsem hloupý a byl jsem z toho podrážděn. Má chyba…
Stalker 03.01.2013 00:43
Stalker
Jo, my ti ukážeme na chyby a budeme arogantní mamlasové. O to nestojíme.
Kráťa 03.01.2013 00:52
Kráťa

Další kkt, že jsem sem vůbec psal...

Rada: máš všechno na ho*no, když vím, že nemám mi je k ničemu.

To IQ37: Zřejmě máš fakt IQ 37, protože poradna je od toho, aby se zde radilo a ne, aby si tady honil ego nějakej blbeček, co neumí ani poradit, ale jen kolem sebe kopat.

Děkuji za ochotu poradit. Spíš mě zajímá, jak je možné, že s rámečkem to funguje, ale bez rámečku už nikoliv? Jak to, že má na to takový vliv?

<li> má definovanou výšku, stejně vysokou, jako pozadí <li> - www.ritc.ic.cz

Horní nebo spodní padding mi nepomůže, to mi to jen roztáhne. Teoreticky by pomohl line-height, jenže, jenže tím se mi zmenší plocha pro hover, a to mi je k ničemu.

Záporná hodnota u marginu dělala deformaci při odstranění rámečku, ale stejně s těma odkazama (Schedule, contact) víš nepohnu. Ještě by to šlo nejspíš udělat pomocí relativního pozicování, ale to mi nepřijde jako dobrý nápad.

Mě prostě furt zaráží fakt, že s rámečkem to jde, ale bez něj ne.

Edit: pomocí position to funguje tak jak má, ale i přesto mi to nezodpovídá můj dotaz.

Je to pravděpodobně tím, že jeden prohlížeč bere rámeček elementu jako obraz, který se orámuje, čili se celý předmět o ten rám zvětší. Jiný prohlížeč to zase bere jako pozemek a když oplotíš pozemek, musí ten plot být stále na pozemku a ne okolo něl (v podstatě na cizím).
No a když vyndáš 5 jednopixelových rámečků, je to 10x1=10 pixelů.
Místo abys poděkoval za radu od kolegy, který ti poradil JPW, kde by sis ty módy prohlížečů přečetl, tak ještě nadávááš.
Až sám poradíš tolika tazatelům jako on (a radí se tu zadarmiko), pak se necháme rádi poučit, jak radit. Možná ti to měl napsat více polopaticky.

Zpět do poradny Odpovědět na původní otázku Nahoru