Links als Button

[Ninimaus]

Hallo zusammen,

habe vorhin etwas über Suchmaschinenoptimierung gelesen und stelle mir nun folgende Frage:

Auf unserer Internetseite sind alle Links auf der linken Seite als Grafische Buttons dargstellt. Nun habe ich gelesen das die meisten Suchmaschienen diesen Links überhaupt nicht folgen bzw sie nicht als solche erkennen.

Gibt es eine Möglichkeit das zu ändern ?

Welche Alternativen habe ich ?

[WME`Stone]

Ja.. das a-Tag mit CSS formatieren, Höhe, Breite, Hintergrundbild...

[Ninimaus]

hab das gerade mal gegoogelt leider hab ich jetzt nichts brauchbares finden können.

Wird das einmal definiert oder wird das Tag in jede Tabellenzeile eingefügt wo sich jetzt die normalen Bilder befinden ?

[Ninimaus]

Ich hab noch eine bessere Idee . Gibt es nicht eine möglichkeit eine Schrift zu "erzwingen" ? Ich lager die *.ttf auf dem Webspace aus und der Browser holt sie sich ? Dann müsste ich keine Buttons mehr verwenden, dann sind es Textlinks

[WME`Stone]

Nein... eine Schrift MUSS auf dem Rechner des Users installiert sein um sie darstellen zu können, deswegen gibt man ja auch in CSS Schriftfamilien an um Alternativschriftarten anzugeben, falls die "erste Wahl" nicht installiert ist.

Nach wie vor geht eine ausergewöhnliche Schriftart nur per Bilder.

Zu deinem Problem gibt es auch eigentlich nichts zu googlen. Einfach eine Klasse definieren und dem a-Tag hinzufügen. ( <a class="bild-xyz">bla</a> )

Man kann auch das a-Tag direkt definieren ( a {} ), was sich dann aber auf alle Links auswirkt (was ja in dem Fall nicht erwünscht ist, jedoch sinnvoll um allen Links eine Farbe zuzuweisen etc.

[Ninimaus]

Beispiel

Wenn der folgende Link

<A class="external"
href="http://out.side/">external link</A>

besucht wurde, bewirkt die folgende Regel

A.external:visited { color: blue }

dass er blau dargestellt wird.

Geht es um sowas ?

Dann ist "bild-xyz" die Klasse

aber irgendwie rall ich nicht wie jetzt das Bild dort hineinkommt ?! Vielleicht ist es auch zu spät für mich

[WME`Stone]

Jupp im Prinzip genau so.. nur dass es in deinem Beispiel um eine Pseudo-Klasse geht (:visited)

Angewand auf dein Beispiel wäre die CSS dann etwa so:

.external {
    width: 150px; /* Bildbreite */
    height: 50px /* Bildhöhe */
    background: url(img/pic.jpg) no-repeat; /* Button-URL */
}

Was heißt es wäre zu spät? Hab 12 Bier drin ja und?

[Ninimaus]

Hehe, mein Schnuckelchen liegt hier neben mir auf dem Sofa und macht Heia und ich quarz hier eine nach der anderen.

Hab nochwas gefunden, denke das trifft eher zu.

     <a class='tooltip' href='img3.jpg'>
       <img src='img1.jpg' alt=''>

Bedeutet das ich muss für jeden Button eine Klasse erstellen ?

[WME`Stone]

Im Prinzip heißt es das ja, aber man kanns auch anders regeln bzw einbauen. Statt etliche Klassen zu erstellen würde sich dann das style-Element eher eignen. Funktioniert genauso nur ist direkt eingebunden in die HTML.

Also:

<a style="width: 150px; height: 50px; background: url(img/pic.jpg) no-repeat;">bla</a> 

Du brauchst definitiv das img-Tag nicht!

[Ninimaus]

<a class="bild" href="main.php" target="mainFrame" border="0"><img src='Bilder/startseite.jpg' alt='x'></a>

Jetzt ist da ein schwarzer Rahmen um das Bild und der ist mit dem Hover Effekt ausgestattet.

So war das nicht gedacht

mh und der a style Tag läuft nicht . Er zeigt kein Bild an