Ergebnis 1 bis 3 von 3

Thema: Bild zentral positionieren und Imagemap

  1. #1
    christophe
    Gast

    Standard Bild zentral positionieren und Imagemap

    Hallo!

    Ich möchte auf der Startseite ein Bild (Größe absolut) zentrieren, das immer zentriert bleibt, egal wie groß das Browserfenster ist. Hinter dem Bild gibt es einen durchgängigen, einfarbigen Hintergrund, in dem das Bild zentriert ist.

    Meine Fragen:

    1.) Wie bekomme ich es hin, dass das Bild immer zentriert bleibt? Habe es schon so probiert, geht aber nicht:

    #bild {
    vertical-align:central;
    width:100%;
    height:100%;
    overflow:hidden;
    margin-right:auto;
    margin-left:auto;
    position:absolute;
    }

    2.) Kann ich das Bild mit einem Link (als Imagemap) versehen, auch wenn das Browserfenster flexibel bleibt? Das Bild soll ja eine feste Größe haben, je nachdem wird nur die Margin, die ja nichts anderes als der Hintergrund ist, veränderbar bleiben.


    Vielen Dank im Voraus
    und viele Grüße,

    Christophe
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    HTML Newbie
    Registriert seit
    13.11.2011
    Beiträge
    1
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Bild zentral positionieren und Imagemap

    Problem 1 hat sich nach ewiger Suche geklärt, bei Problem 2 bräuchte ich aber noch bitte Hilfe! Danke!

    Lösung:

    Code:
    body {
    
      background-repeat:no-repeat;
      background-color:#010101;
      margin: 0;
    padding: 0;
    width:100%;
    height:100%;
    }
    
    
    #start {
    	
    	border: solid #F00 2px;
    	width:800px; 
    	height:446px;
    	overflow:hidden;
    	position:absolute;
    	top:50%;
    	left:50%;
    	margin-left:-400px;
    	margin-top:-223px;


    HTML-Code:
    <body>
    <div id="start"><img src="start9.jpg" alt="test" title="startbild" /></div>
    </body></html>
    Geändert von christophe (13.11.2011 um 17:55 Uhr) Grund: Problem 1 geklärt

  3. #3
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Bild zentral positionieren und Imagemap

    Solange du ein Bild hast, dessen Größe gleich bleibt, sehe ich keine Probleme mit der Imagemap.
    Wäre interessant, das mal auszuprobieren
    Something big is coming. And there will be pirates and ninjas and unicorns...

Ähnliche Themen

  1. Bild positionieren
    Von Quino im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 18.01.2011, 08:33
  2. Bild positionieren
    Von Manjii im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 20.02.2009, 17:32
  3. Bild positionieren
    Von Gast im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 10.08.2007, 00:20
  4. Bild mit Tabelle positionieren !
    Von visualXXL im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 28.07.2006, 09:10
  5. css - bild positionieren
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 11.09.2005, 14:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •