mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 17:56 Benutzername: Passwort: Auto-Login

Thema: CSS 2 Spaltenmenü ich habe hier ein kleines Problem vom 06.03.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS 2 Spaltenmenü ich habe hier ein kleines Problem
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
Maximus73
Threadersteller

Dabei seit: 10.11.2007
Ort: Stadt
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 13:11
Titel

CSS 2 Spaltenmenü ich habe hier ein kleines Problem

Antworten mit Zitat Zum Seitenanfang

Hallo liebe Forengemeinde ich habe hier ein kleines Problem[/code] ich hoffe ihr könnt mir helfen ich habe erst seit Jan.eine Ausbildung zum MG und einen Auftrag nun habe ich ein problem das wenn ich im oberen Bereich den Hoover Rot nicht Rausbekomme und die Links sollen auch immer zentriet sein im grauen bereich biss hierhin habe ich es alleine geschafft könnte mir mal jemand helfen

aso im ie wird das auch nich richtig dargestellt.

in diesem Sinne LG Marco und danke im vorraus



Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="all">


   #nav {
      margin: 0;
      padding: 0;
      
   }

   #nav li.on ul, #nav li.off ul {
   
      margin: 0;
      padding: 0;
   }

   #nav a {
      text-decoration: none;
   }

   #nav li {
      margin: 0;
      float: left;
      display: block;
      padding-right: 1px;
   }

   #nav li ul {
      display: none;
      
   }

   #nav li.off ul, #nav li.on ul {
      position: absolute;
      top: 33px;
      *top: 44px;
      left: 2px;
      padding-top: 10px;
      background: gray;
      height: 28px;
      width: 800px;
   }

   #nav li a {
      background: #000;
               color: #fff;
               font-weight: bold;
      display: block;
      height: 15px;
      width: 100px;
      border: 0px solid #000;
      padding: 5px;
   }

   #nav li.on a {
       border: 0px solid #000;
       color: #fff;
                background: #000;
   }

   #nav li.on ul a {
      background-color: gray;
      float: left;
      border: 0;
      color: #fff;
      width: auto;
      margin-right: 20px;
   }
   
   #nav li.off a {
      border: 0px solid #000;
      color: #fff;
               background: #000;
   }

   #nav li.off ul a {
      background-color: gray;
      float: left;
      border: 0;
      color: #fff;
      width: auto;
      margin-right: 20px;
   }

   #nav li.on ul {
                       display: block;
   }

   #nav li.off:hover ul {
              display: block;
      z-index: 6000;
            }

   #nav li.off a:hover {

          color: red;
   }
   #nav li.on a:hover {

          color: red;
   }
   #nav li:hover a {
          color: gray;
   }


   body {
   background-color: #000000;
}
</style>
</head>
<body contentEditable="false">

   <ul id="nav">
   
      <li class="on"><a href="#">link3</a>
   <ul>
   </ul></li>
   <li class="off"><a href="#">link1</a>
   <ul>
      <li><a href="#">link1.1</a></li>
      <li><a href="#">link1.2</a></li>
   </ul></li>
   <li class="off"><a href="#">link2</a>
   <ul>
      <li><a href="#">link2.1</a></li>
      <li><a href="#">link2.2</a></li>
   </ul></li>
   <li class="off"><a href="#">link4</a>
   <ul>
      <li><a href="#">link4.1</a></li>
      <li><a href="#">link4.2</a></li>
   </ul></li>
   <li class="off"><a href="#">link5</a>
   <ul>
      <li><a href="#">link5,1</a></li>
      <li><a href="#">link5,2</a></li>
   </ul></li>
   <li class="off"><a href="#">link6</a>
   <ul>
      <li><a href="#">link6,1</a></li>
      <li><a href="#">link6,2</a></li>
   </ul></li>
   <li class="off"><a href="#">Kontakt</a>
   <ul>
      <li><a href="#">Kontakt1</a></li>
      <li><a href="#">Kontakt2</a></li>
   </ul></li>
</ul>
</body>


