Autor | Zpráva | ||
---|---|---|---|
Měsíček Profil |
#1 · Zasláno: 4. 6. 2007, 17:43:42
Chtěl jsem se zeptat jak se dělá layout 3(slupcový,patička atd...), ale tak, aby nebyly jednotlivé prvky rozděleny.Mám ho už udělaný, ale : Patička je dole a obsah, který má být nad ní tak je mezi patičkou a obsahem 20px prohlubeň.Poradili by jste mi jak to zacelit ?
Přibližný obrázek |
||
Railbot Profil |
#2 · Zasláno: 4. 6. 2007, 17:54:51
* {margin: 0; padding: 0}
|
||
Měsíček Profil |
#3 · Zasláno: 4. 6. 2007, 18:04:35
Opravil bys mi CSS je to :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Třísloupcový layout</title> </head> <body> <style type="text/css"> <!-- body { margin: 0px; padding: 0px; font-family: arial, sans-serif; font-size: 14px; background-color: #FFFFFF; } .hlavicka { margin: 0px; padding: 0px; width: 750px; height: 100px; background:url(hlavicka.JPG); } .hlavni { margin: 0px; padding: 0px; width: 750px; margin-top: 0px; } .levy-sloupec { margin: 0px; padding: 0px; width: 150px; float: left; background-color: #e1e1e1; } .pravy-sloupec { margin: 0px; padding: 0px; width: 595px; margin-left: 0px; float: right; } .pravy-sloupec-vlevo { margin: 0px; padding: 0px; width: 440px; float: left; background-color: #efefef; } .pravy-sloupec-vpravo { margin: 0px; padding: 0px; width: 150px; height: 500px; margin-left: 0px; clear: both; float: right; background:url(pravysloupecvpravo.JPG); } .paticka { margin: 0px; padding: 0px; width: 750px; height: 75px; background:url(paticka.JPG); margin-top: 0px; clear: both; } --> </style> <center> <div class="hlavicka" align="center"> <span style="position: relative; top: 40px"> www.spidernet.xf.cz </span> </div> <div class="hlavni"> <div class"levy-sloupec">Tak tohle je levý sloupec </div> <div class="pravy-sloupec"> <div class="pravy-sloupec-vlevo">Tak to je pravý sloupec 1. </div> <div class="pravy-sloupec-vpravo">Tak to je pravý sloupec 2. </div> </div> </div> <div class="paticka"> <span style="position: relative; top: 30px"> Vytvořil Daniel Gomola</span> </div> </center> </body> </html> |
||
Měsíček Profil |
#4 · Zasláno: 4. 6. 2007, 19:30:30
Dobrý už nemusíte, už jsem na to přišel a díky Railbote za radu :-)
|
||
Časová prodleva: 17 let
|
0