Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Tabelka
Maxik
post
Post #1





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Robię stronę na tabelkach i mam dość spory problem z ustawieniem tego wszystkiego w Operze. W wersji 9.52 dzieją się jakieś cuda niewidy: jak dodam doctype to czyta css, jak wywalę to przestaje czytać styl odpowiedzialny za wielkość czcionki, męczę się z tym już kilka dni, może Wy coś poradzicie: http://maxik.netmark.pl/pyton/maxi2/layout.html
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Maxik
post
Post #2





Grupa: Zarejestrowani
Postów: 726
Pomógł: 129
Dołączył: 10.01.2008
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----

Jedyne na co wpadłem to prawy border dla dolnego diva, i byłoby dobrze gdyby zakończenie nie wskakiwało na doł, ale chyba wpadłęm na pewien pomysł, link który dałaś to "fixed width" czyli mam rozumieć szerokość, mi natomiast chodzi o wysokość (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) Spróbuję zrobić tak jak wymyśliłem a potem się zobaczy.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  5.   <meta name="Description" content="">
  6.   <meta name="Author" content="Maxik [maxik@wr-pl.com]">
  7.   <meta name="Keywords" content="">
  8.   <meta name="Generator" content="CoreEditor">
  9.   <title>WarRock Premium by PyToN™</title>
  10.   <link rel="stylesheet" href="styles.css" type="text/css">
  11.   <script type="text/javascript" src="js/mintAjax.js"></script>
  12. </head>
  13. <body>
  14. <div id="content">
  15. 	  <div id="gora">
  16. 	  		 <div id="logo"><img src="images/layout_03.jpg" alt="WarRock Premium by PyToN™"></div>
  17. 	  		 <div id="minicennik">
  18. 			 		<div id="goraminicennik"><img src="images/layout_04.jpg" alt=""></div>
  19. 			 		<div id="trescminicennik"></div>
  20. 			 </div>
  21. 	  </div>
  22. 	  <div id="dol">
  23. 	  		 <div id="main">Lorem ipsum dolor sit amet enim. Etiam ullamcorper.<br>
  24. 				Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.<br>
  25. 				Curabitur et ligula. Ut molestie a, ultricies porta urna.<br>
  26. 				Vestibulum commodo volutpat a, convallis ac, laoreet enim.<br>
  27. 				Phasellus fermentum in, dolor. Pellentesque facilisis.<br>
  28. 				Nulla imperdiet sit amet magna.<br>
  29. 				Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu, luctus et interdum adipiscing wisi.<br>
  30. 				Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel bibendum sapien massa ac turpis faucibus orci luctus non, consectetuer lobortis quis, varius in, purus.<br>
  31. 				Integer ultrices posuere cubilia Curae, Nulla ipsum dolor lacus, suscipit adipiscing.<br>
  32. 				Cum sociis natoque penatibus et ultrices volutpat. Nullam wisi ultricies a, gravida vitae, dapibus risus ante sodales lectus blandit eu, tempor diam pede cursus vitae, ultricies eu, faucibus quis, porttitor eros cursus lectus, pellentesque eget, bibendum a, gravida ullamcorper quam.<br>
  33. 				Nullam viverra consectetuer. Quisque cursus et, porttitor risus. Aliquam sem. In hendrerit nulla quam nunc, accumsan congue. Lorem ipsum primis in nibh vel risus.<br>
  34. 				Sed vel lectus.<br>
  35. 				Ut sagittis, ipsum dolor quam.</div>
  36. 	  		 <div id="menu">Lorem ipsum dolor sit amet enim. Etiam ullamcorper.
  37. Suspendisse a pellentesque dui, non felis. Maecenas malesuada elit lectus felis, malesuada ultricies.
  38. Curabitur et ligula. Ut molestie a, ultricies porta urna.</div>
  39. 	  </div>
  40. 	  <div id="zakonczenie">
  41.  			 <div id="koniecmain"><img src="images/layout_10.jpg" alt=""></div>
  42.  			 <div id="koniecmenu"><img src="images/layout_11.jpg" alt=""></div>
  43.      </div>
  44. 	  <div id="stopka"><img src="images/stopka.png" alt="Design&amp;Code by Maxik"></div>
  45. </div>
  46. </body>
  47. </html>
