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

Verschiebungen ._.

B

Barzul

Mitglied
Hi,

Ich arbeite gerade an einer hp und habe folgendes Problem:

Immer, wenn ich ein verlinktes bild verschiebe, verschiebt sich etwas anderes gleich mit. könnte das an den divs liegen?

hier mal der quellcode:

HTML: 
<html> <head>

<title>Volturi - EL</title>
<style type="text/css">
body {
background-color: black;
}
h1 {
color: red;
font-style: papyrus, verdana;
text-align: center;
}
p {
color: silver;
font-style: papyrus, verdana;
}
div.bgpic {
background-image: url(http://api.ning.com/files/JHYlt7g1KrzoZ4aDERzM7AcdZULY3KBoyz*G3OyC1jvjoCfywZh9gXMAdqukXi*575oWeoFmhRKa5sM8UiMhiDfbvk1JqIjI/BeautifulVolturiCover.jpg);
margin-left: 400px;
margin-right: 400px;
}
a {
color: silver;
}
div.body {
background-image: url(http://volturi.bplaced.net/images/Body.png);
margin-left: 400px;
margin-right: 400px;
margin-top: -20px;
margin-bottom: -400px; 
}
div.links {
margin-left: 990px;
margin-top: -300px;
}
div.vote {
margin-left: 580px;
margin-top: 350px;
}
div.text {
margin-left: 580px;
margin-top: -300px;
}
div.menue {
margin-left: 420px;
margin-top: 50px;
}

</style>

</head> <body>
<div class="bgpic">
<h1>Herzlich Wilkommen<br>
Auf der Homepage des Volturi-Ordens aus dem Browsergame <a href="http://portal.earthlost.de/">Earthlost</a>!</h1>
</div>
<div class="body">
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
</div>
<div class="links">
<a href="http://portal.earthlost.de/"><img src="http://volturi.bplaced.net/images/button-el.png"></a><br>
<br>
<br>
<br>
<a href="http://www.andyhoppe.com/" title="Counter"><img src="http://www.andyhoppe.com/count/?id=1254734441" style="border:none" alt="Counter" /></a>
</div>
<div class="text">
<p>Die Site ist noch im Aufbau!<br>
This site is under construction!
</div>
<div class="menue">
<a href="index.php"><img src="http://volturi.bplaced.net/images/button-ueber_uns.png"></a><br>
<a href="http://volturi.bplaced.net/gb"><img src="http://volturi.bplaced.net/images/button-guestbook.png"></a><br>
</div>


</body> </html>

und hier der link zur site: klick

ich hoffe ihr könnt mir helfen

mfg
#
Barzul
 
- einen doctype drummachen
- die <p>-tags auch wieder schließen
- diese vielen <br> (die <br /> heißen sollten) auf eines reduzieren und per CSS positionieren lassen

--> auswertung des validators

das sollte die lösung sein.

Nils aka XraYSoLo
 
oh..thx für die schnelle antwort, werd mich gleich drum kümmern :D

mfg

//Edit: Aber ich check irgendwie nich, was der mir sagen will^^ er hat andauernd die ">" rot gefärbt und irgendeinen mist dann darunter stehen, der damit gar nichts zu tun hat? Oo

jezz hab ich di9e <br>s auf eines begrenzt aber wenn ich das jetzt in der spalte "links" mache, dann rutscht die spalte "menü" auch nach oben.
 
Zuletzt bearbeitet:
ich sags ja, mit CSS herunterziehen (lassen). positionieren ist KEINE aufgabe von HTML.
das rot hinterlegte bedeutet einen fehler oder einen folgefehler des vorangegangenen codes. möglicherweise unzulässige tags, selbige nicht ordentlich geschlossen, umlaute und sonderzeichen nicht maskiert usw.

Nils aka XraYSoLo
 
^^ ich änder das doch schon mit css, aber es verschiebt sich trotzdem. ich hab die brs ja weggemacht und mit height das bild runtergezogen. aber dann hats sich auch verschoben :'(
 
positionierst du relativ oder absolut zum elternelement?
und wie ist das allumschließende element zu behandeln? fixiert? variabel?

Nils aka XraYSoLo
 
Code: 
<style type="text/css">
body {
background-color: black;
}
h1 {
color: red;
font-style: papyrus, verdana;
text-align: center;
}
p {
color: silver;
font-style: papyrus, verdana;
}
div.bgpic {
background-image: url(http://api.ning.com/files/JHYlt7g1KrzoZ4aDERzM7AcdZULY3KBoyz*G3OyC1jvjoCfywZh9gXMAdqukXi*575oWeoFmhRKa5sM8UiMhiDfbvk1JqIjI/BeautifulVolturiCover.jpg);
margin-left: 400px;
margin-right: 400px;
}
a {
color: silver;
}
div.body {
background-image: url(http://volturi.bplaced.net/images/Body.png);
margin-left: 400px;
margin-right: 400px;
margin-top: -20px;
margin-bottom: -400px; 
height: 500px;
}
div.links {
margin-left: 990px;
margin-top: -250px;
}
div.vote {
margin-left: 580px;
margin-top: 350px;
}
div.text {
margin-left: 580px;
margin-top: -250px;
}
div.menue {
margin-left: 420px;
margin-top: 100px;
margin-bottom: 1000px;
}

</style>
das is mein css code. ich sollte es also absolut positionieren?

ich versuchs mal :D

//edit: Es hat geklappt ;) danke dir nochmal
 
Zuletzt bearbeitet:
Das kommt drauf an, wie es passt, möglichst immer in einer Art, wenn absolute, dann sollten alle Elemente Absolut sein, wenn relativ, dann aller anderen auch so.

Da gibt es natürlich Ausnahmen.


MfG
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben