Funkčnost stránek - v každém prohlížeči se zobrazují jinak

[p.bublik]

no mám tam
<div id="sides"; align="center">
<table border="2" align="center" frame="vsides" bordercolor="#643200">
<tr><td width="1000px" height="950px"></td></tr>
</table></div>

[CZechBoY]

přepis všechny tabulky designu na divy + css, tabulky jsou k ničemu a nedá se v tom pořádně vyznat

+ zkus tam hodit reset css
např.
http://meyerweb.com/eric/tools/css/reset/

[p.bublik]

když já pořád nevím jak udělat ty čáry po straně bez tabulky, jedině že bych udělal tedy obrázek s pruhem a ten tam vložil pod divem na jednu stranu a i na druhou stranu? jinak nevím kdyý nemam požévat tabulky. V tabulce mam třeba i menu, to taky není vhodny?

[shen477]

Z toho tvojeho kódu, který jsi napsal výše:

CSS:

Kód: Vybrat vše

#sides {
height: 950px;
width: 1000px;
margin: 0 auto;
border-left: 4px double #643200;
border-right: 4px double #643200;
}

HTML:

Kód: Vybrat vše

<div id="sides">
Obsah stránky...další divy atd..
</div>

Nic víc nepotřebuješ. Do toho divu dáš obsah stránky.

[p.bublik]

záázrak :) tak v podstatě jsem to tak asi měl v nějak7 verzi já psal do html <div id="sides" height: 950px width: 1000px></div> a do css jen umstění kde to má bejt ve stránce a to nešlo. takhle to bude v podstatě lepší že se to bude a kdybych chtěl aby se to automaticky zvětšovalo dle délky stránky tak vyhodím v css ty hodnotu height? šířka bude stejná

[Tholus]

Zdá se mi to, nebo si nečetl ten odkaz, který jsem ti posílal?

[p.bublik]

ale to já jsem četl, mám to otevřený pořád

[Tholus]

Tak jsem se pustil do prozkoumávání tvého kódu a nestačím se divit. Doporučuju se nejprve naučit HTML a CSS a pak se pouštět do webů. Margin: 0px auto ti zřejmě níc neříká. Tato vlastnost ti vyrovná div na střed.

Pro ten border si stačí obalit celý web divem, kterému nastavíš border-right a border-left a určíš 100% výšku.

Kód ti sem psát nebudu, jen se snaž.

[p.bublik]

No a takhle tedy je to lepší? Udělal jsem tedy zatím jen tu první stránku
Jak jsem psal, teprve se s tím seznamuji

http://www.penzionubizona.cz/test/

[Tholus]

No vidíš, že to jde. Navíc máš i přehlednější kód, teď už jen dodělat detaily, aby vše vypadalo stejně, jako v "ostré" verzi.

[p.bublik]

Detaily? myslíš trosku poladit ten text formátování a pak bych nějak potřeboval doladit spodní rameček tu patu

[Tholus]

V patě stačí nastavit padding - ten ti odsadí text od okraje. Pak pomocí obtékání umístit obrázky, aby zapadaly dobře do textu.