zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hilfe img position

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.10.2013, 12:28
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.10.2013
Beiträge: 2
BoredAndy befindet sich auf einem aufstrebenden Ast
Standard Hilfe img position

Hi Leute, ich bin neu hier hoffe habe es richtig gepostet. Hatte jetzt 3 Doppelstunden Informatik in der Schule und versuche seit 2tagen meine erste Website. Habe jetzt 5-10Stunden gegoogelt und rumprobiert aber ich verzweifle ganz. Ich habe einen orangenen Hintergrund(background1) dann ein blaues Menü das aus einem png besteht(menü). Dieses Menü ist immer in der Mitte des Bildschirms. Nun möchte ich ein weiteres Bild hinzufügen(MauMau), dass immer 100px nach links und 30nach oben von der Mitte des Bildschirms ist. Somit habe ich dann in meinen Vorstellungen eine orangene Seite mit einem Blauen Menü mit einem Unterpunkt MauMau, und wenn ich die Seite kleiner ziehe bleibt das Blaue Menü in der Mitte und der Unterpunkt MauMau bleibt an der Stelle im Verhältniss zum blauen Menü, die er vorher auch hatte. Wie mache ich dass, das der img tag sich so verhällt. Danke für alle antworten, versucht es einfach zu gestallten bin noch unerfahren habe bis jetzt folgendes, funktioniert auch aber MauMau ist noch nicht auf der gewünschten position, allerdings will ich MauMau nicht als div, weil dann das mit denm Link nicht klappt.
HTML-Code:
<html>
  <head>
     <title>Meine Kartenspiel Website </title>
	 <meta name="description" content="Informatik Kurs Klasse 10 Marienschule Saarbrücken Kartenspiel"
	 
  </head>

  <body style="background-image:url('images/background1.png');">

   <div style="height:1000px; 
               background-image:url('images/menü.png');
               background-repeat:no-repeat;
			   background-position: center">
   <div style="height:1000px;
               background-image:url('images/logo.png');
               background-repeat:no-repeat;">	
			   
			   
	<a href="www.google.de" target="_blank" >		   
             <img src="images/MauMau.png" border="0" title="Test"> </a>
			   
            </div>
 
  </body>
</html>
Wenn die Frage zu kompliziert gestellt ist, fragt nochmal nach
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.10.2013, 12:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.10.2013
Beiträge: 2
BoredAndy befindet sich auf einem aufstrebenden Ast
Standard Nachtrag

Was ich vergessen habe, was aber auch nicht viel mit der Frage zu tun hat, oben links ist dann noch ein Logo.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.10.2013, 13:35
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Zitat:
Zitat von BoredAndy Beitrag anzeigen
Wenn die Frage zu kompliziert gestellt ist, fragt nochmal nach
Die Frage ist überhaupt nicht schwierig eher die Antwort. Ich denke du bist einfach noch nicht soweit, dich mit so komplizierter Materie, wie Menüs und Positionierungen zu beschäftigen.
Bei dir fehlt erst einmal der Doctype und der Zeichensatz im Head.
Beim IMG-Element fehlt das ALT-Attribut.
Unifarben und auch Farbverläufe als Hintergrund macht man nicht mit Bildern sondern mit den entsprechenden Angeben im CSS für Background.
Inlinestyles sind auch schlecht.
Und vermeide schon am Anfang die Verwendung von übermässigen DIV-Elementen.


Lese dich erst einmal in die Grundlagen ein:
CSS 4 You - The Finest in Stylesheets: Workshop CSS: Allgemeines
HTML5-Handbuch - Webkompetenz
I Einleitung - Little Boxes - Webseiten gestalten mit HTML und CSS (Peter Müller)
Float: Die Theorie

Menüs findest du dann hier:
Listamatic: one list, many options - Using CSS and a simple list to create radically different list options

Auf Fehler kann man seine Webseite im Validator testen:
Unicorn

Auch interessant:
Die 10 häufigsten Webdesign-Fehler des Jahres 2005 : Institut für Software-Ergonomie und Usability

Das sollte dich eine Weile beschäftigen
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Antwort

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
rahmen um bilder- was mache ich falsch? R0sa CSS 3 19.11.2012 17:35
div-höhe? - Hauptcontainer über ganze Seite will nicht... AndMei CSS 5 13.12.2010 15:43
z-index hoch, dennoch grafik nicht ganz oben bergg CSS 6 27.10.2010 17:02
Problem mit einem 3D-Effekt moep0710 CSS 12 12.06.2010 15:30
prblemme mit mein inhalt div carlos587261 CSS 3 23.04.2008 15:07


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:00 Uhr.