eyexro Posted February 10, 2012 Report Posted February 10, 2012 am inceput cu css .. si imi cam da batai de cap.. acum fac dupa un model dar in timp sper sa fac totul de la 0 ...deci am codul * { padding: 0; margin: 0; }body { font-family: Arial, Helvetica, sans-serif; font-size: 14px;background-color:#f2f2f2;}#content { margin: 0 auto; width: 1000px; background-color: #c7c7c7;}#header { width: 996px; float: left; border: 1px solid #ccc; height: 160px; margin: 0px 0px 0px 0px; background-image:url(imagini/logo.jpg);}#bstanga { border: 1px solid #ccc; margin: 0px 0px 0px 0px; height: 0px; width: 200px; float: left;}#stanga { color: #333; border: 0px solid #ccc; background-image:url(imagini/stanga.jpg); margin: 0px 0px 0px 0px; height: 160px; width: 200px; float: left; padding-top:0px; } #slide { color: #333; border: 0px solid #ccc; background-image:url(imagini/stanga.jpg); margin: 2px 0px 0px 0px; height: 230px; width: 200px; float: left; padding-top:0px; } #traducere { color: #333; background-image:url(imagini/stanga.jpg); margin: 2px 0px 0px 0px; height: 50px; width: 200px; float: left; padding-top:0px; text-align: center; }#info { float: left; color: #333; border: 1px solid #ccc; background: #FFFFFF; margin: 0px 0px 0px 200px; padding:0px; height: 330px; width: 797px; padding-top:0px;}#foo2ter { width: 796px;height:70px; clear: both; color: #333; border:2px solid #ccc; background-color: #000000; margin: 0px 0px 10px 0px; padding-top:10px;} p{color:#000000;font-size:11px;text-align:center;font-weight:bold;}si imi apare aici distanta dintre header si respectiv #info.. cum as putea sa scap de acel spatiu ? Quote
StrXt Posted February 10, 2012 Report Posted February 10, 2012 (edited) #info {float: left;color: #333;border: 1px solid #ccc;background: #FFFFFF;margin: 0px 0px 0px [color=red]200px[/color];padding:0px;height: 330px;width: 797px;padding-top:0px;}Pune acolo 0px//scuze, aici a fost vina mea... Edited February 10, 2012 by StrXt Quote
eyexro Posted February 10, 2012 Author Report Posted February 10, 2012 efectul e de suprapunere #info se duce peste #navigare// Quote
StrXt Posted February 10, 2012 Report Posted February 10, 2012 Asta depinde de codul html pe care il folosesti.Posteaza-l sa vedem.Sau pune in loc de acel 200px o valoare mai mica, pana obtii rezultatul dorit. Quote
eyexro Posted February 10, 2012 Author Report Posted February 10, 2012 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Check Website</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><link rel="stylesheet" type="text/css" href="style.css" /><link rel="Shortcut icon" href="imagini/favicon.ico"></head><body><div id="content"> <div id="header"> </div> <div id=bstanga> <div id="stanga"> <div id="navigare"> <a href="index.html"><img src="imagini/acasa2.png"> </a><br> <br> <a href="index.html"><img src="imagini/despre.png"> </a><br> <br> <a href="index.html"><img src="imagini/contact.png"> </a><br> </div> </div> <div id="slide"> <p>Utilizatorul anului</p><br> <img src="imagini/utiliz.PNG" width="180" height="180"> </img> </div> <div id="traducere"> <p>Tradu aceasta pagina</p> <img src="imagini/ro.PNG" width="30" height="30"/> <img src="imagini/en.PNG" width="30" height="30" /> </div> </div><div id="info"> <p>Sal</p> </div> <div id="footer"> </div></div></body>gata Quote
eyexro Posted February 10, 2012 Author Report Posted February 10, 2012 nu are legatura acea valoare vinetop - left - down - right .. iar la top e 0 .. in acea parte nu vad sa fie Quote
StrXt Posted February 10, 2012 Report Posted February 10, 2012 #info {float: left;color: #333;border: 1px solid #ccc;background: #FFFFFF;margin: [color=red]-3px[/color] 0px 0px 200px;padding:0px;height: 330px;width: 797px;padding-top:0px;}Poate rezolvi asa.http://www.w3schools.com/cssref/pr_margin.asp Quote
eyexro Posted February 10, 2012 Author Report Posted February 10, 2012 am reusit altfel.. m-am uitat pe document si am inceput sa ma gandesc cum vine in esenta ..si am observat ca pt acele "panouri"meniu , utiliz anului si traducere am #bstanga asa ca am creat pentru cealalta parte #bdreapta rezolvatmultumesc frumos pentru ajutor Quote
StrXt Posted February 10, 2012 Report Posted February 10, 2012 Mai ai cateva probleme.Iti recomand sa folosesti Adobe Dreamweaver. O sa te ajute sa lucrezi mai usor si mai rapid.Mult succes ! Quote
GarryOne Posted February 10, 2012 Report Posted February 10, 2012 nu are legatura acea valoare vinetop - left - down - right .. iar la top e 0 .. in acea parte nu vad sa fiegresit, vine: top right bottom left Quote
eyexro Posted February 15, 2012 Author Report Posted February 15, 2012 pai cam ce probleme are are codul css sau este in pagina html ? Quote