<a> Zuweisungen überschneiden sich

[Mikamuh]

Aloha,

in meiner css lege ich folgendes fest (Ausschnitt):

#footer a:link, a:visited, a:active, a:hover{font-family: "Myriad Pro", Arial; text-decoration: none; font-size: 8pt; font-weight: bold; color: #a8a6a6;}

a:link, a:visited, a:active, a:hover {font-family: "Myriad Pro", Arial; text-decoration: none; font-size: 11pt; font-weight: bold; color: #a8a6a6;}

aber anscheinend hat firefox ein problem damit (habe andere browser nicht getestet) er wechselt im Millisekundentakt zwischen den beiden Einstellungen hin und her, obwohl sich die entsprechenden Links garnicht im Footer befinden.

ist es falsch deklariert?

Michi

 

[cebito]

AW: <a> Zuweisungen überschneiden sich

Tausche mal die Reihenfolge in der css, manchmal hilft das.....

 

[Herr_D]

AW: <a> Zuweisungen überschneiden sich

html?


schon mal versucht, den footerlinks ne Klasse zuzuordnen statt ner Id?

 

[Mikamuh]

AW: <a> Zuweisungen überschneiden sich

hab mal die Seite hochgeladen:

www.nightshooter.de/detektei/index.htm

weder eine class noch das vertauschen hat etwas gebracht.

hier die css:

/*=========================================

CSS Datei zu www.detektei-fern.de

Autor: Michael Neumann

Datum: 11.04.09

Datei: meinestyles.css

==========================================*/

/*=======================================
  kalibrierung ========================*/
  
*{padding: 0; margin: 0; border:0;}


html {
  background-color: #FFFFFF;
  color: #000000;
  height: 101%;
  font-size:11pt;
}

/*=======================================
  allgemeine styles ===================*/
  
p   {padding: 0; margin: 0; border:0; font-family: "Myriad Pro", Arial; font-size: 11pt; font-weight: normal;}
h2  {padding: 0; margin: 0; border:0; font-family: "Myriad Pro", Arial; font-size: 15pt; color: #555555;}
h3  {padding: 0; margin: 0; border:0; font-family: "Myriad Pro", Arial; font-size: 11pt; color: #555555; padding-bottom: 10px;}
h5  {padding: 0; margin: 0; border:0; font-family: "Myriad Pro", Arial; font-size: 8pt; color: #555555; font-weight: normal;}

a:link, a:visited, a:active, a:hover {font-family: "Myriad Pro", Arial; text-decoration: none; font-size: 11pt; font-weight: bold; color: #a8a6a6;}


/*=======================================
  layout
  
  #wrapper
  _______________
  | #header         |
  |_____________|
  |#topmenu        |
  |---------------|
  |#content         |
  |_____________|
  |#footer______ |
  
======================================*/

  
    #wrapper {
      background-color: #FFFFFF;
      width: 400px;
      margin: 10px auto;
      padding-bottom: 10px;
    }
   
#header {
  background-color: #FFFFFF;
  background-image: url(images/logo.jpg);
  height: 97px;
  width: 204px;
}
  
#topmenu {
  background-color: #FFFFFF;
  margin-top: 30px;
  padding-left: 10px;
  height: 12px;
  width: 400px;
}     
    
#content {
  background-color: #FFFFFF;
  width: 400px;
  height: 370px;
  border: 1px solid #a8a6a6;
}
      #headline {
        margin-top: 20px;
        margin-left: 15px;
        text-align: left;
      }     
      
      #textbox {
        text-align: justify;
        margin-top: 20px;
        margin-left: 15px;
        width: 180px;
        color: #555555;
        position: relative;
      }
          
      #image {
        width: 161px;
        height: 107px;
        float: right;
        margin-right: 15px;
        position: relative;
        margin-top: 20px;
      }

#footer {
  text-align: center;
  font-family: "Myriad Pro", Arial;
  font-weight: bold;
  color: #a8a6a6;
  letter-spacing: 2px;
}
  .footer a:link, a:visited, a:active, a:hover{font-family: "Myriad Pro", Arial; text-decoration: none; font-size: 8pt; font-weight: bold; color: #a8a6a6;}

  
/*=======================================
  formularstyles ======================*/
  
    
form {
  background-color: white;
  color: black;
  width: 350px;
  margin-top:20px;
  margin-left: 15px;
}

label{
  display: block;
  cursor: pointer;
  padding: 0; 
  margin: 0; 
  border:0; 
  font-family: "Myriad Pro", Arial;
}

input#absender,
input#name, 
textarea {
  width: 300px;
  border: 1px solid #a8a6a6;
  margin-bottom: 1em; 
}

textarea { height: 7em; }

input#absender:focus,
textarea:focus,
input#name:focus {
  background-color: #d9d9d9;
  color:black;
}

#button {
  padding: 0; 
  margin: 0; 
  border:0; 
  font-family: "Myriad Pro", Arial;
}


/*=======================================
  angebotstyles =======================*/
  

  
/*============================
              ENDE
============================*/

 

[cebito]

AW: <a> Zuweisungen überschneiden sich

Ist vielleicht was mit deinem FF? Bei mir gibts kein "zappeln"

Edit: uups, jetzt hab ich's auch gesehn.........

 

[Mikamuh]

AW: <a> Zuweisungen überschneiden sich

sry ich hab das im ersten codefenster falsch dargestellt, eigentlich ist die reihenfolge umgekehrt, was man auch im kompletten stylesheet sehen kann.


@leohh ich glaub nicht dass es das ist, denn dann würde er nicht zwischen beiden hin und her springen sondern einfach letzteres nehmen.

Ist vielleicht was mit deinem FF? Bei mir gibts kein "zappeln"

du musst darauf achten das du mit der maus auf den unteren teil der schrift zielst dann wechselt es.

an alle: nur zum verständnis, ich rede von allen link die in der contentox sind! nicht die Navigation oder der footer

 

[leohh]

AW: <a> Zuweisungen überschneiden sich

Ich konnte mir jetzt ohne weiteres nichts genaues unter deiner Ausfuehrung vorstellen.
Aber nach nochmaligem lesen, und betrachten des Codes, meinst du wohl den Schriftwechsel zwischen 8pt und 11pt - jetzt hab ich's auch begriffen

Kann ich aber so nicht nachvollziehen.

 

[cebito]

AW: <a> Zuweisungen überschneiden sich

Hab immer noch keinen Plan, warum das so ist, aber du kriegst es zumindest mal weg, wenn du für #content nochmal extra was notierst...

#content a:link, a:visited, a:active, a:hover {
font-family: "Myriad Pro", Arial; 
text-decoration: none; font-size: 11pt; 
font-weight: bold; color: #a8a6a6;
}

 

[Herr_D]

AW: <a> Zuweisungen überschneiden sich

ich seh in der css keine Auszeichnung für normale Links?


Bau die mal ein und alles wird gut...


Edith... oh doch... css ist einfach zu unübersichtlich.... klemm dir mal die ganzen Kommentare, dann könnte es vielleicht auch funzen...




P.S. Das Layout ist ja mal richtig gut...

 

[waterwebdesign]

AW: <a> Zuweisungen überschneiden sich

Muss die ID in der CSS nicht vor jedes a? Also quasi

#footer a:link, #footer a:visited, #footer a:active, #footer a:hover
{...}

 

[cebito]

AW: <a> Zuweisungen überschneiden sich

Muss die ID in der CSS nicht vor jedes a? Also quasi

:kopfpatsch: wie war das mit dem Wald und den Bäumen.... *lol*

 

[Herr_D]

AW: <a> Zuweisungen überschneiden sich

Bisschen umgemauschelt

      <div id="footer">
      <br>
      <p><a href="http://www.nightshooter.de/" class="footerlink"><span style="font-size: 11pt;">©</span> by Michael Neumann</a>
      <br>
      <a href="http://www.nightshooter.de/detektei/impressum.htm" class="footerlink">Impressum</a></p>

      </div

a.footerlink:link, a.footerlink:visited, a.footerlink:active, a.footerlink:hover {
   font-family: "Myriad Pro", Arial;
   text-decoration: none; font-size: 8pt;
   font-weight: bold; color: #a8a6a6;}

 

[Mikamuh]

AW: <a> Zuweisungen überschneiden sich

Hab immer noch keinen Plan, warum das so ist, aber du kriegst es zumindest mal weg, wenn du für #content nochmal extra was notierst...

#content a:link, a:visited, a:active, a:hover {
font-family: "Myriad Pro", Arial; 
text-decoration: none; font-size: 11pt; 
font-weight: bold; color: #a8a6a6;
}

Vielen Dank das funktinioniert so. Hab dann auch die allgemeine deklarierung rausgenommen.

Danke!

P.S. Das Layout ist ja mal richtig gut...

Danke Herr_D!

Vielen dank an alle, das ihr euch die Zeit genommen habt!

 

[Herr_D]

AW: <a> Zuweisungen überschneiden sich

Muss die ID in der CSS nicht vor jedes a? Also quasi

So sieht das aus.... gar nicht beachtet, weil ich für Spezialsachen immer class einsetze




Übrigends, könntest du dir die ganzen Linkauszeichnungen sparen, da der Links sich ja nicht verändern soll?


es reicht also a {werte }

a.footerlink { werte } bzw. #footer a { werte }

 

[Mikamuh]

AW: <a> Zuweisungen überschneiden sich

Übrigends, könntest du dir die ganzen Linkauszeichnungen sparen, da der Links sich ja nicht verändern soll?


es reicht also a {werte }

a.footerlink { werte } bzw. #footer a { werte }

aso, ok. ich dachte ich muss immer alle angeben. Nicht das der IE oder Safari auf einmal macht was er will