FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: CSS UL LI NAVI vom 27.04.2008

	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

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

Code:

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

sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 43
Geschlecht: Männlich

Verfasst So 27.04.2008 12:16
Titel

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

Ähnliche Themen

Typolight - Navi
navi gesucht
CSS Navi barrierefrei?
Bilder Navi
Horizontale ul-Navi
Navi und Box-Modell


	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.