Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS][HTML] Pozycja menu
deadmen4
post
Post #1





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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

Witam,

Mam stronkę:

[PHP] pobierz, plaintext 
  1. <head>
  2. 		<link rel="Stylesheet" type="text/css" href="index.css" />
  3. 	</head>
  4.  
  5.  
  6. <?php
  7.  
  8.  
  9.  
  10. switch ($_GET['cos']) { 
  11. 	 case 'strona': include ('strona.php');
  12. 	 break;
  13.  
  14. 	case 'strona2': include  ('strona2.php');
  15. 	break;
  16.  
  17. 	default : 
  18.  
  19.  
  20. }
  21.  
  22. ?>
  23.  
  24. <dl>                                                                                                       // TU JEST MENU
  25. <dt>MENU</dt>			 
  26. <dd><a href='index.php?cos=strona'>Losowanie</a></dd>	
  27. <dd><a href='index.php?cos=strona2'>Formularz</a></dd>	
  28. </dl>
  29.  
[PHP] pobierz, plaintext



I jej CSS:

Kod
dl, dt, dd {
    display: block;
    margin: 0;
    padding: 0;
    
}

dt {
    width: 200px;
    padding: 5px 10px;
    font-weight: bold;
    font-size: larger;
    text-align: center;
    background: #797 url("tlo3.gif") repeat-x top;
    color: lime;
    border-width: 2px;
    border-style: solid;
    border-color: blue blue blue blue;
}

dd {
    width: 200px;
    padding-left: 10px;
    background: #797 url("punkt.gif") no-repeat left top;
    border-width: 1px;
    border-style: solid;
    border-color: black black black black;
}

dl a:link, dl a:visited {
    display: block;
    width: 169px;
    text-decoration: none;
    padding: 5px 10px;
    font-weight: bold;
    background: #bfb url("tlo2.gif") repeat-x top;
    color: red;
    border-left: 1px solid #797;
}

dl a:hover {
    background-color: #797;
    background-image: url("tlo.gif");
    color: red;
    
}


Wszystko działa, ale jak wchodze na jeden z linków w menu, to pojawia się strona i menu na samym dole... Zrobiłem odstęp strony od lewej krawędzi ale mimo iż jest miejsce, to menu jest na samym dole.
Dopiero początkuje w css i pytam się jak zrobić by menu było na stałe po lewej stronie, a podstrona obok po prawej.

Próbowałem na menu dać:
Cytat
position: fixed; left: 0cm
, ale nic nie pomogło.
Proszę o pomoc


pozdrawiam,
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #2





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

podaj strone
Go to the top of the page
+Quote Post
deadmen4
post
Post #3





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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

http://www.csmap.yoyo.pl/


Tylko uprzedzam, że treść tylko testowa. Na linku Formularz właśnie ustawiłem ten odstęp position: fixed; left: 0cm
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

no to działam

jak przechodzę nie widzę żadnego menu wrzuć coś ;/
Go to the top of the page
+Quote Post
deadmen4
post
Post #5





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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

na samym dole jest
Go to the top of the page
+Quote Post
Blame
post
Post #6





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

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

Ogólnie to taką stronę jak ty chcesz powinieneś zrobić na div'ach. Przykładowy html:
[HTML] pobierz, plaintext 
  1. <div id="strona">
  2. <div id="menu"></div>
  3. <div id="reszta"></div>
  4. </div>
[HTML] pobierz, plaintext

i css do tego:
[CSS] pobierz, plaintext 
  1. #strona{
  2. width:900px;
  3. }
  4. #menu{
  5. width:200px;
  6. float:left;
  7. }
  8. #reszta{
  9. width:700px;
  10. float:right;
  11. }
[CSS] pobierz, plaintext

