• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Border ausblenden

Corraggiouno

Mitglied
HI,

möchte gerne den letzten weissen Border mit Hilfe einer Klasse ausblenden!
Kann mir jemand sagen warum dies bei mir nicht funktioniert?
css-code:
Code:
html {
height: 100.3%;
}

body {
font-family: Verdana, sans-serif;
font-size:0.8em;
background:#eeeeee;
}

* {
margin: 0;
padding: 0;
}

div#wrapper {
width: 910px;
margin:15px auto;
}

h1 {
background: url(../images/logo1.gif) no-repeat;
height:175px;
text-indent: -999em;
}

div#nav {
background: url(../images/nav_bg.gif) repeat-x;
width:900px;
height:40px;
margin-left:6px;
line-height:40px;
}

div#nav ul {
list-style-type:none;
}

div#nav li {
display: inline; 
float:left;

}

div#nav a {
display:block;
text-decoration: none;
color:#ffffff;
border-right-style: solid;
border-width: 1px;
border-color: #ffffff;
padding-left: 60px;
padding-right: 60px;
}

.otherborder {
border-style-right: none;
}

div#nav a:hover {
background: url(../images/nav_hover.gif);
}


div#maintext {
background: url(../images/maintext_bg.gif) repeat-y;
margin-left:6px;
width:900px;
height:350px;
padding-top: 25px;
}

mein html-code
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>NET</title>
<link href="css/mh.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<h1>NET</h1>
  <div id="nav">
    <ul>
     <li><a href="ueberuns.php">Home</a></li>
     <li><a href="leistung.php">Leistungen</a></li>
     <li><a href="support.php">Support</a></li>
     <li><a href="kontakt.php" class="otherborder">Kontakt</a></li>
    </ul> 
  </div>
  <div id="maintext">
  Test test test
  </div>
</div>
</body>
</html>

mein vorläufiges Ergebnis: NETCN - Computer und Netzwerktechnik
 
gibt der Eigenschaft der Klasse "otherborder" ein "!important" mit, damit sagst du, diese Eigenschaft soll nie überschrieben werden!
 
oh, super danke für den Tipp!
Mir ist aber irgendwie noch nicht so ganz klar, warum das nicht mit meiner Klassendefinition
Code:
.otherborder {
border: none;
}
funktioniert hat!
 
ok, aber ich kann doch div und class kombinieren. Ich definiere doch die Klasse direkt im HTML-Code!
Klar, div steht über class.
Dennoch müsste doch meine Definition funktionieren?!?
 
wenn du im firefox das plugin firebug hast, könntest du das sehen, ja.

Wie bereits gesagt zählt die definition eines Objektes (also anhand der ID mittels #) mehr als die defintion einer klasse.

Wenn du dennoch nur die klasse lassen willst (da es eventuell eine allgemeine klasse ist) kannst du das schlüselwort !important anfügen:

Code:
border: none !important;
 
Zurück
Oben