|
|||
Problem
Hallo, bin neu hier im forum weis nicht ob ich das hier der richtige ort ist hoffe schon . hab folgendes problem bzw erst mal mein vorhaben :
will ein Titelbild das ich in der mitte oben hab, da drunter eine menüleiste bestehnd aus einem im div eingeschlossen hintergrund bild und 5 dort drauf plazierten div containern mit dem Inhalt klapt ganz gut konnte sie gut positionieren usw wollte jetzt unter dem ersten bild (dem titel bild) und dem 2ten (der menüleiste) jetzt ein drittes ganz großes bild machen das die ganze website gestalltet und in diesem großen hintergrund bild dann mit verschiedenen div containern bilder text usw an gewissen stellen plazieren. hoffe das ist gut verständlich versuch mein bestes . zuerst mal hab ich ganz unten einen cod der meinen ganzen sachen zentriert auf der seite was auch gut klapt: Code:
body { width: 750px; margin: 00auto; background-color: #FFFF99; } Code:
<div style="background-image:url(menüleiste.jpg); height:50px; width:1000px;"> <p><div style="margin-top:10px; margin-left:10px; position:absolute; width:px; font-family:Stencilia-A;font-size:26px; "<id="startseite"><a onmouseover="showWMTT('1')" onmouseout="hideWMTT()" href="www.google.de"><strong>Inhalt</strong></a><div id="1" class="tooltip"><img src="kleinehantel.jpg"></div> <div style="margin-top:0px; margin-left:30px; position:absolute; width:100px; font-family:Stencilia-A;font-size:26px; "<id="startseite"><a onmouseover="showWMTT('2')" onmouseout="hideWMTT()" href="www.google.de"><strong>Inhalt</strong></a><div id="2" class="tooltip"><img src="kleinehantel.jpg"></div> <div style="margin-top:0px; margin-left:30px; position:absolute; width:px; font-family:Stencilia-A;font-size:26px; "<id="startseite"><a onmouseover="showWMTT('3')" onmouseout="hideWMTT()" href="www.google.de"><strong>Inhalt</strong></a><div id="3" class="tooltip"><img src="kleinehantel.jpg"></div> <div style="margin-top:0px; margin-left:30px; position:absolute; width:px; font-family:Stencilia-A;font-size:26px; "<id="startseite"><a onmouseover="showWMTT('4')" onmouseout="hideWMTT()" href="www.google.de"><strong>Inhalt</strong></a><div id="4" class="tooltip"><img src="kleinehantel.jpg"></div> <div style="margin-top:0px; margin-left:30px; position:absolute; width:px; font-family:Stencilia-A;font-size:26px; "<id="startseite"><a onmouseover="showWMTT('5')" onmouseout="hideWMTT()" href="www.google.de"><strong>Inhalt</strong></a><div id="5" class="tooltip"><img src="kleinehantel.jpg"></div> </div></p> jetzt wollt ich fragen wie ich das nächste große bild drunter wieder mittig einfügen kann und dort drauf alle div sachen texte grafiken bilder usw genau plazieren kann sorry wegen der groß und klein schreibung, schlechter grammatik und vielen rechtschreibfehlern Mfg crashdown Geändert von crashdown (25.11.2010 um 19:29 Uhr) |
Sponsored Links |
|
||||
Du schreibst ernsthaft einen Entschuldigungssatz, anstatt den Text noch etwas zu überarbeiten, sodass er lesbar ist? Satzzeichen bitte!
Gut... Wenn dann: Code:
body { margin: 0 auto; } 2. Du brauchst pos: absolute dort nicht. HTML-Code:
<style type="text/css"> #menubar { background: url("menüleiste.jpg") no-repeat 0 0; /* Du solltest keine Umlaute in Namen verwenden */ height: 50px; width: 750px; /* Der innere Container von body kann nicht größer als der Selbe werden, wenn er nur 750px hat. Ansonsten muss body breiter werden! */ } </style> <ul id="menubar"> <li class="menubar-item1"><a>Link1</a></li> <li class="menubar-item2"><a>Link2</a></li> <li class="menubar-item3"><a>Link3</a></li> <li class="menubar-item4"><a>Link4</a></li> <li class="menubar-item5"><a>Link5</a></li> </ul> Dann fängst du an, die einzelnen Listenelemente zu stylen, lädst deinen Versuch hoch und zeigst ihn hier. Dann gibts weitere Hilfe. Wie gesagt, position: absolute brauchst du hier nicht... Und das hier funktioniert so auch nicht: HTML-Code:
"<id="startseite"><a onmouseover="showWMTT('2')"
Edit: Allgemein für Menüs schaue bitte hier: http://xhtmlforum.de/40267-faq-h-ufi...tml#post296439
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
Sponsored Links |
|
|||
hab das jetzt alles etwas geändert und rumprobiert und klapt jetzt gut
Code:
<div style="background-image:url(menüleiste.jpg); position: relative; height:50px; width:1000px; "> <div style="font-family:Stencilia-A; font-size:37px;position: absolute; left: 30px; "> <id="startseite1"><a onmouseover="showWMTT('1')" onmouseout="hideWMTT()" href="C:\Users\USER\Desktop\index.html"><strong>Inhalt</strong></a><div id="1" class="tooltip"><img src="großehantel.png"></div> </div> <div style="font-family:Stencilia-A; font-size:37px;position: absolute;left: 230px;"> <id="startseite1"><a onmouseover="showWMTT('2')" onmouseout="hideWMTT()" href="C:\Users\USER\Desktop\index.html"><strong>Inhalt</strong></a><div id="2" class="tooltip"><img src="großehantel.png"></div> </div> <div style="font-family:Stencilia-A; font-size:37px;position: absolute;left: 430px;"> <id="startseite1"><a onmouseover="showWMTT('3')" onmouseout="hideWMTT()" href="C:\Users\USER\Desktop\index.html"><strong>Inhalt</strong></a><div id="3" class="tooltip"><img src="großehantel.png"></div> </div> <div style="font-family:Stencilia-A; font-size:37px;position: absolute;left: 630px;"> <id="startseite1"><a onmouseover="showWMTT('4')" onmouseout="hideWMTT()" href="C:\Users\USER\Desktop\index.html"><strong>Inhalt</strong></a><div id="4" class="tooltip"><img src="großehantel.png"></div> </div> <div style="font-family:Stencilia-A; font-size:37px;position: absolute;left: 830px;"> <id="startseite1"><a onmouseover="showWMTT('5')" onmouseout="hideWMTT()" href="C:\Users\USER\Desktop\index.html"><strong>Inhalt</strong></a><div id="5" class="tooltip"><img src="großehantel.png"></div> </div> </div> |
|
||||
Wenn du meinst...
Der Code ist immernoch unterirdisch! Schlecht: HTML-Code:
<div style="font-family:Stencilia-A; font-size:37px;position: absolute; left: 30px; "> <id="startseite1"><a onmouseover="showWMTT('1')" onmouseout="hideWMTT()" href="C:\Users\USER\Desktop\index.html"><strong>Inhalt</strong></a><div id="1" class="tooltip"><img src="großehantel.png"></div> </div> HTML-Code:
<div style="font-family:Stencilia-A; font-size:37px;position: absolute; left: 30px;" id="startseite1"> <a onmouseover="showWMTT('1')" onmouseout="hideWMTT()" href="C:\Users\USER\Desktop\index.html"> <strong>Inhalt</strong> </a> <div id="1" class="tooltip"> <img src="großehantel.png"> </div> </div>
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
auch ganz wichtige Frage, wer will sowas? Nicht wirklich doll leserlich.
Nächstes Ding. Lager mal die ganze Stylesheet zumindest erstmal in die Style-Tags in den Head aus, das ist sowas von unübersichtlich.... |
|
||||
Man sollte generell alle Stylesheet Angaben in eine *.css Datei schreiben.
Das spart Bandbreite. Es sei denn man benutzt eine gewisse Angabe wirklich nur auf einer Seite ... Aber für Helfende hier im Forum sind alle Angaben in einem style-Tag eingeschlossen deutlich besser, dann können wir den Code einfach in eine html-Datei kopieren und es uns in der Praxis anschauen.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Font der Überschrift ändern (Problem) | artist | CSS | 2 | 07.12.2007 10:01 |
Design zu CSS/HTML verarbeiten - Problem häufen sich. | Grafikamateur | CSS | 2 | 06.08.2007 09:57 |
Problem mit WordPress und dem Bilder Upload | Maxefix | Serveradministration und serverseitige Scripte | 0 | 19.12.2006 14:58 |
Problem bei Div's - zwei mal das gleiche und doch nicht ... | Niriel | CSS | 10 | 09.06.2005 17:39 |
Problem mit einem CSS Layout | nARC | CSS | 20 | 21.05.2005 06:28 |