Szerokości danych elementów ustaw sobie jakie chcesz. Druga sprawa to taka, że teraz dobrze jest robić menu na liście czyli <ul> i <li> (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował Blame 19.02.2010, 19:47:58
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #7





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

http://www.csmap.yoyo.pl/index.php?cos=formularz


widze tylko formularz a menu nigdzie nie widzę
Go to the top of the page
+Quote Post
deadmen4
post
Post #8





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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

A mógłbyś pokazać jak to ma być? Bo jak tak.... nie zabardzo... (IMG:style_emoticons/default/sad.gif)
Taki jest cały kod:


[PHP] pobierz, plaintext 
  1. <head>
  2. 		<link rel="Stylesheet" type="text/css" href="index.css" />
  3. 	</head>
  4.  
  5.  
  6. <?php
  7.  
  8.  
  9.  
  10. switch ($_GET['cos']) { 
  11. 	 case 'losowanie': include ('losowanie.php');
  12. 	 break;
  13.  
  14. 	case 'formularz': include  ('formularz.php');
  15. 	break;
  16.  
  17. 	default : 
  18.  
  19.  
  20. }
  21.  
  22. ?>
  23.  
  24. <dl>
  25. <dt>MENU</dt>			
  26. <dd><a href='index.php?cos=losowanie'>Losowanie</a></dd>	
  27. <dd><a href='index.php?cos=formularz'>Formularz</a></dd>	
  28. </dl>
[PHP] pobierz, plaintext



Z css sobie poradze (IMG:style_emoticons/default/smile.gif)


-------------------


Cytat(krzysztof_kf @ 19.02.2010, 19:49:43 ) *
http://www.csmap.yoyo.pl/index.php?cos=formularz


widze tylko formularz a menu nigdzie nie widzę


A na stronie głównej widzisz?? Może coś nie tak z przeglądarką u Ciebie...? U mnie jest.

Ten post edytował deadmen4 19.02.2010, 19:54:45
Go to the top of the page
+Quote Post
Blame
post
Post #9





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

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

Gotowca ci nie dam, to nie w moim stylu (IMG:style_emoticons/default/tongue.gif) ale mogę ci to pokazać trochę "pod ciebie" (IMG:style_emoticons/default/smile.gif) 
[HTML] pobierz, plaintext 
  1. <div id="strona">
  2. <div id="menu"> Tu jest twoje menu, które ma być zawsze po lewej stronie u góry</div>
  3. <div id="reszta"> Tutaj dajesz swoją treść, czyli w twoim wypadku formularz, będzie on po prawej stronie</div>
  4. </div>
[HTML] pobierz, plaintext

Mam nadzieję, że teraz rozumiesz. Z tego co widzę to powinieneś też zadbać o prawidłową strukturę dokumentu. Więcej informacji na ten temat znajdziesz tutaj, a na temat prawidłowego tworzenia menu tutaj.
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #10





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

dodaj float i szerokość

Kod
dl, dt, dd {
          width: 200px;
         float: left;
  }


trochę dziwne masz te menu nie wyświetla się w innych przeglądarkach niż ie

Ten post edytował krzysztof_kf 19.02.2010, 20:12:42
Go to the top of the page
+Quote Post
deadmen4
post
Post #11





Grupa: Zarejestrowani
Postów: 60
Pomógł: 0
Dołączył: 17.02.2010
Skąd: Gliwice

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

Oooo.... DZIAŁA! Dzięki wszystkim. Na index.php zrobiłem tylko dla menu <div id="menu"> , a na formularz.php i losowanie.php <div id="reszta">.

Dzięki jeszce raz (IMG:style_emoticons/default/winksmiley.jpg) (IMG:style_emoticons/default/czarodziej.gif)


EEE.... Powiedzcie jeszcze co mam zrobić żeby działało na innych przeglądarkach... (Bo to mnie zaskoczyło! Tak nie może (raczej) być! (IMG:style_emoticons/default/axesmiley.png)

Ten post edytował deadmen4 19.02.2010, 20:46:55
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #12





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

teraz wszystko śmiga widać menu
Go to the top of the page
+Quote Post
Blame
post
Post #13





Grupa: Zarejestrowani
Postów: 678
Pomógł: 124
Dołączył: 26.09.2009

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

Po pierwsze to obejmij to wszystko w jakiś div i ustaw mu normalną szerokość bo teraz ci się to rozjeżdża, a po drugie to u mnie na FX wyświetla normalnie.
Go to the top of the page
+Quote Post
« 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: 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: 23.12.2025 - 23:37
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn