[HTML][CSS]Wygląd menu :: 4programmers.net

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

.menu1 
{
position: relative;
padding: 0;
}
.menu1 dl 
{
z-index: 1;
width: 150px;
margin: 0;
padding: 0;
}
.menu1 dt 
{
margin: 0;
padding: 0px 0px;
cursor: pointer;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.menu1 dd 
{
margin: 0;
padding: 0px 0px;
width: 110px;
background : url(images/menu.png) repeat;
font-weight: bold;
text-align: center;
border: 1px solid #000000;
}
.menu1 a:hover 
{
font-weight: bold;
color: #000080;
}[/code]

style.css:
[code]body 
{
background : url(images/bg.png) repeat;
text-align: center;
margin: 0 auto;
color: #000000;
}
div#glowny 
{
text-align: center;
width: 1004px;
margin: 0 auto;
}
#logo 
{
padding: 0 0 0 0;
}
div#logo a
{
color: #FFFFFF;
top: 1px;
width: 100%;
height: 169px;
display: block;
background: #FFFFFF url(images/logo.png) repeat-y;
}
div#menu 
{
margin-right: 2px;
width: 100%;
background-image: url(images/menu.png);
border: 1px solid #000000;
}
div#menu a 
{
font-weight: bold;
display: inline-block;
text-decoration: none;
color: #000000;
margin-right: 20px;
height: 30px;
}
div#menu a:hover 
{
font-weight: bold;
color: #000080;
}
div#tresc
{
font-family: Tahoma;
width: 100%;
margin-top: 7px;
margin-bottom: 7px;
margin-left: 1px;
border: 1px solid #000000;
}
div#tresc a
{
color: #3B3B3B;
}
div#komunikat
{
font-family: Tahoma;
width: 100%;
border: 1px solid #000000;
}
div#stopka
{
text-align: center; 
clear: both;
position: relative;
width: 100%;
height: 150px;
margin-left: 1px;
border: 1px solid #000000;
}
#page_numbers li.page_info 
{
margin: 0 auto;
float: left;
display: block;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
margin-right: 2px;
color: #000000;
font-size: 11px;
border: 1px solid #000080;
}
.wyszukiwarka 
{
width: 225px;
float: right;
}

index.php:

<!DOCTYPE html 
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="pl" />
	<meta name="Description" content="Zadania z informatyki: ALGORYTMY, BAZY DANYCH, ARKUSZ KALKULACYJNY, TESTY" />
	<meta name="google-site-verification" content="R9hcumkhG4oAKWPq3qVSAlZ2DM4iXYSFVqIqnwZtxq0" />
	<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" />
	<meta name="Copyright" content="Adrian Nanys" />
	<meta name="Robots" content="INDEX, FOLLOW" />
	<meta name="Revisit-after" content="3 Days" />
	<meta name="Author" content="nansss" />
	<meta name="google-site-verification" content="QQE0eI3fptl8YgQru6LroefM_9qny9XjQgJYrtxs_ho" />
	<base href="http://nansss93.cba.pl" />
	<title><?=(isset($_GET['page'])) ? $titles[$_GET['page']] : 'Strona Główna';?> - informatyka-zadania.info</title>
	<link rel="stylesheet" type="text/css" media="all" href="style.css" />
	<link rel="stylesheet" type="text/css" media="all" href="menu.css" />
	<script type="text/javascript" src="functions/menu.js"></script>
	<link rel="icon" type="image/png" href="images/favicon.png" />
</head>
<body>
<div id="glowny">
	<div id="logo">
	<a href=""></a>
	</div>
	<div id="menu">
		<div class="wyszukiwarka">
		<?php
			if(isset($_GET['wynik'])) 
			{
				$wynik_filtru = trim($_GET['wynik']) ;
			}
				if(isset($_GET['submit']))
				{
					header('Location: index.php?page='.$wynik_filtru.'');
				}
		?>
			<?php
				if(isset($_GET['wynik']))
				{
					echo '<form action="?" method="get">
					<input type="text" name="wynik" value="'.$_GET['wynik'].'" />
					<input type="submit" value="Szukaj" />
					</form>';
				}
					else
					{
						echo '<form action="?" method="get">
						<input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" />
						<input type="submit" value="Szukaj" />
						</form>';
					}
			?>
		</div>
		<div class="menu1">
			<dl id="menu1">
				<dt><a href="index.php?page=testy">Testy:</a></dt>
				<?php
					include('include/db.php');
					$zapytanie = "SELECT * FROM `testy` ORDER BY `rok` DESC";
					$idzapytania = mysql_query($zapytanie);
					while($wierz = mysql_fetch_array($idzapytania))
					{
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					}
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					
				?>
			</dl>
			<script type="text/javascript">
				// <![CDATA[
				new Menu('menu1', 'position: absolute', true, true, 0, 0, -50, -50, true);
				// ]]>
			</script>
		</div>
	<a href="index.php">Strona Główna</a>
	<a href="index.php?page=arkusz_kalkulacyjny">Arkusz kalkulacyjny</a>
	<a href="index.php?page=bazy_danych">Bazy danych</a>
	<a href="index.php?page=licencja">Licencja GPL GNU</a>
	</div>
			<div id="tresc">
					<?php
						if (!empty($_GET['page'])) 
						{
							switch($_GET['page'])
							{
								case 'testy':
								include('strona/testy.php');
								break;
								case 'arkusz_kalkulacyjny':
								include('strona/arkusz_kalkulacyjny.php');
								break;
								case 'bazy_danych':
								include('strona/bazy_danych.php');
								break;
								case 'mapa':
								include('strona/mapa.php');
								break;
								case 'licencja':
								include('strona/licencja.php');
								break;
								case 'szukaj':
								include('strona/szukaj.php');
								break;
								case 'komunikat':
								include('strona/komunikat.php');
								break;
								case 'paneladmina':
								include('panel/paneladmina.php');
								break;
								case 'dodaj':
								include('panel/dodaj.php');
								break;
								case 'edytuj':
								include('panel/edytuj.php');
								break;
								case 'usun':
								include('panel/usun.php');
								break;
								case 'edytuj_licencje':
								include('panel/edytuj_licencje.php');
								break;
								case 'zmien_haslo':
								include('panel/zmien_haslo.php');
								break;
								case 'rozmiar_pliku':
								include('panel/rozmiar_pliku.php');
								break;
								case 'ban':
								include('panel/ban.php');
								break;
								case 'komunikat':
								include('panel/komunikat.php');
								break;
								default :
								echo 'Wystąpił błąd.<br /> Niepoprawna nazwa pliku.';
								break;
							}
						}
							else 
							{
								$title = 'Strona Główna';
								include('strona/home.php'); 
							}
					?>
				</div>
					<div id="stopka">
						<?php
						for($i = 0; $i < strlen($HTTP_USER_AGENT); $i++)
						{
							if($HTTP_USER_AGENT[$i] == '(')
							{
								$a = $i; 
								break;
							}
						}
						$data = date("d.m.Y");
						$godzina = date("H:i");
						$ip = $REMOTE_ADDR;
						$host = gethostbyaddr($_SERVER['REMOTE_ADDR']);
						echo '<br />';
						echo '?<b>Data i godzina logowania: <font color="#009966">'.$data.' r.  '.$godzina.'</font></b>'; 
						echo '?<b>Twój adres IP: <font color="#009966">'.$ip.'</font></b>';
						echo '?<b>Twój Host: <font color="#009966">'.$host.'</font></b><br />'; 
						echo '?<b>Twoja przeglądarka: <font color="#009966">';
						for($i = 0; $i < $a; $i++) 
						{
							echo $HTTP_USER_AGENT[$i];
						}
						echo '</font></b><br /><br />'; 
						?>
							<?php
							$code = '<a style="text-decoration: none;" href="http://www.nportfolio.pl" class="powered">Adrian Nanys</a>';
							echo 'PHP, SQL, HTML, CSS coded by '.$code.'?<br /><a style="text-decoration: none;" href="index.php?page=mapa">Mapa witryny</a>?';
							?>
					</div>
</div>
</body>
</html>

Proszę o pomoc bo nie wiem co jest nie tak :(
Z góry dziękuje :)
Pozdrawiam,
nansss

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)

