Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [xhtml] Poczatki
Forum PHP.pl > Forum > Przedszkole
bim2
Witam, powiedzialem sobie ze bede w xhtml robil i dupa. Nie umiem tongue.gif. Prosilbym o wytlumaczenie mi podstawowych jak w <div>'kach zrobic tabelke typu <table><tr><td></td></tr><tr><td></td></tr></table>? Mam:
my1x.xhtml:

  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <?xml-stylesheet href="style.css" type="text/css"?>
  3. <!DOCTYPE
  4.  html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  5.  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  7.  
  8. <title>{TYTUL}</title>
  9. </head>
  10. <div class="page">
  11. <div id="menu_l">
  12. Lewe menu
  13. </div>
  14. <div id="center">
  15. center
  16. </div>
  17.  
  18. <div id="menu_p">
  19. Prawe menu
  20. </div>
  21.  
  22. </div>
  23. </body>
  24. </html>

style.css:
Kod
.page{
width:80%;
  text-align:left;
margin-left:auto;
margin-right:auto;
  }
  #menu_l{
width:30%;
float:left;
position:relative;
background-color:#00FF00;
}
   #center{
width:40%;
float:center;
position:relative;
background-color:#ffffff;
}
   #menu_p{
width:30%;
float:right;
position:relative;
background-color:#00FF00;
}
Pisalem to sam wiec nie mwoic ze jakis gupi kurs czy cos. Myslalem ze sie to tak robi smile.gif. HElp me w xhtml jestem kompletny noob, zawsze robilem na tabelkach
mike
Poczytaj sobie ten artykuł: In Search of the Holy Grail

Zresztą w ogóle polecam AListApart
bim2
Mhh, a jakbym chcial zmienic wielkosc menu, musialbym zmieniac prawie wszedzie ;/
THX za arta, pokopjowalem pare linijek i smiga ladnie tongue.gif:
Kod
#page{
width:80%;
  text-align:left;
margin-left:auto;
margin-right:auto;
  }
  #page .page {
  position: relative;
  float: left;
}
  #menu_l{
width:30%;
float:left;
position:relative;
background-color:#00FF00;
}
   #center{
width:40%;
float:center;
position:relative;
background-color:#ffffff;
}
   #menu_p{
width:30%;
float:right;
position:relative;
background-color:#00FF00;
}

xhtml:
  1. <?xml version="1.0" encoding="iso-8859-2"?>
  2. <?xml-stylesheet href="style.css" type="text/css"?>
  3. <!DOCTYPE
  4.  html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  5.  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  7.  
  8. <title>{TYTUL}</title>
  9. </head>
  10. <div id="page">
  11. <div id="menu_l" class="page">
  12. Lewe menu
  13. </div>
  14. <div id="center" class="page">
  15. center
  16. </div>
  17.  
  18. <div id="menu_p" class="page">
  19. Prawe menu
  20. </div>
  21.  
  22. </div>
  23. </body>
  24. </html>
:* To forum jest kochane, niedlugo pochwale sie w dziale opinie
tongue.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.