zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild unabhängig zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.06.2013, 22:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2013
Beiträge: 1
flexwie befindet sich auf einem aufstrebenden Ast
Standard Bild unabhängig zentrieren

Hallo liebes Forum,

ich erstelle mit einem Freund eine kleine, schlichte Portfoliowebsite namens stuffr.org .
Da ich noch nicht viel Ahnung von CSS hab weil ich eigentlich mehr mit Java und C programmiere, stellt sich mir die Frage:
Wie kann ich die beiden Bilder so wie ich sie festgelegt habe auf jedem anderen Bildschirm, egal welcher Größe und Auflösung (mittig) anzeigen lassen?

Hier mal der Code:

Code:
<html>
<head>
   <title>
      stuffr
   </title>
   <script
      language="JavaScript">
      buttonfelixsw= new Image();
      buttonfelixsw.src = "felixsw.png"
      buttonfelixf= new Image();
      buttonfelixf.src = "felixf.png"
      buttoncedricsw= new Image();
      buttoncedricsw.src = "cedricsw.png"
      buttoncedricf= new Image();
      buttoncedricf.src = "cedricf.png"
   </script>
   <style type="text/css">
      body { margin: 0; padding: 0; height: 900px;}
      div {border: 0px solid #888;}
      #felix { position: absolute; top: 400px; left: 600px; width: 120px; height: 70px; z-index: 1; }
      #cedric { position: absolute; top: 400px; left: 1100px; width: 200px; height: 200px; z-index: 2; }
      #stuffr-logobanner { position: fixed; top: 0px; left: 0px; width: 2000px; height: 70px; }
      #stuffr-logo { position: fixed; top: 10px; left: 10px; width: 2000px; height: 70px;  }
   </style>
</head>
<body>
   <div id= "cedric">
      <a href="/cedric/"
      onmouseover="cedrichead.src='cedricf.png';"
         onmouseout="cedrichead.src='cedricsw.png';">
         <img src="cedricsw.jpg"
         border="0" width="200"height="200"
         name="cedrichead">
         >
      </a>
   </div>
   <div id= "felix">
      <a href="/felix/"
      onmouseover="felixhead.src='felixf.png';"
      onmouseout="felixhead.src='felixsw.png';">
         <img src="felixsw.jpg"
         border="0" width="200"height="200"
         name="felixhead">
      </a>
   </div>
   <div id="stuffr-logobanner">
      <div id= "stuffr-logo">
         <img src="logo.png">
      </div>
   </div>
</body>
</html>
Vielen Dank!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.06.2013, 16:37
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 10.12.2006
Beiträge: 887
threadi sorgt für eine eindrucksvolle Atmosphärethreadi sorgt für eine eindrucksvolle Atmosphäre
Standard

Korrigiere erstmal den HTML-Code. Dort fehlt ein Doctype und Leerzeichen zwischen Attributname und Attributwert sind auch nicht zulässig.

Wenn Du das hast kannst Du 2 Bilder, die nebeneinander stehen, zentrieren indem Du beide mit einem Element umgibst, welches Du zentrierst. Welche CSS-Eigenschaften dafür möglich sind, steht z.B. hier:
CSS: horizontale und vertikale Zentrierung

Übrigens sind Auflösungen für Webseiten völlig irrelevant, da sie in den seltensten Fällen diesen Bereich einnehmen. Den Bereich in dem man sie sieht nennt man Viewport.
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
bild, css, zentrieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
zu breites Bild zentrieren ohne Scrollbalken deelite CSS 1 25.04.2013 20:41
Bild in div vertikal zentrieren. serum CSS 2 01.02.2013 11:11
Bild in der Navigationsleiste zentrieren sumica CSS 8 19.06.2009 11:53
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE AndreasB CSS 11 13.03.2006 17:05


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:13 Uhr.