mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 18:01 Benutzername: Passwort: Auto-Login

Thema: CSS UL LI NAVI vom 27.04.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS UL LI NAVI
Autor Nachricht
niere5
Threadersteller

Dabei seit: 27.04.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst So 27.04.2008 09:18
Titel

CSS UL LI NAVI

Antworten mit Zitat Zum Seitenanfang

Hallo Leute ich bin neu hier und habe ein Problem, mit den ELEMENTEN UL LI

Code:
<div id="navigation"><ul>
 
   <li>Link1</li>
   <li>Link2</li>
   <li>Link3</li>
   <li>Link4</li>
   <li>Link5</li>
                            </ul></div>


Und hier CSS

Code:

#navigation{
      background-color:#FFFFFF;
      width: 179px;
      float:left;
      border-right: 1px solid #cccccc;
      }   
#navigation ul{
      padding:0px;
      margin:0px;
      }
#navigation ul li{
      list-style-image:url(pfeil.gif);
      list-style-position:inside;
      background-color:#e4e4e4;
      padding-left: 5px;
      border: 2px solid #fff;
      border-bottom: 1px solid #fff;
      }
#navigation ul li:hover{
      border-left: 2px solid #aa0000;
      border-right: 2px solid #aa0000;
      }


Mein Problem ist an dieser Stelle, dass ich den Pfeil nur mit list-style-position:inside; in die Navigation hineinbekomme. Und bei Umbrüchen der UL TAG halt nicht greift.

Das heisst ich habe es dann so:


- ganz langer
link


und das ist nicht sinn der sache.


Ich hoffe ich habe mein Anliegen gut rübergebracht. Hoffe ihr könnt mir helfen


vielen dank im voraus...


DIE NiErE
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst So 27.04.2008 12:16
Titel

Antworten mit Zitat Zum Seitenanfang

Code:

#navigation {
      background-color:#fff;
      width: 179px;
      float:left;
      border-right: 1px solid #ccc;
      margin: 0;
      padding: 0;
      list-style: none;
      }   
#navigation a {
     display: block;
     background: #e4e4e4 url(pfeil.gif) 0 0 no-repeat;
     border: 2px solid #fff;
     border-bottom: 1px solid #fff;
     }
#navigation a:hover {
      border-left: 2px solid #a00;
      border-right: 2px solid #a00;
      }
#navigation span {
     display: block;
     margin-left: 5px;
     }


Code:

<ul id="navigation">
 <li><a href="#"><span>Link</span></a></li>
 <li><a href="#"><span>ganz langer link Link</span></a></li>
</ul>


Zuletzt bearbeitet von sahnemuh am So 27.04.2008 12:17, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
 
Ähnliche Themen Navi und Box-Modell
Farbe der Navi
navi mit flash 8
IE Problem mit CSS Navi
Problem mit css navi
Simple Navi
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.