• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Grafik zentrieren und den Rand bei der Grafik ausblenden

Dionysos

Dionysos

Neues Mitglied
Hallo zusammen. :)

Ich verusche gerade eine Grafik auf meiner Homepage einzubinden, so das der graue Rand beim anklicken verschwindet.

Ich habe es folgendermassen versucht:

HTML: 
<a href="die verlinkte seite" target="_blank"><img src="grafikpfad" width="150" height="50" border="0" alt="grafkname"></a>

In Opera (10.61) zeigt er mir das korrekt an. Die Ränder sind weg. Bei Firefox (3.6.8) aber sind die Ränder immer noch da.

Zentrieren klappt auch nur mit
Code: 
<div align="center">...</div>
, gibts da nich die Möglichkeit die Grafik direkt und nich den Bereich zu zentrieren?

Wäre für jeden Tipp dankbar.

LG
Denis
 
Der Grafik mit CSS den Rand nehmen und zentrieren. Das border-Attribut solltest du nicht verwenden.

HTML:
HTML: 
<a href="#"><img class="bild" src="grafikpfad" width="150" height="50" alt="grafik Alternativtext"></a>
CSS:
HTML: 
.bild {
display: block;
margin: 0 auto;
border: 0;
}


Falls du dich noch nicht mit CSS beschäftigt hast, solltest du das unbedingt tun ;)
Workshop als Einstieg:
http://www.css4you.de/
 
Danke für die Hilfe. Also der HTML Code funktioniert. Das Problem ist, ich muss den Code innerhalb eines PlugIns in ein leeres Feld einfügen. Wo gehört da dann der CSS Code hin?

Mit CSS habe ich mich leider noch nicht beschäftigt. Habe mir zwar jetzt ein Buch bestellt aber bin noch diesbezüglich ziemlich grün hinter den Ohren. :)
 
vitus37 schrieb:
Dann lasse, bis du das Buch hast, jegliche Formatierung oder Layout deiner Seite weg, dies macht man einzig und allein mit CSS.
Zum Vergrößern anklicken....
Ich formatiere meine Seite nicht. Es geht um ein simples Bild, das in der News auf meinem Portal angezeigt wird. Das PlugIn für die News erlaubt dort eben html, php oder nur text. Damit verändere ich weder meine Seite noch mache ich was kaputt. Das einzige, was ich will, ist das Bild, verlinkt in der News ohne graue Ränder. Mehr nicht.
 
Oder in den Head teil deiner HP

HTML: 
<html>
    <head>
        <title>Test</title>
        <style type="text/css">
            .bild {display: block;margin: 0 auto;border: 0;}
        </style>
    <head>
    <body>
        <a href="#"><img class="bild" src="grafikpfad" width="150" height="50" alt="grafik Alternativtext"></a> 
    </body>
</html>

MFG
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben