CSS poradte, aby mi menu islo automaticky až po stred*

peterko92
Menu kam?
V css deklaruješ:
#menu{
width: 190px;}
Těžko bude větší. Zkus použít 50% a zbytek také. Na kód jsem nekoukal, takže neruším za :D

Myslíš stejně dlouhé?
Tak to na pozadí hlavního DIVu dej pozadí těch dvou. 1px opakovat po Y.

peterko92
http://wellstyled.com/css-2col-fluid-layout.html

Stejný princip.

http://wellstyled.com/files/css-2col-fluid-layout/example2.html


Abychom je udělali zdánlivě stejně vysoké, stačí vnějšímu bloku přidat vhodné pozadí. Bude se svisle opakovat a vytvářet po levé straně 200 px široký pruh — a tedy požadovaný tvar sloupců.
#content {
...
background: url('bkgr200.gif') top left repeat-y;
...
}

peterko92: Nesnažíš se přijmout radu. Pokud tě přemýšlení bolí, netvoř web. Stačí, když ukážeš snahu, potom ti tu kdokoliv rád pomůže, i když se vydáš špatným směrem.

peterko92
Co zkousíš? Ořízni si dohromady pozadí svých dvou sloupců vysoké 1px a hlavnímu DIVu to dej na pozadí a nech to opakovat po ose Y.

Jestli si to CSS psal ty, tak to zvládneš.

peterko92

#hlavni {
width: 840px;
margin: 0 auto;
background: url('img/pozadi.gif') repeat-y 0 0;
}

#menu {
width: 190px;
float: left;
height: 100%;
}

#stranka {
margin: 0 0 0 190px;
width: 650px;
}

peterko92
Kdyby jsi nám raději napsal co ti nejde, místo tohoto nadávání, které ti ještě více ubírá na inteligenci.

peterko92
Dero měl pravdu. Ty se ani nesnažíš pochopit. Ve čtrnácti letech bys už ale měl mít trochu vyvinutý mozek na to, abys tohle pochopil. Jestliže se ti to nedaří, zapomeň na tvorbu webů. Dva různí lidé se ti tady snaží pomoci, jeden ti dokonce napíše kompletní kód k tvému webu a ty je stále vesele ingnoruješ. Vzpamatuj se, člověče.

peterko92
Zkus se uklidnit, nebo bude zle.

peterko92
No, tak teď, když ses uklidnil, nám řekni, co po nás chceš vědět.

Co přesně nevíš?

#stranka{
width: 650px;
position: relative;
text-align: center;
margin: auto;
margin-top:30px;
margin-bottom: 15px;
background:url('bg.png') repeat-y;}

bg.png

http://klient.manq.name/bg.png

ale ja neviem jak to mam spravit aby stránka vyzerala rovnako ako vyzerá a este tam chcem dodat pätičku.

Od minule jsi na to CSS ani nesáhl. Přidej to, co jsem ti napsal. Je to nad tím tvým příspěvkem. Pak se vrať.

to mam dat namiesto toho mojeho #stranka?

Ano.

ale ja tam chcem aby mi zostala ta farba background-color:#44484F;}

no uz som to spravil.

teraz mam taketo CSS



body {text-align: center;}
body {background:#44484F;}

#stranka{
width: 650px;
position: relative;
text-align: center;
margin: auto;
margin-top:30px;
margin-bottom: 15px;
background:url('bg.png') repeat-y;}


a:hover {background-color:green; color:black;font-style: italic;}
a:link {color:orange;}
a:active {color: yellow;font-size: 105%;}
a:visited {color: orange}

img{
border: 0px;}

#logo img{
width: 650px;
height: 200px;
margin-bottom:5px;}


#menu{
width: 190px;
color:orange;
background-color:#67A818;
float:left;}

ul{padding-right:25px;
padding-left:25px;
font-size: 18px;
text-align: center;
list-style-type: none;}
#menu li{
background-color: green;
margin: 1 1 1 1;}

#menu li a{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:orange;}



#stred{
float:right;
width:438px;
color:orange;
background-color:#67A818;
padding-left:15px;
padding-right:5px;
padding-bottom:20px;
margin-bottom:20px;}