|
|||
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> |
Sponsored Links |
|
|||
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. |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |