Benni: Bereich im Hintergrundbild asuwählen und verlinken

SELF-Forum

Bereich im Hintergrundbild asuwählen und verlinken

Benni Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo!

Ich hab n Hintergrundbild, und dort wollte ich einen Breich auswählen, wenn mann da drauf klcikt, dass mann dann weitergeleitet wird.

So hab ichs jetzt:
<body style="background-image:url(images/logo.jpg)" text="#ffffff">, aber irgendwie kann ich da nix mit area shape und koordinaten anfangen.

um mit area shape zu basteln, muss das in etwa so aussehen:

<a href="inhalt.htm"><img src="images/logo.jpg" width="1024" height="768" alt="Klicken" border="0"></a-->

ABER: jetzt hab ich nen weissen Rand drumrum.

Problem ist, dass das hintergrundbild der Startseite dasselbe ist, wie das Hintergrundbild der folgenden Seiten.
Nur auf der Satrtseite sind 2 Wappen.
Nach einem Klick ändert sich dann die Größe vom Bild, und das sieht nicht schön aus.

Die Wappen wurden abfotographietrt, und wurden bearbeitet, damit dort die Hintergrundfarbe weg ist, und gleich auf den Hintergrund gebastelt. Wenn ich die Wappen einzel gelassen hätte, dann hätten sie einen weissen rand bekommen, wenn ich sie per html eingebunden hätte.

Deswegen dieser Weg.

Welche möglichkeit hab ich?

DANKE

Benni

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. border bei <img> in <a> Elementen

    Felix Riesterer Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Lieber Benni,

    Ich hab n Hintergrundbild, und dort wollte ich einen Breich auswählen, wenn mann da drauf klcikt, dass mann dann weitergeleitet wird.

    Wie man Image Maps benutzt steht in SELFHTML ziemlich gut erklärt, daher gehe ich darauf jetzt nicht ein. [<http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#definieren@title=verweis-sensitive Grafiken definieren>]

    ABER: jetzt hab ich nen weissen Rand drumrum.
    [...] Welche möglichkeit hab ich?

    Wenn ein solches Konstrukt <a href="..."><img ... /></a> um das Bild einen Rahmen erzeugt, dann liegt das am standardmäßig vom Browser verwendeten Stylesheet, welches anklickbare Bilder in Links mit einem Rahmen versieht.

    Du kannst mittels CSS (daher habe ich das Thema auf CSS geändert) diesen so erzeugten Rahmen "abstellen". Solltest Du ein externes Stylesheet benutzen (sehr sinnvoll!) dann kannst Du dort notieren:

    a img {  
    border: none;  
}

    Da Du aber momentan anscheinend noch mit inline-Styles operierst (das ist nicht so sinnvoll!) könntest Du auch direkt im HTML-Code folgendes schreiben

    <a href="..."><img ... style="border: none;" /></a>

    Inline-Styles lassen sich nur extrem schlecht pflegen, wenn man ein Layout später einmal ändern möchte, denn dann muss man jede einzelne Seite neu anfassen und verändern, anstatt nur am zentralen Stylesheet die Veränderungen vorzunehmen. Aber vielleicht steigst Du ja einmal auf externe CSS-Dateien um?

    Liebe Grüße aus Ellwangen,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln