CSS DIV

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS:

Moderatori: eyecon, Moderatori

TheAndrew
Average Member
Mesaje: 54
Membru din: Vin Feb 24, 2012 9:47 pm

CSS DIV

Mesajde TheAndrew » Sâm Noi 24, 2012 1:19 pm

Am creat o pagina in care in partea de sus am un div VERTICAL pt un banner (toate bune si frumoase)
Apoi dupa acel banner un meniu incadrat intr-un alt DIV VERTICAL si apoi niste butoane in acest div (toate bune si frumoasa iara)
DAR restul paginii vreau sa fie impartita in 3 divuri ORIZONTALE (stanga centru dreapta) unde sa pun diverse lucruri... am incercat sa fac asta dar se bat cap in cap....
<div id="meniustanga">
asdasd
</div>
<div id="meniucentral"><center>
asd<br />
sdasd<br />
asdasd<br />
</center></div>
<div id="meniudreapta">
<img src="./imagini/documente.png" float="right">
</div>

#meniustanga {
margin-top:0px;
width: 300px;
background: #FFFFFF;
float:left;
}
#meniucentral {
width: 800px;
background: #583BFF;
}
#meniudreapta {
margin-top:0px;
width: 500px;
margin-right:10px;
background: #FFFFFF;
text-align: right;
float:right;
}

putin ajutor va rog?
pe langa asta mai am o problema.. vreau ca dupa aceste 3 divuri sa fie un FOOTER care (cel mai important) SA STEA "LIPIT" DE PARTEA DE JOS A PAGINII...

ma poate ajuta cineva va rog :( ?



TheAndrew
Average Member
Mesaje: 54
Membru din: Vin Feb 24, 2012 9:47 pm

Re: CSS DIV

Mesajde TheAndrew » Sâm Noi 24, 2012 1:39 pm

ce ziceti de asta:
#meniustanga {
margin-top:0px;
width: 300px;
background: #FFFFFF;
float: left;
margin-left:10px;
}
#meniucentral {
width: 760px;
margin-left: 10px;
margin-right: 10px;
background: #583BFF;
float:left;
}
#meniudreapta {
margin-top:0px;
width: 300px;
margin-right:10px;
background: #FFFFFF;
float:right;
}

se pare ca functioneaza :)

lugojan
Average Member
Mesaje: 81
Membru din: Mar Noi 22, 2005 8:52 am
Localitate: romania

Re: CSS DIV

Mesajde lugojan » Dum Dec 09, 2012 9:20 pm

ordinea in CSS nu conteaza, important e ca toate diviziunile sa aiba o descriere adecvata.
diviziunea STANGA cu float:left, diviziunea DREAPTA cu float:right, iar diviziunea CENTRALA fara float.
sigur functioneaza.
ordinea diviziunilor din HTML conteaza: incepi cu STANGA, apoi cu DREAPTA, iar ultima va fie cea CENTRALA.
in exemplul afisat de tine era asa: STANGA, CENTRU, DREAPTA. nu e bine.
daca adopti ordinea propusa de mine, nu e nevoie sa ai doua diviziuni cu float:left.

pentru diviziunea din partea de jos a paginii foloseste clear:both.

nu ai intrebat, dar iti spun din experienta: stabileste latimea doar pentru STANGA si DREAPTA.
ai grija cu marginile diviziunii centrale.


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 3 vizitatori