HTML/CSS Frage zu CSS

[MisterSimpson]

Hi,

die Experten von euch werden sich wahrscheinlich totlachen, aber ich bekomme es nicht hin.

Habe hier folgendes in der style.css

.fz {
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {text-decoration: none}
}[/CODE]

Und dann habe ich:

<div class="fz" style="top:95px; left:900px; height:50px; width:210px;position:absolute">
<a class="fz" href="https://www.fantasticzero.com/comics/index.html" target="_blank">
<img  src="fz.png"  alt="Partner von Fantastic Zero" title="Partner von Fantastic Zero" border="0" />
</a> 
</div>

Das übernimmt er aber nicht. Möchte den blauen Balken da nicht haben. Zu sehen oben rechts auf www.simpsonsparadies.de

Zusatzfrage: Wie bekomme ich das Logo schön neben den Header? Von Bildschirmauflösung zu Bildschirmauflösung sieht dieses anders aus.

 

[MiD]

Macht es einen Unterschied bei CSS ob man das "A" groß oder klein schreibt?

 

[MisterSimpson]

Habe es jetzt so:

#fz {position: absolute; text-align: center;
left: 402px; top: 48px;
A:hover
font-size: 11px; color: #000000; text-decoration: none; border:0px solid #000000; background-color:none;}

<div id="fz">
<a id="fz" href="https://www.fantasticzero.com/comics/index.html" target="_blank">
<img  src="fz.png"  alt="Partner von Fantastic Zero" title="Partner von Fantastic Zero" border="0" />
</a> 
</div>

Ne andere Farbe geht, aber ich will ja gar keiner. Nur wie?

 

[Bububoomt]

#fz {
A:hover
..
}

wäre mir neu, das das geht, meinst doch:
#fz A:hover{
...
}

Das gilt dann für all A innerhalb der ID FZ beim Hover

Ach ja:
https://www.css4you.de/Texteigenschaften/text-decoration.html

gilt nur fürs unter,durchstrichen...

Versuch mal background-color:none; (noch nie getestet).

 

[MisterSimpson]

So das blaue ist weg. Jetzt geht aber die ganze Seite hoch und runter wenn ich darüber fahre. Was ist das denn jetzt...

 

[Astrodan]

Ich seh irgendwie keinen blauen Balken.

Die positionierung deines Logos würde ich mit "position: absolute" und Verwandten probieren

 

[MisterSimpson]

So das Problem habe ich auch behoben.

Sieht jetzt wie folgt aus:

#fz {position: absolute;
left: 505px; top: 49px;
A:hover {
text-decoration: none;
background-color:none;
border:0px
}
}

<div>
<a id="fz" href="https://www.fantasticzero.com/comics/index.html" target="_blank">
<img id="fz" src="fz.png"  alt="Partner von Fantastic Zero" title="Partner von Fantastic Zero" border="0" /></a> 
</div>

Nur ist das mit der Positionierung doof wegen der Bildschirmauflösung. Wie würdet ihr das lösen?

 

[Astrodan]

Nur ist das mit der Positionierung doof wegen der Bildschirmauflösung. Wie würdet ihr das lösen?

Die Positionierung deines Logos würde ich mit "position: absolute" und Verwandten probieren

Oder nicht?

 

[djws]

https://www.css4you.de/float.html
^^ damit vielleicht?

 

[B2T]

#fz {position: absolute;
left: 505px; top: 49px;
A:hover {
text-decoration: none;
background-color:none;
border:0px
}
}

Die Klammerung ist einfach nicht richtig. Wenn dann so:

#fz { position : absolute;
left : 505px; top : 49px;
}
a#fz:hover {
  text-decoration: none;
  background-color:none;
  border:0px
}