Webseiteninhalt unter Menü?

[Xaver__]

Hallo, ich hab ein problem und zwar hab ich auf meiner seite ein Menü mit 4 Buttons,
Jetzt will ich unter diese Buttons den Webseiteninhalt einfügen, wenn ich das mache ist aber der inhalt "in den Buttons drinnen", kann mir da wer von euch helfen?
Unter http://wkracing.net/ ist die webseite und der css code
Ist mein vorgehen dieses Vorhaben zu verwirklichen schrott oder ist der ansatz okay?

Danke Schonmal!

 

[nookie]

<img src="img/background.jpg" name="fsbg" width="1920" height="1080" id="fsbg" />

Im head geht garnicht und ein No-Go so ein Hintergrundbild zu definieren. Um den Webseiteninhalt zu positionieren solltest du dich mit CSS Positioning beschäftigen.

 

[Xaver__]

Und wie soll ich den Hintergrund einfügen?
Und die Positionierung find ich nur so wie ichs gemacht habe..
Bitte um hilfe!

 

[Elroy]

Und wie soll ich den Hintergrund einfügen?
Und die Positionierung find ich nur so wie ichs gemacht habe..
Bitte um hilfe!

Wie man Hintergrundbilder einfügt kannst du hier nachlesen: http://www.web-toolbox.net/webtoolbox/bilder/hintergrundgrafik.htm

Und wie Inhalte positioniert werden kannst du hier erfahren: http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Abstand/margin

Gruss
Elroy

 

[Xaver__]

Aber auch wenn ich das so mache wie beschrieben bleibt der text da wo er ist egal was ich für pixel definiere.
Es wär für mich hilfreich wenn ihr mir sagt wo genau das problem liegt und wie man es richtig mach weil aus sowas lern ich eher als nur aus durchlesen und durchlesen (sicher ghörts auch dazu aber da fehlt mir irgendwan der durchblich, auserdem versteh ich nicht was anders ist)

Ich hoffe ihr helft mir da weiter :/

 

[nookie]

Und wie Inhalte positioniert werden kannst du hier erfahren: http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Abstand/margin

Also für mich hat margin und padding nur geringfügig bzw. fast garnichts mit der Positionierung eines Elementes zu tun.

Aber auch wenn ich das so mache wie beschrieben bleibt der text da wo er ist egal was ich für pixel definiere.
Es wär für mich hilfreich wenn ihr mir sagt wo genau das problem liegt und wie man es richtig mach weil aus sowas lern ich eher als nur aus durchlesen und durchlesen (sicher ghörts auch dazu aber da fehlt mir irgendwan der durchblich, auserdem versteh ich nicht was anders ist)

Ich hoffe ihr helft mir da weiter :/

Suche wie gesagt nach CSS Positioning, dazu wirst du genug finden. Du sollst auch nicht durch lesen lernen sondern von Learning by doing.

 

[Xaver__]

Genau das hatte ich vorher auch gefunden, aber das ist doch gleich?
zuerst definiert er diese position
#s1 { width:150px; height:35px; }
dan tragt er sie mit
<div id="s1">s1 static</div>
ist doch genau das selbe wie bei mir

 

[nookie]

Genau das hatte ich vorher auch gefunden, aber das ist doch gleich?
zuerst definiert er diese position
#s1 { width:150px; height:35px; }
dan tragt er sie mit
<div id="s1">s1 static</div>
ist doch genau das selbe wie bei mir

Du solltest nicht nur abgleichen sondern auch die Erläuterungen zu den einzelnen Begriffen lesen. Bei position relative, absolute, static und fixed bist du wahrscheinlich garnicht erst angekommen und hast somit auch garnicht verstanden wie genau ein Element positioniert wird. Außerdem ist das keine Position die er definiert sondern lediglich die Höhe und Breite des Elementes.

 

[Nitamud]

Damit wird doch nur die Höhe und die Breite des Elements festgelegt.
Mit der Position hat das wenig zu tun.....

Edit: bezieht sich auf width/height nicht auf die von nookie Beschriebenen position.

 

[Xaver__]

Das weis ich doch das das damit nichts zutun hat ich hab nur das beispiel genommen :/ und was ist st meine güte zeigts mir doch bitte wies gemacht wird.

 

[nookie]

Wie solls gemacht werden? Positionsart bestimmen und dann mit top, right, bottom, left positionieren. Fertig. Außerdem steht es alles bis ins kleinste Detail auf selfhtml erklärt. Besser geht es garnicht!

 

[Xaver__]

ooo . Ok ich danke euch habs jz begriffen, position-aboslute hat gefehlt! :)
Werd in zukunft genauer lesen!

 

[nookie]

Ein kleiner Tipp noch am Rande, verzichte so gut wie möglich auf position: absolute und verwende stattdessen relativ. Das wars ;)

 

[Elroy]

Also für mich hat margin und padding nur geringfügig bzw. fast garnichts mit der Positionierung eines Elementes zu tun.

Mit margin kann man bestimmen welchen Abstand ein Element zu seinem Vorgängerelement hat.
Für mich hat das schon sehr viel mit positionieren zu tun.

Suche wie gesagt nach CSS Positioning, dazu wirst du genug finden. Du sollst auch nicht durch lesen lernen sondern von Learning by doing.

Learning by doing kann aber erst dann eingesetzt werden wenn man gelesen hat wie etwas funktioniert. Wie willst du z.B. einen Farbverlauf durch Learning by doing estellen wenn du noch nicht einmal weisst welche Angeben du machen musst. Also erst einmal Learning by reading.

@Xaver__

Du erfindest gerade neue HTML Tags?

<u2>Webseite:</u2>
<inhaltstext> Hier Entsteht die Webseite vom WK Racing Team!<br>
Es Entsteht nach und nach eine Webseite!</inhaltstext>

Genau so etwas befürchte ich immer wenn ich Learning by doing lese.

Gruss
Elroy

 

[Xaver__]

Wieso wenn ich diese in der Css datei defeniere übernimmt der Text dan den style..., hat proma funktioniert

 

[nookie]

Das sind aber keine gültigen HTML-Tags. So erzeugst du nicht semantischen und syntaktischen HTML-Code.

 

[Xaver__]

Ok danke für die info, dan schau ich mal wie man das richtig macht.

 

[einfachcoden]

Mit der Position hat das wenig zu tun.



samsung galaxy note 3 tasche