[HTML] pobierz, plaintext


Tak wygląda kod strony, wymyśliłem prawy border dla diva o id dol, ale nie wiem czemu tego bordera nie ma.

Kod
html, body {
        background-color: #000000;
        margin: auto;
        padding: 0;
        font-family: Tahoma, Verdana;
        color: white;
        font-size: 11px;
  }
  
  #content {
      width: 900px;  
      margin: 20px auto 0 auto;
  }
  
  #logo {
        height: 210px;
        width: 580px;
        float: left;
  }
  
  #minicennik {
      float:left;
  }
  
  #trescminicennik {
      border-right: 3px solid #92888A;
      border-bottom: 3px solid #92888A;
      width: 299px;
      height: 194px;
  }
  
  #dol {
      clear: both;
      height: 100%;
      border-right: 3px solid #92888A;
  }
  
  #main {
      float: left;
      width: 570px;
      border-right: 3px solid #92888A;
      border-left: 3px solid #92888A;
      padding: 5px 2px 0px 2px;
  }
  
  #menu {
      float: left;
      padding: 5px 2px 0px 2px;
      width: 295px;
      height: 100%;
  }
  
  #zakonczenie {
      clear: both;
  }
  
  #koniecmain {
      float: left;
      width: 580px;
  }
  
  #koniecmenu {
      float: left;
      width: 302px;
  }
  
  #stopka {
      clear: both;
  }


Tak wygląda styles.css

Napewno to jakiś mały błąd którego ja nie widzę, proszę o pomoc.

Ten post edytował Maxik 23.07.2008, 12:10:09
Go to the top of the page
+Quote Post

Posty w temacie
- Maxik   [HTML][CSS] Tabelka   21.07.2008, 21:10:59
- - trucksweb   a co to za cuda ? [HTML] pobierz, plaintext <Td...   21.07.2008, 21:14:17
- - Maxik   A jaki związek ma rozjechanie się tabelki z wielką...   21.07.2008, 22:19:11
- - JoShiMa   Cytat(Maxik @ 21.07.2008, 22:10:59 ) ...   21.07.2008, 22:51:07
- - Maxik   No i w tym problem, bo ja raczej stara szkoła i na...   21.07.2008, 22:52:58
|- - JoShiMa   Cytat(Maxik @ 21.07.2008, 23:52:58 ) ...   21.07.2008, 22:55:36
- - Maxik   Akurat do tego wygibasa się nie przyznaj...   21.07.2008, 23:04:57
|- - JoShiMa   Cytat(Maxik @ 22.07.2008, 00:04:57 ) ...   22.07.2008, 07:59:55
- - Maxik   Zdecydowałem się na divy, może się uda, w razie pr...   22.07.2008, 11:37:09
- - JoShiMa   Gratuluję. Jak by coś to służę pomocą.   22.07.2008, 11:43:57
- - Heweliusz   Zerknij sobie tutaj. Masz tam wszystko opisane, i ...   22.07.2008, 11:43:58
- - Maxik   Może nie dokładnie, ale przeczytałem to co podrzuc...   22.07.2008, 22:31:12
|- - JoShiMa   Cytat(Maxik @ 22.07.2008, 23:31:12 ) ...   23.07.2008, 09:08:38
- - Maxik   Jedyne na co wpadłem to prawy border dla doln...   23.07.2008, 12:02:08
- - JoShiMa   Tu jeszcze sa opisane techniki budowy takich layou...   24.07.2008, 09:07:16

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 13.10.2025 - 18:35
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn