Skocz do zawartości

Pomoc html i css

Pepsi

Przez Pepsi
w HTML, PHP, mySQL, JavaScript

 Udostępnij

Rekomendowane odpowiedzi

Pepsi Chicken

Pepsi

Opublikowano
Opublikowano

Potrzebna pomoc w wytłumaczeniu mi :(

Mam coś takiego:

<!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>

<title>Chelsea</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="Stylesheet" type="text/css" href="zasoby/style.css" href="menu.css" />

</head>


<body>

<div id="pojemnik">
<div id="naglowek"><img src="zasoby/baner.jpg" alt="Tekst alternatywny" /></div>
<div id="menulewe">menu lewe <br />menu lewea</div>
<div id="tresc">tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br /></div>
<div id="menuprawe">menuprawe</div>
<div id="stopka">tutaj jest stopka strony</div>

</body>
</html>

 

i style:

 

#pojemnik {
width: 760px;
margin: 0 auto;
}
#naglowek {
border-bottom: 2px solid black;
}
#menulewe {
float: left;
width: 200px;
}
#tresc {
float:left;
width:406px;
border-left: 2px solid black;
border-right: 2px solid black;
}
#menuprawe {
float: left;
width: 150px;
}
#stopka {
border-top: 2px solid black;
clear: both;
}

 

I to mi daje prosty układ szerokości co miałem podany nawet i nawet kapuje co i jak jest, ale i tak nie mógłbym sobie poradzić z stworzeniem strony z takim czymś

loyt1.png

 

Domyślam się, że to wszystko się ustawia w 

<body>

<div id="pojemnik">
<div id="naglowek"><img src="zasoby/baner.jpg" alt="Tekst alternatywny" /></div>
<div id="menulewe">menu lewe <br />menu lewea</div>
<div id="tresc">tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br /></div>
<div id="menuprawe">menuprawe</div>
<div id="stopka">tutaj jest stopka strony</div>

</body>

 

Tylko może ktoś wytłumaczy jak coś takiego robić, bo to chyba jedna z ostatnich rzeczy która mi jest potrzebna do stworzenia jakiejś strony www :)

 

 

Z góry bardzo dziękuję tym co pomogli :)

Odnośnik do komentarza
Udostępnij na innych stronach
Pepsi Chicken

Pepsi

Opublikowano
  • Autor
Opublikowano

Duble post żebyście wiedzieli ,że coś pisałem ,następnym razem nie zrobię ostatniego posta :S

Mam:

<!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>

<title>Chelsea</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="Stylesheet" type="text/css" href="zasoby/style.css"
href="menu.css" />

</head>


<body bgcolor="purple"

<div id="pojemnik">
    
    <div id="naglowek"><img src="zasoby/baner.jpg" alt="Tekst alternatywny"</div>
    <div id="menulewe">menu lewe <br />menu lewea</div>
    <div id="tresc">tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br /></div>
    <div id="tresc2">tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br /></div>
    <div id="menuprawe">menuprawe</div>
    <div id="tresc3">tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br />tresc<br /></div>
    <div id="stopka">tutaj jest stopka strony</div>
</div>

</body>
</html>

 

css:

 

#pojemnik {
width: 70%;
margin: 0 auto;
}
#naglowek {
border-bottom: 2px solid black;
}
#menulewe {
float: left;
width: 29%;
}
#tresc {
float:left;
width:20%;
border-left: 2px solid black;
border-right: 2px solid black;
}
#tresc2 {
float:left;
border-right: 2px solid black;
width:20%;
}
#tresc3 {
float:left;
border-right: 2px solid black;
border-top: 2px solid black;
border-left: 2px solid black;
width:20%;
clear: both;
}
#menuprawe {
float: left;
width: 14%;
}
#stopka {
border-top: 2px solid black;
clear: both;

 

chce tresc na dole przesunąć pod treść ,coś takiego (rysowałem na laptopie bez myszki :( )

 

37728653974312001956.png

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij
Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...