Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [css][html]Strona na div
kt1
post
Post #1





Grupa: Zarejestrowani
Postów: 131
Pomógł: 3
Dołączył: 9.02.2006
Skąd: moree.webd.pl

Ostrzeżenie: (10%)
X----

Cześc nie umiem za dobrze css
i mam taki problem jak dla mnie duzy program

[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. <title>Nowa strona 1</title>
  6. <style>
  7. #all{
  8. float:center;
  9. width:750px; 
  10. font: 12px/16px Arial, Helvetica, sans-serif;
  11. padding: 0 40px;
  12. 	margin: 0px;
  13. }
  14. #menu{
  15.  
  16. border:1px solid red;
  17. float:right;
  18. background:#d3d3ff;
  19. text-algin:center;
  20. }
  21. #main{
  22. margin-right:155px;
  23. border:1px solid blue;
  24. padding:5px;
  25. }
  26. #kale{
  27. text-algin:center;
  28. background:#9595ff;
  29. color:white;
  30. font-width:bold;
  31.  
  32. }
  33. #menu2{
  34. float:right;
  35. bottom:750px;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40.  
  41. <div id="all">
  42. <div id="menu">
  43. <div id="kale">kalengagagaaa</div>
  44. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  45. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  46. ajgoajogijao<br>ajgoajogijao<br>
  47. </div>
  48. <div id="menu2">kalengagagaaa
  49. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  50. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  51. ajgoajogijao<br>ajgoajogijao<br>
  52. </div>
  53.  
  54. <div id="main">
  55. <h1>gaaaaaaaaaaaa</h1>
  56. </div>
  57. </div>
  58.  
  59. </body>
  60.  
  61. </html>
[HTML] pobierz, plaintext

i wszystko prawie jest ale menu2 nie jest pod menu jak to zrobic questionmark.gif zeby było menu i pod spodem menu questionmark.gif.A i jeszcze jedno pytanie i jak zrobić żeby cała strona była na środku questionmark.gif

Ten post edytował kt1 25.10.2007, 15:25:52


--------------------
Jeśli masz jakieś fajne tutki albo coś inne związane z php mysql AJAX to wejdź
tu WEJDZ TU I DODAJ !!! :)
Go to the top of the page
+Quote Post
tsharek
post
Post #2





Grupa: Zarejestrowani
Postów: 300
Pomógł: 1
Dołączył: 22.09.2003
Skąd: Czeladź

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

obydwa menu jeżeli chcesz żeby były jedno pod drugim musisz "opakować" w jakiegoś diva który będzie float: right; Resztę floatów nie potrzeba Ci.
Odnośnie do tego żeby stronka była na środku: Daj w głównym divie margin: 0 auto;


--------------------
Projektowanie stron internetowych
Go to the top of the page
+Quote Post
kossa
post
Post #3





Grupa: Zarejestrowani
Postów: 1 165
Pomógł: 9
Dołączył: 9.04.2002
Skąd: Toruń

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

Żeby strona była na środku:

[HTML] pobierz, plaintext 
  1. #all{
  2. width:750px;
  3. font: 12px Arial, Helvetica, sans-serif;
  4. padding: 0 40px;
  5. margin: 0 auto;
  6. }
[HTML] pobierz, plaintext


co do menu to nie zagłębiałem się w Twój kod

Łukasz


--------------------
www.digate.pl
Go to the top of the page
+Quote Post
kt1
post
Post #4





Grupa: Zarejestrowani
Postów: 131
Pomógł: 3
Dołączył: 9.02.2006
Skąd: moree.webd.pl

Ostrzeżenie: (10%)
X----

Zrobiłęm tak jak mówisz ale jest żle
div main jest na dole a menu2 jest na całym wysokosci co menu 2 ... żle jest
o to kod
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
  5. <title>kalengagagaaa</title>
  6. <style>
  7. #all{
  8. margin: 0auto;
  9. width:750px; 
  10. font: 12px/16px Arial, Helvetica, sans-serif;
  11. padding: 0 40px;
  12. 	margin: 0px;
  13. }
  14. #menu{
  15.  
  16. border:1px solid red;
  17. float:right;
  18. background:#d3d3ff;
  19. text-algin:center;
  20. }
  21. #main{
  22. margin-right:155px;
  23. border:1px solid blue;
  24. padding:5px;
  25. }
  26. #kale{
  27. text-algin:center;
  28. background:#9595ff;
  29. color:white;
  30. font-width:bold;
  31.  
  32. }
  33. #menu2{
  34. text-algin:center;
  35. background:#9595ff;
  36. color:white;
  37. font-width:bold;
  38. }
  39. #bb{
  40.  float: right;
  41.  }
  42. </style>
  43. </head>
  44. <body>
  45.  
  46. <div id="all">
  47.  
  48. <div id="bb">
  49. <div id="menu" style="width: 156px; height: 130px">
  50. <div id="kale">kalengagagaaa</div>
  51. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  52. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  53. ajgoajogijao<br>ajgoajogijao<br>
  54. </div>
  55. <div id="menu2">kalengagagaaa
  56. ajgoajogijao<br>ajgoajogijao<br>ajgoajogijao<br>
  57. ajgoaj455555555ogijao<br>ajgoajogijao<br>
  58. ajgoajogijao<br>ajgoajogijao<br>
  59. </div>
  60. </div>
  61.  
  62. <div id="main">
  63. <h1>gaaaaaaaaaaaa</h1>
  64. </div>
  65. </div>
  66.  
  67. </body>
  68.  
  69. </html>
[HTML] pobierz, plaintext


--------------------
Jeśli masz jakieś fajne tutki albo coś inne związane z php mysql AJAX to wejdź
tu WEJDZ TU I DODAJ !!! :)
Go to the top of the page
+Quote Post
drPayton
post
Post #5





Grupa: Zarejestrowani
Postów: 890
Pomógł: 65
Dołączył: 13.11.2005
Skąd: Olsztyn

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

@tsharek napisał przecież wyraźnie:
Cytat
Resztę floatów nie potrzeba Ci.

Zrób jak napisał a będzie OK

Float nie jest potrzebny ponieważ div jako element blokowy zawsze będzie w nowej linii.

PS Co to jest font-width? aaevil.gif

Ten post edytował drPayton 25.10.2007, 18:35:49
Go to the top of the page
+Quote Post
kt1
post
Post #6





Grupa: Zarejestrowani
Postów: 131
Pomógł: 3
Dołączył: 9.02.2006
Skąd: moree.webd.pl

Ostrzeżenie: (10%)
X----

Oka zrobiłem już wszystko thx za pomoc...

Ten post edytował kt1 26.10.2007, 08:31:57


--------------------
Jeśli masz jakieś fajne tutki albo coś inne związane z php mysql AJAX to wejdź
tu WEJDZ TU I DODAJ !!! :)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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