[CSS] Kolumny pod soba

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
mlyczko
Posty: 2
Rejestracja: sob maja 24, 2008 6:08 pm

[CSS] Kolumny pod soba

Post autor: mlyczko »

Przykladowy szablon wyglada nastepujaco:
http://img2.vpx.pl/up/20080927/220.jpg

tresc HTML:

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="pl" lang="pl"><head>
<link rel='stylesheet' type='text/css' href='menu_style.css'>
<title>mlyczko</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" type="text/css" media="all" href="style.css">

<div id="top">
	<div id="NAGLOWEK">Nagłówek szablonu</div>
	<div id="NAGLOWEK2">Nagłówek szablonu 2</div>
	<div id="MENU">Menu</div>
	<div id="INFORMACJE">Dodatkowe informacje</div>
	<div id="TRESC">Treść strony</div>
	<div id="STOPKA">Stopka serwisu</div>
</div>
Tresc CSS:

Kod: Zaznacz cały

html, body {
	background-color: #fff;
	color: #000;
	margin: 0;
	padding: 0;
}

#top
 {
	width: 900px;
}

#NAGLOWEK {
	background-image: url(images/1_01.png);
	width: 900px;
	height: 53px;
}

#NAGLOWEK2 {
	background-image: url(images/1_02.png);
	width: 900px;
	height: 74px;
}

#MENU {
	background-image: url(images/1_03.png);
	float:left;
	width: 148px;
	height: 621px;
}

#INFORMACJE {
	width: 189px;
	height:621px;
	float: right;
	overflow: hidden;
	background-image: url(images/1_04.png);
}

#TRESC {
	width: 563px;
	height:621px;
	float: left;
	overflow: hidden;
	background-image: url(images/1_05.png);
}

#STOPKA {
	clear: both;
	width: 100%;
	height:52px;
	background-image: url(images/1_06.png);
}
Chce, aby ten szablon mial lewe menu podzielone na 3 czesci:
http://img2.vpx.pl/up/20080927/untitled180.jpg

Co musze zmodyfikowac??
slawko
Nowy
Nowy
Posty: 127
Rejestracja: ndz sty 23, 2005 6:43 pm
Kontakt:

Re: [CSS] Kolumny pod soba

Post autor: slawko »

W divie menu dajesz nastepne div
[xml]
<div id="MENU">Menu
<div class="menu1">menu1</div>
<div class="menu1">menu2</div>
<div class="menu1">menu3</div>
</div>
[/xml]

css

[xml]
.menu1{
float:left;
width: 148px;
height:100px;
}[/xml]
ODPOWIEDZ