10-12-2009, 23:48
Proszę was o pomoc! Nie wiem co mam robić!
Kod HTML:
CSS:
Gdy wyświetlam strone Divy leżą pod sobą a chcę żeby div id=TEKST leżał obok menu!
Z góry dzięki za pomoc!
Kod HTML:
Kod:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<link href="style.css" type="text/css" rel="stylesheet" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Tu wpisz opis zawartości strony" />
<meta name="Keywords" content="Tu wpisz wyrazy kluczowe rozdzielone przecinkami" />
<title>MIKUL</title>
</head>
<body>
<div id="top">
<div id="BANNER"></div>
<div id="MENU">
<div id="menu">
<ul>
<li><a href="index.html">Strona Główna</a></li>
<li><a href="podstrony/KONTAKT.html">Kontakt</a></li>
<li><a href="podstrony/CENNIK.html">Cennik</a></li>
<li><a href="podstrony/MIEJSCEWYKLADOW.html">Miejsce Wykładów</a></li>
<li><a href="podstrony/ONAS.html">O Nas</a></li>
<li><a href="podstrony/ZAPISY.html">ZAPISZ SIĘ</a></li>
<li><a href="podstrony/TERMINY.html">Terminy Zajęć</a></li>
<li><a href="podstrony/PROMOCJE.html">Promocje</a></li>
<li><a href="podstrony/TERMINY.html">Terminy Zajęć</a></li>
<li><a href="podstrony/GALERIA.html">Galeria</a></li>
<li><a href="podstrony/formulary.php">Formularz zgłoszeniowy</a></li>
</ul>
</div>
</div>
<div id="TRESC">2</div>
<div id="STOPKA">3</div>
</div>
</body>
</html>CSS:
Kod:
html, body {
background: url(gradient.JPG);
color: #000;
padding: 0;
}
#top {
width: 100% ;
}
#BANNER {
background: url(banner.JPG) center no-repeat ;
width: 100% ;
height: 171px;
margin-top: 30px;
}
#menu { /* nasz div "menu" */
border: 1px solid #D3D3D3; /* obramowanie naszego menu */
background: #FFFFFF; /* tło naszego menu */
width: 142px; /* szerkość menu */
padding: 3px;
margin-left: 55px;
margin-top: 40px;
} /* odległość menu od obramowania*/
ul { /* element ul */
margin: 0; /* odległość menu od obramowania*/
padding: 0; } /* odległość menu od obramowania*/
#menu a { /* linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 12px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 130px; /* szerokość */
padding: 3px; /* odległości linków */
color: #3B3B3B; /* kolor linków */
margin-top: 1px; /* 1px odstępu od góry */
text-decoration: none; /* dekoracja tekstu */
border-left: 6px solid #CCCCCC; } /* lewe obramowanie; #CCCCCC - kolor zwykłego prostokąta */
#menu a:hover { /* najechane linki w menu */
font-family: Verdana, Sans-serif; /* krój czcionki */
font-size: 12px; /* wielkość czcionki */
display: block; /* rodzaj wyświetlenia elementów */
width: 130px; /* szerokość */
background-color:#F0F0F0; /* tło linka najechanego */
text-decoration: none; /* dekoracja tekstu */
color: #3B3B3B; /* kolor tekstu */
border-left: 6px solid #9CD3D3; } /* lewe najechane obramowanie; #9CD3D3 - kolor najechanego prostokąta*/
#menu li { /* element li */
list-style-type: none; } /* rodzaj wykazu */
#TRESC {
min-height: 200px;
width: 300px;
background-color: #0080ff;
margin: 20px;
}
#STOPKA {
clear: both;
width: 100%;
background-color: #fd7e00;
}Gdy wyświetlam strone Divy leżą pod sobą a chcę żeby div id=TEKST leżał obok menu!
Z góry dzięki za pomoc!
