Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Wygląd menu
Forum PHP.pl > Forum > Przedszkole
adrianozo
Witam.
Mam problem.
W tym momencie menu wygląda tak:

Testy: Strona Główna DASDA DADS dadas

a chcę żeby wyglądało tak:

Strona Główna Testy: DASDA DADS dadas

Tylko mam z tym problem. Tak jak jest teraz nie rozjeżdża się, ale robiąc tak jak chcę to się rozjeżdża.

menu.css
  1. .menu1
  2. {
  3. position: relative;
  4. padding: 0;
  5. }
  6. .menu1 dl
  7. {
  8. z-index: 1;
  9. width: 150px;
  10. margin: 0;
  11. padding: 0;
  12. }
  13. .menu1 dt
  14. {
  15. margin: 0;
  16. padding: 0px 0px;
  17. cursor: pointer;
  18. color: #FFFFFF;
  19. font-weight: bold;
  20. text-align: center;
  21. }
  22. .menu1 dd
  23. {
  24. margin: 0;
  25. padding: 0px 0px;
  26. width: 110px;
  27. background : url(images/menu.png) repeat;
  28. font-weight: bold;
  29. text-align: center;
  30. border: 1px solid #000000;
  31. }
  32. .menu1 a:hover
  33. {
  34. font-weight: bold;
  35. color: #000080;
  36. }


style.css:
  1. body
  2. {
  3. background : url(images/bg.png) repeat;
  4. text-align: center;
  5. margin: 0 auto;
  6. color: #000000;
  7. }
  8. div#glowny
  9. {
  10. text-align: center;
  11. width: 1004px;
  12. margin: 0 auto;
  13. }
  14. #logo
  15. {
  16. padding: 0 0 0 0;
  17. }
  18. div#logo a
  19. {
  20. color: #FFFFFF;
  21. top: 1px;
  22. width: 100%;
  23. height: 169px;
  24. display: block;
  25. background: #FFFFFF url(images/logo.png) repeat-y;
  26. }
  27. div#menu
  28. {
  29. margin-right: 2px;
  30. width: 100%;
  31. background-image: url(images/menu.png);
  32. border: 1px solid #000000;
  33. }
  34. div#menu a
  35. {
  36. font-weight: bold;
  37. display: inline-block;
  38. text-decoration: none;
  39. color: #000000;
  40. margin-right: 20px;
  41. height: 30px;
  42. }
  43. div#menu a:hover
  44. {
  45. font-weight: bold;
  46. color: #000080;
  47. }
  48. div#tresc
  49. {
  50. font-family: Tahoma;
  51. width: 100%;
  52. margin-top: 7px;
  53. margin-bottom: 7px;
  54. margin-left: 1px;
  55. border: 1px solid #000000;
  56. }
  57. div#tresc a
  58. {
  59. color: #3B3B3B;
  60. }
  61. div#komunikat
  62. {
  63. font-family: Tahoma;
  64. width: 100%;
  65. border: 1px solid #000000;
  66. }
  67. div#stopka
  68. {
  69. text-align: center;
  70. clear: both;
  71. position: relative;
  72. width: 100%;
  73. height: 150px;
  74. margin-left: 1px;
  75. border: 1px solid #000000;
  76. }
  77. #page_numbers li.page_info
  78. {
  79. margin: 0 auto;
  80. float: left;
  81. display: block;
  82. padding: 3px;
  83. padding-left: 5px;
  84. padding-right: 5px;
  85. margin-right: 2px;
  86. color: #000000;
  87. font-size: 11px;
  88. border: 1px solid #000080;
  89. }
  90. .wyszukiwarka
  91. {
  92. width: 225px;
  93. float: right;
  94. }


