Zaloguj się

bartpi11 · 10-12-2009, 23:48

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!

**dziamber** · 11-12-2009, 01:50

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;

U mnie działało. Teraz tylko będziesz musiał tak zrobic żeby estetycznie wyglądało.

bartpi11 · 11-12-2009, 02:09

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!

**dziamber** · 11-12-2009, 02:11

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;

}

bartpi11 · 11-12-2009, 02:49

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!

**KowR** · 11-12-2009, 15:35

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.

bartpi11 · (Ten post był ostatnio modyfikowany: 11-12-2009, 22:23 przez bartpi11.)

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!

**KowR** · 12-12-2009, 02:04

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ą.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie