Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Pozycja menu
Forum PHP.pl > Forum > Przedszkole
deadmen4
19.02.2010, 19:13:11
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,
krzysztof_kf
19.02.2010, 19:16:24
podaj strone
deadmen4
19.02.2010, 19:31:25
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
krzysztof_kf
19.02.2010, 19:39:03
no to działam

jak przechodzę nie widzę żadnego menu wrzuć coś ;/
deadmen4
19.02.2010, 19:44:37
na samym dole jest
Blame
19.02.2010, 19:47:42
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> winksmiley.jpg
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ę
deadmen4
19.02.2010, 19:53:58
A mógłbyś pokazać jak to ma być? Bo jak tak.... nie zabardzo... 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 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.
Blame
19.02.2010, 20:05:10
Gotowca ci nie dam, to nie w moim stylu tongue.gif ale mogę ci to pokazać trochę "pod ciebie" 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.
krzysztof_kf
19.02.2010, 20:27:52
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
deadmen4
19.02.2010, 20:43:34
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 winksmiley.jpg 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ć! axesmiley.png
krzysztof_kf
19.02.2010, 20:49:12
teraz wszystko śmiga widać menu
Blame
19.02.2010, 20:50:04
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.
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.