index.php:
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta http-equiv="Content-Language" content="pl" />
  8. <meta name="Description" content="Zadania z informatyki: ALGORYTMY, BAZY DANYCH, ARKUSZ KALKULACYJNY, TESTY" />
  9. <meta name="google-site-verification" content="R9hcumkhG4oAKWPq3qVSAlZ2DM4iXYSFVqIqnwZtxq0" />
  10. <meta name="Keywords" content="zadania, informatyka, zadania z informatyki, algorytmy, arkusz kalkulacyjny, bazy danych, testy, mapa witryny, licencja GPL GNU, Adrian Nanys, PHP, CSS, HTML" />
  11. <meta name="Copyright" content="Adrian Nanys" />
  12. <meta name="Robots" content="INDEX, FOLLOW" />
  13. <meta name="Revisit-after" content="3 Days" />
  14. <meta name="Author" content="nansss" />
  15. <meta name="google-site-verification" content="QQE0eI3fptl8YgQru6LroefM_9qny9XjQgJYrtxs_ho" />
  16. <base href="http://nansss93.cba.pl" />
  17. <title><?=(isset($_GET['page'])) ? $titles[$_GET['page']] : 'Strona Główna';?> - informatyka-zadania.info</title>
  18. <link rel="stylesheet" type="text/css" media="all" href="style.css" />
  19. <link rel="stylesheet" type="text/css" media="all" href="menu.css" />
  20. <script type="text/javascript" src="functions/menu.js"></script>
  21. <link rel="icon" type="image/png" href="images/favicon.png" />
  22. </head>
  23. <body>
  24. <div id="glowny">
  25. <div id="logo">
  26. <a href=""></a>
  27. </div>
  28. <div id="menu">
  29. <div class="wyszukiwarka">
  30. <?php
  31. if(isset($_GET['wynik']))
  32. {
  33. $wynik_filtru = trim($_GET['wynik']) ;
  34. }
  35. if(isset($_GET['submit']))
  36. {
  37. header('Location: index.php?page='.$wynik_filtru.'');
  38. }
  39. ?>
  40. <?php
  41. if(isset($_GET['wynik']))
  42. {
  43. echo '<form action="?" method="get">
  44. <input type="text" name="wynik" value="'.$_GET['wynik'].'" />
  45. <input type="submit" value="Szukaj" />
  46. </form>';
  47. }
  48. else
  49. {
  50. echo '<form action="?" method="get">
  51. <input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" />
  52. <input type="submit" value="Szukaj" />
  53. </form>';
  54. }
  55. ?>
  56. </div>
  57. <div class="menu1">
  58. <dl id="menu1">
  59. <dt><a href="index.php?page=testy">Testy:</a></dt>
  60. <?php
  61. include('include/db.php');
  62. $zapytanie = "SELECT * FROM `testy` ORDER BY `rok` DESC";
  63. $idzapytania = mysql_query($zapytanie);
  64. while($wierz = mysql_fetch_array($idzapytania))
  65. {
  66. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  67. }
  68. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  69. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  70. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  71. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  72. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  73.  
  74. ?>
  75. </dl>
  76. <script type="text/javascript">
  77. // <![CDATA[
  78. new Menu('menu1', 'position: absolute', true, true, 0, 0, -50, -50, true);
  79. // ]]>
  80. </script>
  81. </div>
  82. <a href="index.php">Strona Główna</a>
  83. <a href="index.php?page=arkusz_kalkulacyjny">Arkusz kalkulacyjny</a>
  84. <a href="index.php?page=bazy_danych">Bazy danych</a>
  85. <a href="index.php?page=licencja">Licencja GPL GNU</a>
  86. </div>
  87. <div id="tresc">
  88. <?php
  89. if (!empty($_GET['page']))
  90. {
  91. switch($_GET['page'])
  92. {
  93. case 'testy':
  94. include('strona/testy.php');
  95. break;
  96. case 'arkusz_kalkulacyjny':
  97. include('strona/arkusz_kalkulacyjny.php');
  98. break;
  99. case 'bazy_danych':
  100. include('strona/bazy_danych.php');
  101. break;
  102. case 'mapa':
  103. include('strona/mapa.php');
  104. break;
  105. case 'licencja':
  106. include('strona/licencja.php');
  107. break;
  108. case 'szukaj':
  109. include('strona/szukaj.php');
  110. break;
  111. case 'komunikat':
  112. include('strona/komunikat.php');
  113. break;
  114. case 'paneladmina':
  115. include('panel/paneladmina.php');
  116. break;
  117. case 'dodaj':
  118. include('panel/dodaj.php');
  119. break;
  120. case 'edytuj':
  121. include('panel/edytuj.php');
  122. break;
  123. case 'usun':
  124. include('panel/usun.php');
  125. break;
  126. case 'edytuj_licencje':
  127. include('panel/edytuj_licencje.php');
  128. break;
  129. case 'zmien_haslo':
  130. include('panel/zmien_haslo.php');
  131. break;
  132. case 'rozmiar_pliku':
  133. include('panel/rozmiar_pliku.php');
  134. break;
  135. case 'ban':
  136. include('panel/ban.php');
  137. break;
  138. case 'komunikat':
  139. include('panel/komunikat.php');
  140. break;
  141. default :
  142. echo 'Wystąpił błąd.<br /> Niepoprawna nazwa pliku.';
  143. break;
  144. }
  145. }
  146. else
  147. {
  148. $title = 'Strona Główna';
  149. include('strona/home.php');
  150. }
  151. ?>
  152. </div>
  153. <div id="stopka">
  154. <?php
  155. for($i = 0; $i < strlen($HTTP_USER_AGENT); $i++)
  156. {
  157. if($HTTP_USER_AGENT[$i] == '(')
  158. {
  159. $a = $i;
  160. break;
  161. }
  162. }
  163. $data = date("d.m.Y");
  164. $godzina = date("H:i");
  165. $ip = $REMOTE_ADDR;
  166. $host = gethostbyaddr($_SERVER['REMOTE_ADDR']);
  167. echo '<br />';
  168. echo '?<b>Data i godzina logowania: <font color="#009966">'.$data.' r. '.$godzina.'</font></b>';
  169. echo '?<b>Twój adres IP: <font color="#009966">'.$ip.'</font></b>';
  170. echo '?<b>Twój Host: <font color="#009966">'.$host.'</font></b><br />';
  171. echo '?<b>Twoja przeglądarka: <font color="#009966">';
  172. for($i = 0; $i < $a; $i++)
  173. {
  174. echo $HTTP_USER_AGENT[$i];
  175. }
  176. echo '</font></b><br /><br />';
  177. ?>
  178. <?php
  179. $code = '<a style="text-decoration: none;" href="http://www.nportfolio.pl" class="powered">Adrian Nanys</a>';
  180. echo 'PHP, SQL, HTML, CSS coded by '.$code.'?<br /><a style="text-decoration: none;" href="index.php?page=mapa">Mapa witryny</a>?';
  181. ?>
  182. </div>
  183. </div>
  184. </body>
  185. </html>