<!DOCTYPE html 
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Content-Language" content="pl" />
	<meta name="Description" content="Zadania z informatyki: ALGORYTMY, BAZY DANYCH, ARKUSZ KALKULACYJNY, TESTY" />
	<meta name="google-site-verification" content="R9hcumkhG4oAKWPq3qVSAlZ2DM4iXYSFVqIqnwZtxq0" />
	<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" />
	<meta name="Copyright" content="Adrian Nanys" />
	<meta name="Robots" content="INDEX, FOLLOW" />
	<meta name="Revisit-after" content="3 Days" />
	<meta name="Author" content="nansss" />
	<meta name="google-site-verification" content="QQE0eI3fptl8YgQru6LroefM_9qny9XjQgJYrtxs_ho" />
	<base href="http://nansss93.cba.pl" />
	<title><?=(isset($_GET['page'])) ? $titles[$_GET['page']] : 'Strona Główna';?> - informatyka-zadania.info</title>
	<link rel="stylesheet" type="text/css" media="all" href="style.css" />
	<link rel="stylesheet" type="text/css" media="all" href="menu.css" />
	<script type="text/javascript" src="functions/menu.js"></script>
	<link rel="icon" type="image/png" href="images/favicon.png" />
</head>
<body>
<div id="glowny">
	<div id="logo">
	<a href=""></a>
	</div>
	<div id="menu">
	<a href="index.php">Strona Główna</a>
		<div class="wyszukiwarka">
		<?php
			if(isset($_GET['wynik'])) 
			{
				$wynik_filtru = trim($_GET['wynik']) ;
			}
				if(isset($_GET['submit']))
				{
					header('Location: index.php?page='.$wynik_filtru.'');
				}
		?>
			<?php
				if(isset($_GET['wynik']))
				{
					echo '<form action="?" method="get">
					<input type="text" name="wynik" value="'.$_GET['wynik'].'" />
					<input type="submit" value="Szukaj" />
					</form>';
				}
					else
					{
						echo '<form action="?" method="get">
						<input type="text" name="wynik" value="Szukaj w serwisie..." onclick="this.value=\' \'" />
						<input type="submit" value="Szukaj" />
						</form>';
					}
			?>
		</div>
		<div class="menu1">
			<dl id="menu1">
				<dt><a href="index.php?page=testy">Testy:</a></dt>
				<?php
					include('include/db.php');
					$zapytanie = "SELECT * FROM `testy` ORDER BY `rok` DESC";
					$idzapytania = mysql_query($zapytanie);
					while($wierz = mysql_fetch_array($idzapytania))
					{
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					}
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					echo '<dd><a href="index.php?page=testy&id='.$wiersz['rok'].'">'.$wiersz['rok'].'</a></dd>';
					
				?>
			</dl>
			<script type="text/javascript">
				// <![CDATA[
				new Menu('menu1', 'position: absolute', true, true, 0, 0, -50, -50, true);
				// ]]>
			</script>
		</div>
	<a href="index.php?page=arkusz_kalkulacyjny">Arkusz kalkulacyjny</a>
	<a href="index.php?page=bazy_danych">Bazy danych</a>
	<a href="index.php?page=licencja">Licencja GPL GNU</a>
	</div>
			<div id="tresc">
					<?php
						if (!empty($_GET['page'])) 
						{
							switch($_GET['page'])
							{
								case 'testy':
								include('strona/testy.php');
								break;
								case 'arkusz_kalkulacyjny':
								include('strona/arkusz_kalkulacyjny.php');
								break;
								case 'bazy_danych':
								include('strona/bazy_danych.php');
								break;
								case 'mapa':
								include('strona/mapa.php');
								break;
								case 'licencja':
								include('strona/licencja.php');
								break;
								case 'szukaj':
								include('strona/szukaj.php');
								break;
								case 'komunikat':
								include('strona/komunikat.php');
								break;
								case 'paneladmina':
								include('panel/paneladmina.php');
								break;
								case 'dodaj':
								include('panel/dodaj.php');
								break;
								case 'edytuj':
								include('panel/edytuj.php');
								break;
								case 'usun':
								include('panel/usun.php');
								break;
								case 'edytuj_licencje':
								include('panel/edytuj_licencje.php');
								break;
								case 'zmien_haslo':
								include('panel/zmien_haslo.php');
								break;
								case 'rozmiar_pliku':
								include('panel/rozmiar_pliku.php');
								break;
								case 'ban':
								include('panel/ban.php');
								break;
								case 'komunikat':
								include('panel/komunikat.php');
								break;
								default :
								echo 'Wystąpił błąd.<br /> Niepoprawna nazwa pliku.';
								break;
							}
						}
							else 
							{
								$title = 'Strona Główna';
								include('strona/home.php'); 
							}
					?>
				</div>
					<div id="stopka">
						<?php
						for($i = 0; $i < strlen($HTTP_USER_AGENT); $i++)
						{
							if($HTTP_USER_AGENT[$i] == '(')
							{
								$a = $i; 
								break;
							}
						}
						$data = date("d.m.Y");
						$godzina = date("H:i");
						$ip = $REMOTE_ADDR;
						$host = gethostbyaddr($_SERVER['REMOTE_ADDR']);
						echo '<br />';
						echo '?<b>Data i godzina logowania: <font color="#009966">'.$data.' r.  '.$godzina.'</font></b>'; 
						echo '?<b>Twój adres IP: <font color="#009966">'.$ip.'</font></b>';
						echo '?<b>Twój Host: <font color="#009966">'.$host.'</font></b><br />'; 
						echo '?<b>Twoja przeglądarka: <font color="#009966">';
						for($i = 0; $i < $a; $i++) 
						{
							echo $HTTP_USER_AGENT[$i];
						}
						echo '</font></b><br /><br />'; 
						?>
							<?php
							$code = '<a style="text-decoration: none;" href="http://www.nportfolio.pl" class="powered">Adrian Nanys</a>';
							echo 'PHP, SQL, HTML, CSS coded by '.$code.'?<br /><a style="text-decoration: none;" href="index.php?page=mapa">Mapa witryny</a>?';
							?>
					</div>
</div>
</body>
</html>

I jak? Da się coś z tym zrobić :)?

[HTML][CSS]Wygląd menu

1 użytkowników online, w tym zalogowanych: 0, gości: 1

Praca dla programistów

Forum dyskusyjne

Sprawy administracyjne

O nas

Skontaktuj się z nami