Zuletzt bearbeitet von Maximus73 am Fr 07.03.2008 11:20, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 13:31
Titel

Antworten mit Zitat Zum Seitenanfang

Keine Ahnung ob ich das richtig verstehe, da fehlts ziemlich zu einer deutlichen Beschreibung.
Aber es gibt schließlich nur zwei :hover Regeln die rote Schriftfarbe enthalten das sollte selbst
einem Blinden auffallen, nehm sie halt raus, wo liegt das Problem?


Zuletzt bearbeitet von m am Do 06.03.2008 13:32, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Maximus73
Threadersteller

Dabei seit: 10.11.2007
Ort: Stadt
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 13:58
Titel

re

Antworten mit Zitat Zum Seitenanfang

ich denke mal das ich mich eigendlich ziemlich gut herausgrdrückt habe aber wenn ich den roten hoover effeckt herausnehme dann nehme ich den wo anders auch raus wenn du den quelltext geladen hättest hättest du es bestimmt mitbekommen gesehen gemerkt...
und im ie läuft der auch nicht richtig
in diesem Sinne LG Marco
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:15
Titel

Re: re

Antworten mit Zitat Zum Seitenanfang

Maximus73 hat geschrieben:
das ich mich eigendlich ziemlich gut herausgrdrückt habe


*ha ha* sorry, den konnt ich mir nicht verkneifen.

ich verstehe m - war/ist wirklich nicht ganz so einfach zu verstehen. aber die antwort gibst du dir eigentlich schon selbst. wenn du willst, dass sich ein link optisch anders verhält als der andere, dann ...?

dann musst du diese auch separat definieren... also einmal "off" für die, die rot werden sollen, und dann strickst du dir noch eine klasse dazu, die halt nicht "off" heißt und nicht rot wird...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 14:15
Titel

Antworten mit Zitat Zum Seitenanfang

So, meine Antwort kam um 13:31 Uhr, editiert hast du deinen Beitrag zehn Minuten später aber
besser verständlich wurde er dadurch immer noch nicht. Jetzt habe ich aber verstanden worum
es dir geht. Aber ja * Du kannst mich mal... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Maximus73
Threadersteller

Dabei seit: 10.11.2007
Ort: Stadt
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 15:38
Titel

Antworten mit Zitat Zum Seitenanfang

ich habe nicht den beitrag edetiert sonder den queltext aber ist ja auch egal dann lassen wir es.
den habe ich auch edetiert *ha ha* und der * Du kannst mich mal... * geht zurück musst nicht glech beleidigend wenden
ich dachte das ist ein forum und kein kindergarten schon allein dein spruch ich mein deine sig politik kannst wo anders machen


Zuletzt bearbeitet von Maximus73 am Do 06.03.2008 15:42, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 15:42
Titel

Antworten mit Zitat Zum Seitenanfang

Maximus73 hat geschrieben:
ich habe nicht den beitrag edetiert sonder den queltext aber ist ja auch egal dann lassen wir es.
den habe ich auch edetiert *ha ha*


Au weia!


Maximus73 hat geschrieben:
ich habe nicht den beitrag edetiert sonder den queltext aber ist ja auch egal dann lassen wir es.
den habe ich auch edetiert *ha ha* und der * Du kannst mich mal... * geht zurück musst nicht glech beleidigend wenden
ich dachte das ist ein forum und kein kindergarten schon allein dein spruch ich mein deine sig politik kannst wo anders machen


Au weia!


Zuletzt bearbeitet von m am Do 06.03.2008 15:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Maximus73
Threadersteller

Dabei seit: 10.11.2007
Ort: Stadt
Alter: -
Geschlecht: Männlich
Verfasst Do 06.03.2008 15:45
Titel

Antworten mit Zitat Zum Seitenanfang

geh in deinen kindergarten ich binn jetzt wech hier
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen kleines CSS Problem
Kleines CSS-Problem
[CSS] Kleines CSS-Problem
kleines flash problem
Kleines vBulletin/JS/IE Problem
kleines Javascript problem
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4  Weiter
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.