Karsten: position absolute, Text und Link

SELF-Forum

position absolute, Text und Link

Karsten
– Informationen zu den Bewertungsregeln

Hallo,

bin etwas aus der Materie raus und schraube nach längerer Pause eine Website zusammen...

Bitte guckt mal: http://meyer-konstanz.de/Schweers/Profil.html

1. Ich möchte den Namen oben (ein h1-Element) als Link benutzen, aber ein Link wird mir nur in einem winzig kleinen Bereich am oberen rand (rotes hovern) gezeigt. Das hängt sicher mit dem absolut positionieren Bild dahinter zusammen, auf das ich aber schlecht verzichten kann.
Gibt es Abhilfe?

2. Und wo ich schon bei dieser Überschrift bin: Ideal fände ich, wenn ich wirklich die Grundlinie der oberen Zeile absolut positionieren könnte, und zwar relativ exakt an die rote Linie (diese ergibt sich aus einem Bild, dessen Höhe vom "roten Anschluss" im Logo abhängt und deshalb nicht variabel ist).
Exakt so, dass beim Vergrößern die Schrift nur nach oben wächst...
Auf eine Grafik mit der Schrift würd ich ja schon gern verzichten - momentan betrachte ich das als halbwegs brauchbaren Kompromiss.

3. Und als dritte Frage, wenn's erlaubt ist:
Wie krieg ich hier: http://meyer-konstanz.de/Schweers/index.html
die Bildunterschrift näher ans Bild? Alle margins und paddings sind doch schon  Null!

Besten Dank allen Helfern,
Karsten

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. position absolute, Text und Link

    thebach
    – Informationen zu den Bewertungsregeln

    Hallo

    1. Und als dritte Frage, wenn's erlaubt ist:
      Wie krieg ich hier: http://meyer-konstanz.de/Schweers/index.html
      die Bildunterschrift näher ans Bild? Alle margins und paddings sind doch schon  Null!

    Das liegt wohl an den line-height.

    --
    selfcode: ie:% fl:( br:> va:) ls:& rl:( n4:~ ss:| de:> js:( ch:? mo:} zu:)
    "Egal, ob ein Sandkorn oder ein Stein. Im Wasser sinken sie beide."
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. DANKE! Punkt 3 ist gelöst

      Karsten
      – Informationen zu den Bewertungsregeln

      Wie krieg ich hier: http://meyer-konstanz.de/Schweers/index.html
      die Bildunterschrift näher ans Bild? Alle margins und paddings sind doch schon  Null!

      Das liegt wohl an den line-height.

      Vielen Dank fürs Augen öffen!
      Karsten

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. position absolute, Text und Link

    Beat Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    bin etwas aus der Materie raus und schraube nach längerer Pause eine Website zusammen...

    Bitte guckt mal: http://meyer-konstanz.de/Schweers/Profil.html

    1. Ich möchte den Namen oben (ein h1-Element) als Link benutzen, aber ein Link wird mir nur in einem winzig kleinen Bereich am oberen rand (rotes hovern) gezeigt. Das hängt sicher mit dem absolut positionieren Bild dahinter zusammen, auf das ich aber schlecht verzichten kann.
      Gibt es Abhilfe?

    Ich sehe ein <img> absolut positioniert, dass im z-index über deinem Link liegt. Dadurch ist der darunter liegende Link für die Maus nicht erreichbar

    <img src="Logo-Links.gif" alt="" title=""
         style="position:absolute;
         top:1em; left:0px; width:77%;
         height:155px;">
    Das ist deine rote Verlängerungslinie.
    Abhilfe: h1 position absolute und z-index:10

    mfg Beat

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Danke!

      Karsten
      – Informationen zu den Bewertungsregeln

      Ich sehe ein <img> absolut positioniert, dass im z-index über deinem Link liegt. Dadurch ist der darunter liegende Link für die Maus nicht erreichbar

      Auch dir ein dickes Danke, Beat!
      Die absolute Positionierung der Überschrift hatte zwar Folgen für den gesamten Rest, aber ich hoffe, diese jetzt im Griff zu haben.

      Schönes Wochenende!
      Karsten

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln