Autor Zpráva
sUnnyGamer
Profil
Ahoj, mám takový menší problém, potřebuji mít stejně dlouhé menu, jako stránku, ale nevede se mi moc. Vím, že už se na to někdo ptal, celé jsem si to taky přečetl a udělal to podle návodu, jenže jsem si to akorát rozházel. Prosím jak to mám udělat.
Je to viďet na této stránce: Odkaz
CSS:
/* obecne definice */
* {
margin:0;
padding:0;
}
body {
background: #000000;
}
a {
color:#000;
text-decoration: underline;
}
a:hover {
color:#000;
text-decoration:none;
}
/* obecne definice konec */

/* Body */
body {
 text-align: center;
}
#body {
 width: 983px;
 text-align: left;
 margin: 0 auto;
}
...

...
/* Menu */
#menu {
background: #000;
margin: 0 0 0 0;
padding: 0 0 0 0;
}
#u-menu {
width: 983px;
height: 50px;
list-style-type: none;
}
#u-menu li {
float: left;
}
#u-menu {
height: 50px;
padding: 0 0 0 0;
color: #000000;
}
#u-menu a {
text-decoration: none;
padding: 0 0 0 0;
font-weight: normal;
}
/* Menu Konec */
...

...
/* levy blok */
#l-menu {
float: left;
min-height: 600px;
width: 239px;
background: #fff url("img/menu.png") left top no-repeat;
}
#l-menu h3 {
color: #FFFFFF;
padding: 0 0 0 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
/* levy konec */
...

...
/* pravy blok */
#page {
min-height: 600px;
padding: 0 8px 0 17px;
float: left;
width: 719px;
background: #fff url("img/page.png") left top no-repeat;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000000;
font-size: 14px;
text-align: justify;
}
...

...
/*Paticka */
#paticka {
float: left;
height: 103px;
width: 983px;
display: block;
background: url("img/paticka.png") left top no-repeat;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-align: center;
font-size: 12px;
padding: 35px 0 0 0;
}
/* Konec Paticka */
whysper93
Profil
No myslím že by to mělo být následovně:
#page - float vymaž a dej tam margin-left tak, aby ti to vyhovovalo (nejspíš nějakých 240px podle šířky menu)
#paticka - taky vymaž float, aby byla patička nastřed tak dej margin: auto, a dej tam clear: both; -- zruší obtékání.

Snad by to mělo fungovat já tak dělám asi už 5té stránky a jedou dobře. A aby se ti zobrazuovaly stejně v IE i mozille a Opeře tak tam dej doctype:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Nyní jsem to zkusil poprvé a stránky se zobrazují ve všech prohlížečích na pixel přesně.
Snad ti to pomůže.
sUnnyGamer
Profil
Právě jsem to vyzkoušel, ale nefunguje to - nevim proč. Ale napadlo mě, že bych mohl vytvořit div, dát mu pozadí, které by bylo stejné jako menu a stránka a pak bych do něj vložil menu se stránkou. Už jsem to i vyzkoušel, jenže pozadí se mi nechce ukázat. Jak by šel tenhle CSS upravit, aby se mi zobrazilo?
Trejpa
Profil
sUnnyGamer:
Stejná výška sloupců se obvykle simuluje vhodným pozadím obalujícího bloku (příklad).
Bubák
Profil
sUnnyGamer:
Už jsem to i vyzkoušel, jenže pozadí se mi nechce ukázat.
Byl jsi na dobré cestě, ale po floatu musíš dát element s clear:both; jde využít třebas patičku.
Ještě dodám, tak je dělaný i Trejpův příklad.
sUnnyGamer
Profil
Už se mi to konečně povedlo. Díky.
microfox
Profil *
fajn tak kdyz se ti to povedlo tak by bylo dobry jsem hodit kod... Takhle jsem se nedozvedel vubec nic jen jaky mas problem...ale ja ten problem taky resim a cist tady takovyhle diskuze kde ve vysledku nevyctu nic mi strasne pomuze...
margin
Profil *
microfox:
Pokud chceš kód, koukni na [#4] Trejpův příklad. Pokud ti to nepomůže, dek odkaz na živou ukázku.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0