• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hilfe mit <Div>

Status
Für weitere Antworten geschlossen.
L

leridan

Neues Mitglied
Hey Leute

Habe ein problem.
Und zwar will ich über meinen hintergrund ...grafiken setzen .. sprich 1 Leiste und darauf dann buttons für home ..gästebuch und andere sachen.

Leider nimmt er meinen div tag nicht an. Habe mir dann auch einmal ein Beispiel ausm Internet geholt und eingefügt .. ich werde ihn dann mal posten ;)



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body
{
background-image:
url('lol.jpg');
background-repeat: no-repeat
background-attachement: fixed
}
<div id="root">

<div id="test">
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
</div>

</div>
</style>
</body>
</head>
</html>

Ich hoffe ihr könnt mir helfen


MFG Leridan
 
Werbung:
Edit: Code zeigts irgendwie net gescheit an. Dein Fehler liegt nicht beim Div, bevor du "/head" schreibst musst du mit "/style" style abschließen, und wenn du head und style abgeschlossen hast musst du "body" initialisieren, das fehlt bei dir komplett.
 
Werbung:
verstehe es leider nicht ^^ habe jetzt mal deine vorschläge beachtet ... nun wird sogar nicht mal der hintergrund angezeigt .. also gar nichts mehr


hier mal der neue quelli


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<style type="text/css">
<head>
<body>
{
background-image:
url('lol.jpg');
background-repeat: no-repeat
background-attachement: fixed
}
<div id="root">

<div id="test">
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
</div>

</div>
</style>
</body>
</style>
</head>
</html>
 
Zuletzt bearbeitet:
Code: 
<head>
<title>Titel</title>
<style>
</style>
</head>
<body>
</body>
So sollte die Reihenfolge meines Wissens aussehen.
Achja ein HTML-Editor wie Weaverslave würde die glaub einiges Helfen, der macht dir das Grundgerüst schon ziemlich von alleine.
 
möchte es aber lieber selber schreiben ^^



also so klappt der hintergrund aber nicht die leiste mit den buttons


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body
{
background-image:
url('lol.jpg');
background-repeat: no-repeat
background-attachement: fixed
}
</body>
<body>
<div id="root">

<div id="test">
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
</div>
</style>
</head>
</body>
</html>
 
Werbung:
nochmal: Du darfst
Code: 
<head>
und
Code: 
<body>
nicht ineinander verschachteln! Guck dir mein Grundgerüst nochmal an, und füge dort deinen Code ein.
 
.. ok ^^ werde es mal versuchen ich danke dir ;) also background und die buttons klappt schonmal ^^ jetzt nurnoch positionieren

aber <head>
</head>
<style>
</style>
<head>
</head>

dürfte gehen oder ??

danke danke :)=
 
Erstmal ist der Code ziemliches Gemurkse. Aber die wichtigste Frage ist: Was sollen die beiden DIVs da? Du hast sie in keinster Weise definiert. Alles, was im CSS-Teil bei dir steht, ist der Hintergrund. Die no-repeat-Anweisungen werden wegen dem fehlenden Simicolon eh ignoriert.
Beide DIVs sind da und werden mit Sicherheit korrekt angezeigt: Du siehst sie nur nicht, weil du sie nicht definiert hast.

Ich habe mal kurz drübergeschaut und formatiert.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" />
<!-- Man schreibt jetzt bei Tags, die nicht wieder einen End-Tag haben, den "Slash" mit in den Tag! -->

<html>

<head>

<style type="text/css">
body
{
background-image:
url('lol.jpg');
background-repeat: no-repeat;
background-attachement: fixed;
}
</style>

</head>

<body>

<div id="test" style="width:xxx; height:xxx; border:1px solid black;">
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
</div>
</body>
</html>
Zum Vergrößern anklicken....

Du musst natürlich noch Höhe und Breite anpassen.

Gruß
 
Werbung:
... ich frage euch ja weil ich nicht weiter komme ;) bin ja noch anfänger ^^

