Jak opravit překrývající se boxy na webových stránkách

Jak opravit překrývající se boxy na webu

Při tvorbě více boxů na stránce se jejich okraje často překrývají. K tomu dochází, když není mezi boxy dostatek místa. Problém můžete vyřešit úpravou HTML nebo CSS kódu, který boxy vytváří. K tomu použijte libovolný textový editor.

Kroky

1. Otevřete textový editor a načtěte soubor s webovou stránkou, kde se boxy překrývají.
2. Najděte kód, který boxy vytváří. Pokud jsou vytvořeny pomocí HTML tabulek, hledejte značku <table> v těle dokumentu. Pokud jsou definovány pomocí CSS, podívejte se na pravidla mezi značkami <head> a </head>.
3. Upravte šířku (a případně výšku) tak, aby se boxy nepřekrývaly. Příklad pro HTML tabulku: změňte width="500" na menší hodnotu, např. width="300". Příklad pro CSS: změňte .box1 { width:400px; height:400px; } na .box1 { width:300px; height:300px; }.
4. Uložte soubor a otevřete jej v prohlížeči (Soubor → Otevřít). Zkontrolujte, zda se boxy zobrazují správně. V případě potřeby upravte hodnoty a soubor znovu uložte.

Tipy

Otestujte stránku v různých prohlížečích, protože vzhled boxů se může lišit podle použitého prohlížeče.