kostenloser Webspace werbefrei: lima-city

Positionierungs Problem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   g********e

   18:50, 13.3.2013

   Hey Leute,
   ich habe eine kleine Auseinandersetzung mit CSS.
   
   Ich habe mal ein Beispiel mir überlegt, so kann ich es vielleicht am besten erklären:
   Ich habe ein Bild, dort möchte ich einen Link (kleines Kreuzchen) rechts unten in der Ecke haben. Wie mach ich das?
   
   Mit absoluter und relativer Positionierung Funktioniert es nicht weil ich nicht die genaue Position kenne. Wie löse ich dass dann?
   Ich habe es mit margin-right:0px; und margin-bottom:0px ausprobiert, aber wen man logisch nachdenkt kann das ja auch nicht das richtige sein.
   
   Danke im Voraus.
   
   Liebe Grüße
   Michael
   
   Beitrag zuletzt geändert: 13.3.2013 18:51:06 von giga-score

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. m**********n

   20:28, 13.3.2013

   Also wenn ich dich richtig verstehe:
   

   ...
   <div class=imgbox>
   	<img src="..." alt="..." />
   	<div class="close">
   		<img src="close.png" alt="close" />
   	</div>
   </div>
   ...

   
   
   ich würde dann

   .close

   relativ positionieren und dann

   right

   und

   bottom

   zu 0 (oder ein bisschen mehr, damit es besser aussieht) und natürlich noch einen

   z-index

   setzen.
   
   Ich kann mir ansonsten nichts anderes unter deinem Problem vorstellen.
   
   Lg
   mator
   
4. Autor dieses Themas

   g********e

   20:59, 13.3.2013

   mator-kaleen schrieb:
   Also wenn ich dich richtig verstehe:
   

   ...
   <div class=imgbox>
   	<img src="..." alt="..." />
   	<div class="close">
   		<img src="close.png" alt="close" />
   	</div>
   </div>
   ...

   
   
   ich würde dann

   .close

   relativ positionieren und dann

   right

   und

   bottom

   zu 0 (oder ein bisschen mehr, damit es besser aussieht) und natürlich noch einen

   z-index

   setzen.
   
   Ich kann mir ansonsten nichts anderes unter deinem Problem vorstellen.
   
   Lg
   mator
   

   
   
   Hey ^^
   danke erst mal für die Antwort :)
   
   nur leider ist es so, dass es irgendwie nicht mein Problem gelöst hat. Ich habe hier für dich jetzt mal meinen Individuell Angepassten Quellcode und ein Screenshot wo das Bild ist und wo es hin soll ;D
   
   Main-Datei:
   

   echo "<img class='img_box' src='media/images/".$return_notifications[$z1]['notifications_img_name']."'>";
   echo "<img src='media/close.png' class='close'/>";

   
   
   CSS-Datei:
   

   img.close {
   	position:relative;
   	right:0;
   	bottom:0;
   	height:1.5em;
   }

   
   
   Screenshot:
   Bild gelöscht
   
   Danke :D
   
   LG
   Michael
   
   -------- EDIT -------
   hat sich erledigt :D vielen vielen danke ^^ habs hingekriegt ;)
   ich sollte mal alles befolgen was im Beitrag geschrieben wird ^^
   
   CSS:
   

   img.close {
   	position:relative;
   	right:1.6em;
   	bottom:0.1em;
   	height:1.5em;
   }

   
   
   LG
   Michael
   
   Beitrag zuletzt geändert: 13.3.2013 21:06:12 von giga-score

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?