Proszę o pomoc bo nie wiem co jest nie tak sad.gif
Z góry dziękuje smile.gif
Pozdrawiam,
nansss
_Martin_
Może nie rozumiem, chciał bym pomóc bo uwielbiam bawić się css'em i kombinować, ale nie rozumiem jakie menu gdzie i dla mnie to kolejność w php opisz to lepiej jasno i klarownie opisz w czym problem, bo z tego co napisałeś i pliku css nic nie wiem! Pozdrawiam
adrianozo
Może pokaże na ss

Dobry wygląd ale złe ustawienie:
http://iv.pl/images/57814104045193163809.png

Zły wygląd ale dobre ustawienie
http://iv.pl/images/93719220522066450439.png

Kod który podałem wyżej jest jak dobrze wygląda strona ale złe ustawienie

Podaje kod(zły wygląd dobre ustawienie)
  1. <!DOCTYPE html
  2. PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta http-equiv="Content-Language" content="pl" />
  8. <meta name="Description" content="Zadania z informatyki: ALGORYTMY, BAZY DANYCH, ARKUSZ KALKULACYJNY, TESTY" />
  9. <meta name="google-site-verification" content="R9hcumkhG4oAKWPq3qVSAlZ2DM4iXYSFVqIqnwZtxq0" />
  10. <meta name="Keywords" content="zadania, informatyka, zadania z informatyki, algorytmy, arkusz kalkulacyjny, bazy danych, testy, mapa witryny, licencja GPL GNU, Adrian Nanys, PHP, CSS, HTML" />
  11. <meta name="Copyright" content="Adrian Nanys" />
  12. <meta name="Robots" content="INDEX, FOLLOW" />
  13. <meta name="Revisit-after" content="3 Days" />
  14. <meta name="Author" content="nansss" />
  15. <meta name="google-site-verification" content="QQE0eI3fptl8YgQru6LroefM_9qny9XjQgJYrtxs_ho" />
  16. <base href="http://nansss93.cba.pl" />
  17. <title><?=(isset($_GET['page'])) ? $titles[$_GET['page']] : 'Strona Główna';?> - informatyka-zadania.info</title>
  18. <link rel="stylesheet" type="text/css" media="all" href="style.css" />
  19. <link rel="stylesheet" type="text/css" media="all" href="menu.css" />
  20. <script type="text/javascript" src="functions/menu.js"></script>
  21. <link rel="icon" type="image/png" href="images/favicon.png" />
  22. </head>
  23. <body>
  24. <div id="glowny">
  25. <div id="logo">
  26. <a href=""></a>
  27. </div>
  28. <div id="menu">
  29. <a href="index.php">Strona Główna</a>
  30. <div class="wyszukiwarka">
  31. <?php
  32. if(isset($_GET['wynik']))
  33. {
  34. $wynik_filtru = trim($_GET['wynik']) ;
  35. }
  36. if(isset($_GET['submit']))
  37. {
  38. header('Location: index.php?page='.$wynik_filtru.'');
  39. }
  40. ?>
  41. <?php
  42. if(isset($_GET['wynik']))
  43. {
  44. echo '<form action="?" method="get">
  45. <input type="text" name="wynik" value="'.$_GET['wynik'].'" />
  46. <input type="submit" value="Szukaj" />
  47. </form>';
  48. }
  49. else
  50. {
  51. echo '<form action="?" method="get">
  52. <input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" />
  53. <input type="submit" value="Szukaj" />
  54. </form>';
  55. }
  56. ?>
  57. </div>
  58. <div class="menu1">
  59. <dl id="menu1">
  60. <dt><a href="index.php?page=testy">Testy:</a></dt>
  61. <?php
  62. include('include/db.php');
  63. $zapytanie = "SELECT * FROM `testy` ORDER BY `rok` DESC";
  64. $idzapytania = mysql_query($zapytanie);
  65. while($wierz = mysql_fetch_array($idzapytania))
  66. {
  67. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  68. }
  69. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  70. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  71. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  72. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  73. echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
  74.  
  75. ?>
  76. </dl>
  77. <script type="text/javascript">
  78. // <![CDATA[
  79. new Menu('menu1', 'position: absolute', true, true, 0, 0, -50, -50, true);
  80. // ]]>
  81. </script>
  82. </div>
  83. <a href="index.php?page=arkusz_kalkulacyjny">Arkusz kalkulacyjny</a>
  84. <a href="index.php?page=bazy_danych">Bazy danych</a>
  85. <a href="index.php?page=licencja">Licencja GPL GNU</a>
  86. </div>
  87. <div id="tresc">
  88. <?php
  89. if (!empty($_GET['page']))
  90. {
  91. switch($_GET['page'])
  92. {
  93. case 'testy':
  94. include('strona/testy.php');
  95. break;
  96. case 'arkusz_kalkulacyjny':
  97. include('strona/arkusz_kalkulacyjny.php');
  98. break;
  99. case 'bazy_danych':
  100. include('strona/bazy_danych.php');
  101. break;
  102. case 'mapa':
  103. include('strona/mapa.php');
  104. break;
  105. case 'licencja':
  106. include('strona/licencja.php');
  107. break;
  108. case 'szukaj':
  109. include('strona/szukaj.php');
  110. break;
  111. case 'komunikat':
  112. include('strona/komunikat.php');
  113. break;
  114. case 'paneladmina':
  115. include('panel/paneladmina.php');
  116. break;
  117. case 'dodaj':
  118. include('panel/dodaj.php');
  119. break;
  120. case 'edytuj':
  121. include('panel/edytuj.php');
  122. break;
  123. case 'usun':
  124. include('panel/usun.php');
  125. break;
  126. case 'edytuj_licencje':
  127. include('panel/edytuj_licencje.php');
  128. break;
  129. case 'zmien_haslo':
  130. include('panel/zmien_haslo.php');
  131. break;
  132. case 'rozmiar_pliku':
  133. include('panel/rozmiar_pliku.php');
  134. break;
  135. case 'ban':
  136. include('panel/ban.php');
  137. break;
  138. case 'komunikat':
  139. include('panel/komunikat.php');
  140. break;
  141. default :
  142. echo 'Wystąpił błąd.<br /> Niepoprawna nazwa pliku.';
  143. break;
  144. }
  145. }
  146. else
  147. {
  148. $title = 'Strona Główna';
  149. include('strona/home.php');
  150. }
  151. ?>
  152. </div>
  153. <div id="stopka">
  154. <?php
  155. for($i = 0; $i < strlen($HTTP_USER_AGENT); $i++)
  156. {
  157. if($HTTP_USER_AGENT[$i] == '(')
  158. {
  159. $a = $i;
  160. break;
  161. }
  162. }
  163. $data = date("d.m.Y");
  164. $godzina = date("H:i");
  165. $ip = $REMOTE_ADDR;
  166. $host = gethostbyaddr($_SERVER['REMOTE_ADDR']);
  167. echo '<br />';
  168. echo '?<b>Data i godzina logowania: <font color="#009966">'.$data.' r. '.$godzina.'</font></b>';
  169. echo '?<b>Twój adres IP: <font color="#009966">'.$ip.'</font></b>';
  170. echo '?<b>Twój Host: <font color="#009966">'.$host.'</font></b><br />';
  171. echo '?<b>Twoja przeglądarka: <font color="#009966">';
  172. for($i = 0; $i < $a; $i++)
  173. {
  174. echo $HTTP_USER_AGENT[$i];
  175. }
  176. echo '</font></b><br /><br />';
  177. ?>
  178. <?php
  179. $code = '<a style="text-decoration: none;" href="http://www.nportfolio.pl" class="powered">Adrian Nanys</a>';
  180. echo 'PHP, SQL, HTML, CSS coded by '.$code.'?<br /><a style="text-decoration: none;" href="index.php?page=mapa">Mapa witryny</a>?';
  181. ?>
  182. </div>
  183. </div>
  184. </body>
  185. </html>


I jak? Da się coś z tym zrobić smile.gifquestionmark.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.