Auf Thema antworten 2026

Beitrag

<blockquote data-quote="blizzart88" data-source="post: 1906718">Guten abend allerseits,ich soll einem Kumpel einen Button auf eine Internetseite setzen, der auf ein pdf-File verlinkt. Soweit so gut. Nur gelingt mir das ganze nur, wenn ich das Image des Button in den a-Tag schreibe, also der Link ein Image ist. Gibt es da eine CSS-Lösung, da ich noch ein hover-Image habe, das geladen werden soll.Ich habe zwar schon ein wenig rumprobiert und gegoogled, aber nichts brauchbares zu Tage gebracht.Vielleicht kann mir hier jemand helfen.Link der aktuellen Lösung: Meine vermurksten Versuche: und meine missglückten CSS-Versuche:&nbsp;[CODE]a.buttonflyer&nbsp; &nbsp; {width: 304px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 154px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-image:url(../../images/buttonflyer.png);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 154px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-indent: -9999px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; a.buttonflyer:hover&nbsp; &nbsp; {width: 304px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 154px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-image:url(../../images/buttonflyer-hover.png);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 154px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-indent: -9999px;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; #buttonflyer li {float: left;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; #buttonflyer&nbsp; &nbsp;&nbsp; {margin-left: 50%;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; padding: 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; list-style-type: none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #buttonflyer a.buttonflyer&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 304x;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 154px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display: block;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #fff;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-image: url(../../images/buttonflyer.jpg);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-color: #BA1414;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 154px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border: none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-indent: -9999px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; #buttonflyer a.buttonflyer:hover&nbsp; &nbsp;&nbsp; {background-color: #33f;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-image: url(../../images/buttonflyer-hover.jpg);}[/CODE]Wäre schön, wenn mir jemand auf die Schnelle helfen könnte. Danke schonmal im Voraus!PS: der konfuse Quellcode der Website mit DIV-Boxen im Tabellenlayout ist nicht von mir.</blockquote>

[QUOTE="blizzart88, post: 1906718"] Guten abend allerseits, ich soll einem Kumpel einen Button auf eine Internetseite setzen, der auf ein pdf-File verlinkt. Soweit so gut. Nur gelingt mir das ganze nur, wenn ich das Image des Button in den a-Tag schreibe, also der Link ein Image ist. Gibt es da eine CSS-Lösung, da ich noch ein hover-Image habe, das geladen werden soll. Ich habe zwar schon ein wenig rumprobiert und gegoogled, aber nichts brauchbares zu Tage gebracht. Vielleicht kann mir hier jemand helfen. Link der aktuellen Lösung: Meine vermurksten Versuche: und meine missglückten CSS-Versuche: [CODE] a.buttonflyer {width: 304px; height: 154px; background-image:url(../../images/buttonflyer.png); line-height: 154px; text-indent: -9999px;} a.buttonflyer:hover {width: 304px; height: 154px; background-image:url(../../images/buttonflyer-hover.png); line-height: 154px; text-indent: -9999px;} #buttonflyer li {float: left;} #buttonflyer {margin-left: 50%; padding: 0; list-style-type: none; } #buttonflyer a.buttonflyer { width: 304x; height: 154px; display: block; color: #fff; background-image: url(../../images/buttonflyer.jpg); background-color: #BA1414; text-align: center; line-height: 154px; border: none; text-indent: -9999px; } #buttonflyer a.buttonflyer:hover {background-color: #33f; background-image: url(../../images/buttonflyer-hover.jpg);} [/CODE] Wäre schön, wenn mir jemand auf die Schnelle helfen könnte. Danke schonmal im Voraus! PS: der konfuse Quellcode der Website mit DIV-Boxen im Tabellenlayout ist nicht von mir. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?