Pomoc html i css

Pepsi · 24 Lipca 2010

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ś

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 :)

Konrad-GM · 24 Lipca 2010

A tabelami nie możesz się posłużyć?

Pepsi · 24 Lipca 2010

czyli?

Konrad-GM · 24 Lipca 2010

<table><tr><td></td></tr></table>

Pepsi · 24 Lipca 2010

jejciu, ale to nie jest dla "pro" chce umieć dokładnie...

Konrad-GM · 24 Lipca 2010

Zerknij na to: http://www.tizag.com/htmlT/htmllayout.php

Markuz · 24 Lipca 2010

Tutaj masz wszystko ładnie wytłumaczone jak tworzyć www na divach : klik :)

Mimek · 24 Lipca 2010

Wycentruj wszystko:

body {
text-align: center;
margin: 0;
padding: 0;
background: #XXXXXX;

}

Pepsi · 24 Lipca 2010

Dzięki za te linki odezwę się jutro jak coś nie będę umiał :(

zelman · 24 Lipca 2010

Kurshtml.boo.pl

Zacznij od działu "dla zielonych"

I nie bierz się za szablony, jeśli pierwszy raz widzisz html.

Ranmus · 24 Lipca 2010

Przyda się jeszcze poniższy link z trickami css do budowania layoutu na divach z wyrównaną wysokością kolumn

http://matthewjamestaylor.com/blog/equal-h...er-css-no-hacks

Pepsi · 24 Lipca 2010

O Ranmus dziękuwa, na szczęście jest google tłumacz...

Pepsi · 29 Lipca 2010

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 :( )

gnysek · 29 Lipca 2010

To narysuj raz jeszcze, wpisz gdzie ma być który div itd. - przytrzymaj klawisz Shift aby rysować tylko proste linie.

Pepsi · 29 Lipca 2010

Kurde nie mam czasu proszę o szybką pomoc :S

Nawet skopjuj sobie mój kod :) i zobaczysz ,że chce treść na dole przesunąć w prawo :)

Dawka83 · 29 Lipca 2010

No to jedziesz:

position: relative; left: 20px;

gnysek · 29 Lipca 2010

To zrób tak, żeby wszystkie elementy w #pojemnik miały łącznie 100%, a nie 103%. I zabierz clear:both z #tresc3.

TheMarcQ · 29 Lipca 2010

http://www.kurshtml.boo.pl/css/staly_szablon,szablon.html

Pomoc html i css

Rekomendowane odpowiedzi

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

Odnośnik do komentarza

Udostępnij na innych stronach

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

Zarejestruj nowe konto

Zaloguj się

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