Skocz do zawartości


Zdjęcie

układ trzykolumnowy


  • Zaloguj się, aby dodać odpowiedź
9 odpowiedzi w tym temacie

#1 bartek1998

bartek1998

    Początkujący

  • 75 postów

Napisano 06 11 2011 - 13:48

Zrobiłem układ trzykolumnowy narazie w HTML-u niewiem czy dobrze napisałem więc zwracam się z prośbą do was

kod html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
<div id="wrapper">
<div id="header">
</div>
<!-- end #header -->
<div id="left">
</div>
<!-- end #left -->
<div id="right">
</div>
<!-- end #right -->
<div id="srodek">
</div>
<!-- end #srodek-->
</body>
</html>


  • 0

#2 bakker

bakker

    Początkujący

  • 78 postów

Napisano 06 11 2011 - 14:02

Źle zagnieździłeś "<div id="header">".
Poza tym by stworzyć prosty układ 3 kolumnowy wystarczą Ci 3 kontenery, a w razie konieczności wrapperem może być body:
<html>
 <head>
 </head>
 <body>
 <div class="1"></div>
 <div class="2"></div>
 <div class="3"></div>
 </body>
 </html>
Oczywiście to tylko struktura - teraz do każdego elementu musisz przypisać odpowiednie reguły CSS.

Użytkownik bakker edytował ten post 06 11 2011 - 14:03

  • 0

#3 bartek1998

bartek1998

    Początkujący

  • 75 postów

Napisano 06 11 2011 - 14:29

spoko

Morze być tak
;)
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="class1">
</div>
<div id="class2">
</div>
<div id="class3">
</div>
<div id="class4">
</div>
</div>
</body>
</html>

  • 0

#4 bakker

bakker

    Początkujący

  • 78 postów

Napisano 06 11 2011 - 14:54

Może tak być.
Ale oczywiście da się to zrealizować bardziej optymalnie (jak pisałem wyżej).
  • 0

#5 bartek1998

bartek1998

    Początkujący

  • 75 postów

Napisano 06 11 2011 - 16:19

ok

ale niewiem jeszcze jak napisać do tego kod css który jest tu wymagany
  • 0

#6 bakker

bakker

    Początkujący

  • 78 postów

Napisano 06 11 2011 - 16:23

Najprościej będzie na float:left;
  • 0

#7 bartek1998

bartek1998

    Początkujący

  • 75 postów

Napisano 06 11 2011 - 16:43

Już mam zobacz chce baz stopki
http://imageshack.us/photo/my-images/208/imgoh.png/
  • 0

#8 bakker

bakker

    Początkujący

  • 78 postów

Napisano 06 11 2011 - 17:16

Już mam zobacz chce baz stopki
http://imageshack.us/photo/my-images/208/imgoh.png/

Nie widzę tutaj stopki. To szare to raczej kolor body lub wrappera.
  • 0

#9 bartek1998

bartek1998

    Początkujący

  • 75 postów

Napisano 06 11 2011 - 19:00

ale ja niechce tutaj stopki
  • 0

#10 Ziele

Ziele

    Biblioteka Zielińskiego

  • 1812 postów

Napisano 11 11 2011 - 13:27

http://www.kurshtml.edu.pl/css/staly_szablon,szablon.html zajrzyj tutaj ; )

  • 0

Zobacz więcej tematów z tagiem: CSS



Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych