YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Frage zu DIV » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.102 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Frage zu DIV
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
mahiro
Das wüsste ich gerne...


Dabei seit: 01.05.06
Beiträge: 87
Fähigkeiten: WBB3 Anfänger; WBB2 Fortgeschritten; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: Lite 2.0; Lite 1.0
 Frage zu DIV Antworten Zitieren Editieren Melden       UP
Hi,
ich will ne einfache Startseite machen und habe dies auch geschaft doch möchte ich jetzt unter das Bild was per DIV angezeigt werden noch Text haben in einem anderen DIV. Wie macht man das?

code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Alles hat einen Anfang...</title>

</head>
<body style="background-color:#000000;">

<div style="background-image: url('http://www.animesora.de/splash.gif'); background-repeat: no-repeat;background-postition:center;background-color:#000000;width:400px;height:400px;margin:auto;"></div>

</body>
</html>


__________________
14.01.07 00:06 mahiro ist offline E-Mail Finden Als Freund hinzufügen
Konoha Konoha ist männlich
Mitglied


Dabei seit: 02.11.05
Beiträge: 482
Forenversion: 2.3
 RE: Frage zu DIV Antworten Zitieren Editieren Melden       UP
Lern erst einmal richtig CSS, wird sehr unständlich alles so zu regeln.

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Konoha: 14.01.07 03:08.
14.01.07 03:08 Konoha ist offline E-Mail Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg
 RE: Frage zu DIV Antworten Zitieren Editieren Melden       UP
Zitat:
Original von Konoha
Lern erst einmal richtig CSS, wird sehr unständlich alles so zu regeln.


Na das ist doch mal ne Hilfe!

Zu deinem Problem:

Das Hintergrundbild hast du ja in die Mitte der Seite gebracht. Für das Bild allein auch kein Problem, nur wenn jetzt noch was zusätzliches rein kommt sollte der Browser natürlich wissen wie er damit umgehen soll.

Im Prinzip sind deine Angaben korrekt. Nur muss es noch positioniert werden, damit der Inhalt (Text) dann auch platziert werden kann.

Dem div gibst du die Position „relative“ mit. So bleibt das HG-Bild in der Mitte.
Jetzt kannst du in das div ein Element einsetzen, dass du neu positionieren kannst. Ich habe da ein Linien-Element (span) genommen.

Das wird jetzt mit einen Position „absolute“ eingesetzt. Damit das auch unten erscheint kommt „bottom:0px;“ hinzu. Den Text in die Mitte mit „text-align:center; padding:auto;“ und das es funktioniert muss eine Größe her „width:400px;“. Schwarze Schrift auf schwarzem Grund ist nicht so prickelnd, daher noch „color:#fff;“ für Weiß.

Fertig.
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Alles hat einen Anfang...</title>
</head>
<body style="background-color:#000000;">
<div style="position:relative; width:400px; height:400px; background-image: url('http://www.animesora.de/splash.gif'); background-repeat: no-repeat; background-postition:center; background-color:#000000; margin:auto;"><span style="position:absolute; width:400px; bottom:0px; color:#fff; text-align:center; padding:auto;">Willkommen auf meine Page</span></div>
</body>
</html>
14.01.07 11:02 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
mahiro
Das wüsste ich gerne...


Dabei seit: 01.05.06
Beiträge: 87
Fähigkeiten: WBB3 Anfänger; WBB2 Fortgeschritten; WBB Lite 2 Anfänger; WBB Lite 1 Fortgeschritten
Forenversion: Lite 2.0; Lite 1.0

Themenstarter Thema begonnen von mahiro
 RE: Frage zu DIV Antworten Zitieren Editieren Melden       UP
Zitat:
Original von Konoha
Lern erst einmal richtig CSS, wird sehr unständlich alles so zu regeln.


Keine Lust zu zur Zeit!

Danke Schweinebacke für die Hilfe!

__________________
14.01.07 17:04 mahiro ist offline E-Mail Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » Frage zu DIV