Textlink 50x50px ?

DaBe

Hallo

Ich will einen Link bauen z.B. 50x50px mit einem Bildlink geht das..aber wie kann ich das ohne image tag bewerkstelligen und nur textlink aber trotzdem 50x50px...halt anpassen via css?

aber wie mach ich das?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Fligor

So Moment,

deine Beschreibung ist leider etwas dürftig und wirr. Ich gehe davon aus, dass du definitiv ein Bild benutzen willst. Aber du möchtest kein img-tag benutzen, sondern nur ein a mit href denke ich. Zumindest habe ich es so verstanden.

Nein. Du kannst keinen Text auf einmal als Bild wiedergeben oder per css ersetzen lassen. Nutze doch das alt attribut im img tag. Dort kannst du das hereinschreiben, was du als Textlink formulieren wolltest. Ein Bild wird somit von g**gle als "Text erkannt".

MFG

fischnackdissen

Also wenn ich das hier mal wieder nicht falsch verstehe :=)

PHP

<div class="box">
<a href="#" class="box-a"></a>
</div>

passende CSS mit Bildangabe

PHP

.box a {
display: block;
width: 50px;
height: 50px;
background: url(PFAD zum BILD);
}
.box a:hover {
background: url(PFAD zum ANDEREN-BILD);
}

Und um alles ein wenig SEO-Freundlicher zu machen:

PHP

<div class="box">
<a href="#" class="box-a"><span>TEXT FÜR SEO</span></a>
</div>

passende CSS mit Bildangabe

PHP

.box a {
display: block;
width: 50px;
height: 50px;
background: url(PFAD zum BILD);
}
.box a:hover {
background: url(PFAD zum ANDEREN-BILD);
}
.box span {
 display: none;
 }

Alles anzeigen

Fisch

Fligor

Aber dann sieht man doch immer noch den text, oder bin ich Banane grad?
Willst du den Text sehen, oder nicht?

fischnackdissen

Den Text

PHP

<span>TEXT FÜR SEO</span>

sieht man nicht da in der CSS

PHP

.box span {
 display: none;
 }

steht

fischnackdissen

Anbei mal das ganze Beispiel:

PHP

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <style type="text/css">
<!--
.box a {
display: block;
width: 50px;
height: 50px;
background: url(http://www.google.de/intl/de_de/images/logo.gif);
}
.box a:hover {
background: url(http://petergasser.com/uploads/pics/google-pagerank-girl.jpg);
}
.box span {
 display: none;
 } 
-->
</style>
  </head>
  <body>
<div class="box">
<a href="#" class="box-a"><span>TEXT FÜR SEO</span></a>
</div>  
  </body>
</html>

Alles anzeigen

DaBe

hallo danke für die zahlreichen hilfen..

es ist leider anders. ich will den text sehen, dass bild nicht..der link soll einfach so gross sein wie das bild also die 50x50px ..

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Textlink 50x50px ?

Jetzt mitmachen!