M
MXWorker
Aktives Mitglied
Thread Starter
- Dabei seit
- 12.03.2008
- Beiträge
- 132
- Reaktionspunkte
- 1
Wie bekomme ich das Menu am besten so das es sich automatisch an die Breite anpasst und die nächste Zeile dann auch den gleichen Abstand hat wie zwischen den einzelnen Menüpunkten und sich der Menüpunkt nicht teilt wie es gerade der Fall ist? Hat jemand ne Idee?
Hier der Code:
HTML
CSS
Hier der Code:
HTML
PHP:
<!-- NAVIGATION START -->
<div id="navigation"><a href="index.php" target="_self">Home</a><a href="villas_apartments.php" target="_self">Javea Holidays villas & apartments for rent</a><a href="all_properties.php" target="_self">View all Javea properties</a><a href="enquiry.php" target="_self">Enquiry Form</a><a href="enquiry.php" target="_self">Reduced Prices</a><a href="enquiry.php" target="_self">summer properties</a><a href="enquiry.php" target="_self">Winter properties</a></div>
<!-- NAVIGATION ENDE -->
CSS
PHP:
#navigation {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
height: 30px;
width: 760px;
margin-top: -5px;
text-align: center;
color: #000000;
float: left;
background-color: #006600;
font-weight: normal;
margin-bottom: 0px;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
margin-right: 0px;
margin-left: 0px;
}
#navigation a,
#navigation span {
background-color: #006600;
color: #FF9900;
padding: 3px;
border: 1px solid #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 0px;
margin-right: 2px;
margin-bottom: 0px;
margin-left: 2px;
}
#navigation a:hover,
#navigation a:focus {
background-color: #FF9900;
color: black;
border: 1px solid #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
Anhänge
Zuletzt bearbeitet: