mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 19:01 Benutzername: Passwort: Auto-Login

Thema: ganz simple CSS-Frage zu Border vom 13.06.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> ganz simple CSS-Frage zu Border
Autor Nachricht
Partychopper
Threadersteller

Dabei seit: 27.11.2003
Ort: Offenburg
Alter: 43
Geschlecht: Männlich
Verfasst Fr 13.06.2008 00:05
Titel

ganz simple CSS-Frage zu Border

Antworten mit Zitat Zum Seitenanfang

Hallo zusammen,
ich bin leider noch ziemlicher Laie und habe folgendes Problem:
In meiner Navi möchte ich zwischen allen Listenpunkten einen Trennstrich haben.
Ich habe dafür "border bottom: 1px" gewählt.
Nun möchte ich aber beim letzten Listenpunkt den "border bottom" deaktivieren.

Wie mache ich das am geschicktesten?
Ich habe versucht den <li>-Tag mit einem extra-Style zu versehen und dachte, dass dieses sich dann über die Styles des übergeordneten <div> hinwegsetzt. Funzt aber leider nich. Kann mir bitte jemand helfen??? * Keine Ahnung... *

Danke im Voraus!!!


Hier der Style:

Code:
#kontextnavi {
float:left;
width:135px;
height:360px;
background-color: #FFFFFF;
}

ul#Navigation a {
    display:block;
    padding: 2px;
    text-decoration: none; font-size: small; font-weight: normal;
   border-bottom: 1px solid #006600;
    color: #FFFFFF; background-color: #CC99FF;
  }


und hier der Auszug aus dem Code:

Code:
   <div id="kontextnavi">
 
      <ul id="Navigation">
          <li><a href="">Punkt1</a></li>
          <li><a href="">Punkt2</a></li>
          <li><a href="">Punkt3</a></li>
          <li><a href="">Punkt4</a></li>
         <li style="border-bottom:none"><a href="">Punkt5</a></li>
        </ul>
   
    </div>


Zuletzt bearbeitet von Partychopper am Fr 13.06.2008 00:07, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Fr 13.06.2008 00:53
Titel

Antworten mit Zitat Zum Seitenanfang

a hat die border, aber Du versuchst, sie li wegzunehmen. Tue das übrigens nicht per Inline-Style, sondern am besten per ID.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mogh

Dabei seit: 16.04.2008
Ort: mgleezi
Alter: -
Geschlecht: Männlich
Verfasst Fr 13.06.2008 02:52
Titel

Antworten mit Zitat Zum Seitenanfang

so sollte es gehen:

vorher:
<li style="border-bottom:none"><a href="">Punkt5</a></li>

nachher:
<li><a href="" style="border-bottom:none">Punkt5</a></li>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Partychopper
Threadersteller

Dabei seit: 27.11.2003
Ort: Offenburg
Alter: 43
Geschlecht: Männlich
Verfasst So 15.06.2008 14:35
Titel

Antworten mit Zitat Zum Seitenanfang

Danke euch!!! *Thumbs up!*
Was würde ich nur ohne dieses Forum machen... * Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Macromedia Flash 8 - (fast)simple Frage zu Links...
Bilder im A-Element haben trotz border:none einen border
CSS Bildlink: ohne border - hover: mit border
Frage zu "border-...-style"
img {border: 0;} oder img {border: none;}
IE7 und IE6 select border 0px
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.