Merkus: Positionierung einens Bildes innerhalb eines Rahmens

SELF-Forum

Positionierung einens Bildes innerhalb eines Rahmens

Merkus
– Informationen zu den Bewertungsregeln

Ichhabe einen Rahmen

.rahmen{width:500px; height:500px}

in diesem möchte ich rechts oben ein Symbol einblenden.

.rahmen .symbol  
	{  
	background: url(images/sym.gif)no-repeat 0 0;  
	height:50px;  
	width:50px;  
	position: relative;  
	border: 1px solid #000;  
	top:2px;  
	left:448px;  
	}

Bis hier her klappt es. Doch nun möchte ich weiter Text einbinden

.rahmen .text
{

}

Doch dieser Text fängt erst ab Ende des eingeblendet Symbols an, also 50 Pixel unter der Rahmen Linie. Ich möchte aber das der Text, genau Oben anfängt, unabhängig von meinem Symbol?

Markus

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Positionierung einens Bildes innerhalb eines Rahmens

    Matthias Apsel Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Om nah hoo pez nyeetz, Merkus!

    Doch dieser Text fängt erst ab Ende des eingeblendet Symbols an, also 50 Pixel unter der Rahmen Linie. Ich möchte aber das der Text, genau Oben anfängt, unabhängig von meinem Symbol?

    Du hast zwei Möglichkeiten. Das Ausschlussmodell befindet sich noch in der Diskussionsphase.

    Matthias

    --
    1/z ist kein Blatt Papier.

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Positionierung einens Bildes innerhalb eines Rahmens

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    @@Merkus:

    nuqneH

    in diesem möchte ich rechts oben ein Symbol einblenden.

    Was ist das für ein Symbol? Etwas anderes als ein Hintergrundbild?

    Vielleict möchtest du das Symbol nicht relativ, sondern absolut positionieren. Damit sich die Angaben auf den Rahmen beziehen, muss diese auch positioniert sein.

    Qapla'

    --
    Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Positionierung einens Bildes innerhalb eines Rahmens

      Merkus
      – Informationen zu den Bewertungsregeln

      Eigentölich ist es egal ob es ein Symbol ist, es kann auch nur ein 50x50 Pixel Kasten sein, er soll nur eben rechts oben sein, ergal was unter im noch steht.

      So des der Text eben links Oben anfängt.

      Ichhabe mir zwar die Seite angesehen, aber ich stelle mich doch etwas traumdusselig an.

        
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  
<html><head><title>klappt nicht</title>  
<style type="text/css">  
.rahmen  
	{  
	width:500px;  
	height:500px;  
	border: 1px solid #c0c0c0;  
	}  
  
.rahmen .symbol  
	{  
	background: url(images/sym.gif)no-repeat 0 0;  
	height:50px;  
	width:50px;  
	position: relative;  
	border: 1px solid #c0c0c0;  
	top:2px;  
	left:446px;  
	}	  
  
.rahmen .text  
	{  
	font-weight: bold;	  
	}  
</style>  
  
</head><body>  
	<div class="rahmen">  
		<div class="symbol"></div>  
		<div class="text">hallo</div>  
	</div>  
</body></html>

      Markus :-)

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Positionierung einens Bildes innerhalb eines Rahmens

        Gunnar Bittersmann Homepage des Autors
        – Informationen zu den Bewertungsregeln

        @@Merkus:

        nuqneH

        Warum antwortest du auf ungelesene Postings?

        Qapla'

        --
        Wer möchte nicht lieber durch Glück dümmer als durch Schaden klüger werden? (Salvador Dalí)
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

      2. Positionierung einens Bildes innerhalb eines Rahmens

        Steel
        – Informationen zu den Bewertungsregeln

        Hi!

        Wenn Gunnar so fragt, dann meint er:
        Mach gefaelligst aus der bloeden Grafik ein verdammtes Hintergrundbild, wenn es keine ausser einer schmueckenden Bedeutung hat, du Noob!

        Na gut. Ich weiss nicht, was er wortwoertlich meint, aber sinngemaess passt es sicher... ;)

        Falls Deine Grafik irgendeine Funktion erfuellt. (nen Hilfebutton oder weiss der Geier) nimm dir Gunnars Rat mit der absoluten Positionierung zu Herzen. Sollte klappen. Vielleicht funktioniert auch float fuer deine Beduerfnisse.

        --
        Signaturen sind blöd!
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln