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
Tak dej těm odkazům horní, či spodní padding, nebo line-height. Máš u těch li definovanou výšku (na kó jsem mrknul 10 vteřin a nechtělo se mi to hledat)?
edit://
margin: -12px 0 0 45px;
nedělá to ten mínus?
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.
Ale nezoufej, ta anketa se ti náhodou povedla.
Na stránce, která má pár řádků zdrojáku, máš čtyři chyby.
Errors found while checking this document as XHTML 1.0 Strict!
Asi bys měl na tom JPW ještě trochu zapracovat.
Možná bych si to častěji mohl projíždět validátorem. Díky
I tak to byly drobnosti, které jsem odstranil během minutky. Dle validátoru je vše už ok. 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 ne? Byl bych rád, kdyby mi někdo řekl, kde dělám chyby.
Skutečně ne. Bohužel....
Nevím co jsi odstranil, ale místo čtyř chyb jich tam teď máš šest.
V té době to bylo ok, pak jsem tam zase něco přidával. Teď je to successfull.
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.
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. Ještě jednou děkuji všem. Já musím ještě hodně studovat.
Kdyby mi chtěl zhodnotit někdo můj "paskvil" a poukázat na nějaké konkrétní chyby, budu jen rád.
Jo, my ti ukážeme na chyby a budeme arogantní mamlasové. O to nestojíme.