subTabMenu: Border muss weg

**Alexander Ebert** · Jul 13th 2009

Klar, weil du blind den Code eingefügt hast und nicht gemerkt hast, dass ich "Tab" und "Menu" verdreht habe Korrekt heißt es:

CSS

.activeSubTabMenu a:active, .activeSubTabMenu a:hover {
  border: 0;
}

eXpress · Jul 13th 2009

sorry, geht immer noch nicht

**Alexander Ebert** · Jul 13th 2009

Poste bitte Mal den Codeausschnitt auf den du dich beziehst.

eXpress · Jul 13th 2009

HTML

<div class="subTabMenu">
    	<div class="containerHead">
	 	<ul>
	  	<li><a href="index.php?page=????"><img src="{@RELATIVE_WCF_DIR}icon/infoportal/forumN.png" alt="" />&nbsp;Informationsportal</a></li>
		  <li><a href="index.php?page=????"><img src="{@RELATIVE_WCF_DIR}icon/infoportal/adminToolsLostNFoundN.png" alt="" />&nbsp;Asperger Syndrom</a></li>
	  	<li><a href="index.php?page=????"><img src="{@RELATIVE_WCF_DIR}icon/infoportal/adminToolsSpiderN.png" alt="" />&nbsp;Linkliste</a></li>
		  <li><a href="index.php?page=????"><img src="{@RELATIVE_WCF_DIR}icon/infoportal/incendiumN.png" alt="" />&nbsp;Buchtipps</a></li>
      	<li class="activeSubTabMenu"><a href="index.php?page=????"><img src="{@RELATIVE_WCF_DIR}icon/infoportal/membersN.png" alt="" />&nbsp;Videos</a></li>
      	<li><a href="index.php?page=????"><img src="{@RELATIVE_WCF_DIR}icon/infoportal/kontaktformularml9N.png" alt="" />&nbsp;Kontaktstellen</a></li>
	 	</ul>
		</div>
  	</div>

Display More

Reicht das oder soll ich das ganze div main posten?

**Alexander Ebert** · Jul 13th 2009

CSS

.activeSubTabMenu {
  border: 0;
}

Das sollte gehen.

eXpress · Jul 13th 2009

leider nicht

**Alexander Ebert** · Jul 13th 2009

CSS

.activeSubTabMenu a {
  border: 0;
}

Nächster Versuch

eXpress · Jul 13th 2009

Quote from dtdesign
CSS
.activeSubTabMenu a {
  border: 0;
}

[Blocked Image: http://www.asperger-forum.ch/forum/chat/img/emoticons/nein.gif]

Trotdem vielen Dank

**Alexander Ebert** · Jul 13th 2009

Dann poste doch bitte den Link zu der Seite, dann schaue ich es mir direkt an...

eXpress · Jul 13th 2009

dtdesign

you've got pn

**Alexander Ebert** · Jul 13th 2009

CSS

.activeSubTabMenu a {
  border: 0 !important;
}

Damit klappt es auf jeden Fall, da die Border vom a-Element verursacht wird. Statt einer 0 kannst du auch

CSS

border: 1px solid !important;

setzen bzw. vergleichbares. Wichtig ist hier der Zusatz "!important", ansonsten wird es nicht übernommen. Getestet und funktioniert

eXpress · Jul 13th 2009

Supi

Nun, gibt es den Rahmen nur noch beim Hover. Dazu habe ich mir folgendes gebastelt:

CSS

.containerHead a:hover {
  border: none !important;
}

Nur verschiebt es mir nun beim Hover den Link um ca. 1 px :pinch:

**Alexander Ebert** · Jul 13th 2009

Entweder Rahmen gleichfarbig gestalten oder den Innenabstand (CSS-Attribut "padding") erhöhen um das Ganze optisch auszugleichen. Alternativ bei allen Elementen die Border wegnehmen.

eXpress · Jul 13th 2009

Hallo

Ich habe noch einwenig CSS Code durchwühlt. Diese beiden Abschnitte müsste ich löschen:

CSS

.subTabMenu ul .activeSubTabMenu a,.subTabMenu ul li a:hover{border-style:dotted}

CSS

.subTabMenu li.activeSubTabMenu a, .subTabMenu li a:hover {border-width:0px; padding: 1px 5px;}

Wenn ich diese Einträge lösche ist es so wie ich es haben wil Nur speichert es der Stileditor natürlich immer wieder rein.

Ist es möglich, über die Zusätzlichen CSS Deklarationen die 2 Einträge ausser Kraft zu setzen?

Vielen Dank fürs nochmals helfen

eXpress · Jul 14th 2009

Sodele.

Problem gelöst.

CSS

.subTabMenu li.activeSubTabMenu a, .subTabMenu li a:hover {
  padding: 2px 6px !important;
  border: none !important;
}

Mit diesem Code, werden b eide Probleme in einmal behoben

subTabMenu: Border muss weg

Participate now!

Share