html - ul og li det ser forkert ud - Udvikleren.dk - Programmering, webdesign og grafik

Tags: css html

Bruger #16353 @ 15.01.12 20:49

Hej

Det er sådan at jeg er i gang med at lave en menu men det har jeg snart lavet utroligt mange gange og det her virker overhovedet ikke på nogle måde.. jeg synes det virker meget mærkeligt

og det her er html/php siden ;

HTML kode

 <?php include("include/database/database.php");?>
 <!DOCTYPE HTML>
 <html>
 <head>
 <system.web>
   <globalization responseEncoding="utf-8" requestEncoding="utf-8" fileEncoding="utf-8" />
 </system.web>
 <link rel="stylesheet" type="text/css" href="style/style.css">
 <title>..... DU FÅ DET IKKE AF VIDE!!</title>
 </head>
 <body>
 <?php include("include/logo.php");?>
 <div id="wrapper">
 <?php include("include/banner.php");?>
 <!--Menu-->
         <?php
             $result = mysql_query("SELECT * FROM menu");
             while($row = mysql_fetch_array($result)) {
         ?>
         <div id="menu">
             <ul>
                 <li><a href="<?php echo $row["side"];?>"><?php echo $row["side_navn"];?></a></li>
               </ul>
           </div>
         <?php
             }
         ?>
             
 
 </div>
 </body>
 </html>

CSS kode

 @charset "utf-8";
 * {
     padding:0px;
     margin:0px;
 }
 body {
     background:url(../img/bg-info/bg.png) #333;
     font-family:Arial, Helvetica, sans-serif;
     font-size:14px;
     width:970px;
     margin:0 auto;
 }
 #wrapper {
     background:#FFF;
     min-height:600px;
 }
 #menu {
      background:#d4d4d4;
      padding:5px;
 }
 #menu ul li {
     display:inline;
     padding-left:20px;
 }
 #menu ul li a {
     text-decoration:none;
     border-bottom:1px #d4d4d4 solid;
     color:#000;
 }
 #menu ul li a:hover {
     background:url(../img/bg-info/menu/menu_ahover.png) repeat-x;
     text-decoration:none;
     border-bottom:#F60 1px solid;
     color:#fff;
 }

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 13 karma

Sorter efter stemmer Sorter efter dato

Bruger #955 @ 15.01.12 20:58

1.624

Er det meningen du vil have en ny div til hver sql row? Eller skal alt samles i en list som her:

PHP kode

 <div id="menu">
              <ul>
 .         <?php
              $result = mysql_query("SELECT * FROM menu");
              while($row = mysql_fetch_array($result)) {
          ?>
 
                  <li><a href="<?php echo $row["side"];?>"><?php echo $row["side_navn"];?></a></li>
 
          <?php
              }
          ?>
                </ul>
            </div>

Indlæg senest redigeret d. 15.01.2012 20:58 af Bruger #955

Bruger #11361 @ 15.01.12 21:07

106

Du har lagt både <div> og <ul> inde i din while løkke..
Så der udskrives en ny for hver post der er i databasen som rammer den beskrivelse du har lavet i dit query..

EDIT:
Never mind.. Blev lige forstyrret imens jeg skrev.. Og så var de andre på pletten..

Indlæg senest redigeret d. 15.01.2012 21:07 af Bruger #11361

Bruger #4487 @ 15.01.12 20:58

1.384

Og hvad er det så problemet er?

----- EDIT -----
Stefan har vist luret problemet

Indlæg senest redigeret d. 15.01.2012 20:59 af Bruger #4487

Bruger #16353 @ 15.01.12 21:01

-108

Er det meningen du vil have en ny div til hver sql row? Eller skal alt samles i en list som her:

PHP kode

 <div id="menu">
              <ul>
 .         <?php
              $result = mysql_query("SELECT * FROM menu");
              while($row = mysql_fetch_array($result)) {
          ?>
 
                  <li><a href="<?php echo $row["side"];?>"><?php echo $row["side_navn"];?></a></li>
 
          <?php
              }
          ?>
                </ul>
            </div>

Hold kæft noget lort eller hvad man siger

haha Takker mange gerne for hjælpen begge to!..

ul og li det ser forkert ud

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler