Antworten auf deine Fragen:
Neues Thema erstellen

<a> Zuweisungen überschneiden sich

Mikamuh

New Media Lover

Aloha,

in meiner css lege ich folgendes fest (Ausschnitt):
Code:
#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
 

Mikamuh

New Media Lover

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:

HTML:
/*=========================================

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
============================*/
 
Zuletzt bearbeitet:

cebito

undefined

AW: <a> Zuweisungen überschneiden sich

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

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

Mikamuh

New Media Lover

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" :rolleyes:


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
 
Zuletzt bearbeitet:

leohh

CSS verliebt

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

undefined

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...

Code:
#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

offline

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...
 
Zuletzt bearbeitet:

Herr_D

offline

AW: <a> Zuweisungen überschneiden sich

Bisschen umgemauschelt


HTML:
      <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


Code:
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

New Media Lover

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...

Code:
#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

offline

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

New Media Lover

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 :)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.615
Beiträge
1.538.352
Mitglieder
67.527
Neuestes Mitglied
Christian Eidelloth
Oben