+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Jak ułożyć divy? (/thread-jak-ulozyc-divy)
Jak ułożyć divy? - bartpi11 - 10-12-2009
Proszę was o pomoc! Nie wiem co mam robić!
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!
RE: Jak ułożyć divy? - dziamber - 11-12-2009
A więc tak, skasuj w index.html ten div #MENU i zostaw tylko ten z małej litery. W arkuszu css w divie #menu i #TRESC wstaw:
Kod:
float: left;RE: Jak ułożyć divy? - bartpi11 - 11-12-2009
no dzięki! już mam! A jeszcze jakbyś mógł mi powiedzieć jak ułożyć stronę żeby wyświetlała się na środku okna a nie z lewej strony!
RE: Jak ułożyć divy? - dziamber - 11-12-2009
Tak oczywiscie, tworzysz div którym opakowujesz wszystkie inne divy, ja go nazywam container:
Kod:
body {
margin: 0px;
}
#container {
width: twoja szerokosc calej strony;
margin:0 auto;
padding: 0px;
}RE: Jak ułożyć divy? - bartpi11 - 11-12-2009
Dzięki za odpowiedzi!
Skorzystałem z nich xD
Ale mógłbyś mi jeszcze napisać jak mam wczytać strony z menu do <div id=TEKST> ? Jest to na kilku stronach z jakimiś php i innymi ale ja tego nie umiem pojąć!
Z góry dzięki!
RE: Jak ułożyć divy? - KowR - 11-12-2009
robisz plik menu.php, a w nim masz:
Kod:
<a href="index.php">Główna</a> <a href="index1.php">Podstrona 1</a> <a href="kontakt.php">Kontakt</a>I potem w miejscu gdzie chcesz wczytać menu:
Kod:
<?php include('menu.php'); ?>Twoje pliki muszą mieć rozszerzenie .php, a także serwer musi mieć włączoną obsługę PHP (np. cba, yoyo, etc. i wszystkie płatne).
A i tak woli ścisłości ... Nie to, że nie umiesz tego pojąć, tylko nawet nie chciało Ci się tego przeczytać. :| A to jest ból. Zasłaniasz się wiekiem i chcesz by każdy zrobił Ci to co chcesz tracąc swój cenny czas. Odpal www.php.pl - wejdź na forum, przeszukaj tematy i się nauczysz.
RE: Jak ułożyć divy? - bartpi11 - 11-12-2009
nie wiem czy dobrze zinterpretowałem twoją wypowiedź ale wydaje mi się, że dałeś mi "przepis" jak umieścić menu na stronie, a ja prosiłem o to by ktoś mi powiedział jak wczytać strony z menu do jakiegoś div!
BTW: gdzie widziałeś, że zasłaniam się wiekiem?
_______________
Znalazłem już odpowiedni sposób!
RE: Jak ułożyć divy? - KowR - 12-12-2009
Wszyscy mówiący: "Jest to na kilku stronach z jakimiś php i innymi ale ja tego nie umiem pojąć!" ... To reguła, możesz być wyjątkiem bo i tacy się zdarzają.