ich danke dir .. probiere den code mal aus ;D
 
okd ein text kappt eignt ... denke ich ^^ bloss zeigt er nur einen schwarzen balken an....

wärest du so net mir vllt ein beispiel für eigene buttons zu schreiben.. für den div tag ... irgendwie klappt das nicht mit der internet url^^


MFG Leri

ich würde die buttons dann button1

button2 und so nennen :)
 
Werbung:
habe ja einen kasten ^^ die höhe und breite ist angepasst bloss habe ich den schon buttons in meinen div tag reingemacht ??

Habe mir den ausm internet geholt deshalb ^^ will daraus lernen ... ich sehe da nur verlinkungen also nichts was auf einen button hinweisst

..und wenn dort keine sind wie müsste ich die darein tragen ??^^

<div id="test" style="width:50; height:xxx; border:100px solid black;">
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
</div>


danke schonmal für deine hilfe und deine geduld ^^

MFG Leri
 
Werbung:
habe noch ein problem der andere background für die Leiste überdeckt nun den 1 hintergrund

er soll ihn zwar überdecken aber nur ein stück ^^ ... also halt wien fenster

hier mal quelli^^

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" />
<!-- Man schreibt jetzt bei Tags, die nicht wieder einen End-Tag haben, den "Slash" mit in den Tag! -->

<html>

<head>

<style type="text/css">
body
{
background-image:
url('lol.jpg');
background-repeat: no-repeat;
background-attachement: fixed;
}
</style>

</head>
<style type="text/css">
body
{
background-image: url(Unbenannt.jpg);
position: absolute;
top: 150px;
left: 90px
}
</style>
<body>
<div id="test" style="width:50; height:100; border:0x solid black;
<a href="www.google.de"><img src="button.jpg" /></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
<a class="logo" href="http://www.mozilla-europe.org/de/firefox" alt="Firefox Download" title="Firefox Download"></a>
<a class="xampp" href="http://www.apachefriends.org/de/index.html" alt="Xampp" title="Xampp"></a>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" />

<html>

<head>

<style type="text/css">
body
{
background-image:
url('lol.jpg');
background-repeat: no-repeat;
background-attachement: fixed;
}
#test
{
background-image: url(Unbenannt.jpg);
width:300;
height:50; 
border:1px solid black;
position: absolute;
top: 150px;
left: 90px;
}
</style>

<body>

<div class="test" id="test">
<a href="www.google.de"><img src="button.jpg" /></a>

</div>

</body>
</html>
 
deep.coding schrieb:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" />

<html>

<head>

<style type="text/css">
body
{
background-image:
url('lol.jpg');
background-repeat: no-repeat;
background-attachement: fixed;
}
#test
{
background-image: url(Unbenannt.jpg);
width:300;
height:50; 
border:1px solid black;
position: absolute;
top: 150px;
left: 90px;
}
</style>

<body>

<div class="test" id="test">
<a href="www.google.de"><img src="button.jpg" /></a>

</div>

</body>
</html>
Zum Vergrößern anklicken....
omg
Dein Code ist noch nicht einmal valide.
Am Doctype kommt kein Slash hintendran, nicht einmal in XHTML.
Was du machst ist trotzdem falsch. Du gebrauchst einen HTML-Doctype und machst zum Beispiel <img />, was falsch ist, es heißt in HTML <img>

Nicht nur das! Der CSS-Code enthält drei Fehler!

Und wieso machst du in das DIV eine class="" und eine id=""?
Du hast im CSS nur eine ID getan, keine CLASS
 
Werbung:
..sry bin anfänger ;)

lerne gerade css mit nem css buch für anfänger

mit dem div tag ... habe es aus dem internet ..habe vergessen die class wegzumachen....

... der 2 hintergrund wird immernoch nicht angezeigt
 
Dich kritisier ich nicht, ich kritiesere den, der versucht dich zu verbessern und es selbst genauso horrorvoll macht.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben