Wie lautet der HTML Code zum verrücken eines Rhamens ?

Julia8o

Ich habe einen Rahmen per Code erstellt/gefunden, um den um meinen Seiteninhalt meiner Homepage zu machen. Hat auch alles prima geklappt, bloß jetzt kann ich den kompletten Rahmen nicht nach rechts verschieben, warum auch immer.

Habe schon <center>...</center> ausprobiert usw.

Weiß einer von euch villt den richtigen Code den ich dazu schreiben muss, damit sich der Rahmen nach rechts verschieben/verrücken lässt !?

LG Julia

Hier wo der Rahmen zurzeit (Bild) :
[Blockierte Grafik: http://www7.pic-upload.de/28.05.11/ke6ysnmsaf1s.png]

Gebby

Zitat von Julia8o

Ich habe einen Rahmen per Code erstellt/gefunden, um den um meinen Seiteninhalt meiner Homepage zu machen.

Den du für dich behalten möchtest?

Julia8o

Zitat von Gebby

Den du für dich behalten möchtest?

Nein, brauchst du den oder was ? Den Code habe ich in nen Forum gefunden (Google).

Gebby

Zitat von Julia8o

Nein, brauchst du den oder was ? Den Code habe ich in nen Forum gefunden (Google).

Blöde Frage.

moveright(80,0)

Julia8o

Zitat von Gebby

Blöde Frage.

moveright(80,0)

Nur moveright(80,0) ?
Das ist der Rahmen Code : <p-align: center;"><body style="width: 50%; border: 5px solid #000000;">
und wo muss das nun hin ? Davor funktioniert nicht, oder muss hinten noch was hin zum schließen !?

synaptic

gebby das war in keinster weise zielführend! und julia wir brauchen hier schon etwas mehr code im allgemeinen da html und css kausale zusammenhänge haben könnten, die ein prob im layout verursachen können. schick uns mal nen link oder den ganzen quellcode, das was du da hast is murks.

das p-tag gehört nach das body-tag und nen align hat nirgendwo mehr was zu suchen. du brachst nen anständigen doctype, damit browser das boxmodell interpretieren können

Julia8o

Zitat von synaptic

gebby das war in keinster weise zielführend! und julia wir brauchen hier schon etwas mehr code im allgemeinen da html und css kausale zusammenhänge haben könnten, die ein prob im layout verursachen können. schick uns mal nen link oder den ganzen quellcode, das was du da hast is murks.

das p-tag gehört nach das body-tag und nen align hat nirgendwo mehr was zu suchen. du brachst nen anständigen doctype, damit browser das boxmodell interpretieren können

Das ist der komplette Code , dadurch entsteht ja der Rahemen, nur ich möcht ihn gern verscheiben mehr nicht, alles andere funktioniert..
Und mehr Code habe ich für den Rahmen nicht !

Gebby

Zitat von synaptic

gebby das war in keinster weise zielführend!

Ich weiß, da gings mit mir durch.

Zitat von Julia8o

Das ist der komplette Code , dadurch entsteht ja der Rahemen

Genau sowas meinte ich. Du kannst dir die Finger mit Fragen wund tippen, es kommt einfach nur stuss bei rüber. Anstatt sich einfach mal selber zu helfen, indem man den kompletten Code postet, mauert Julia nur rum.

Sorry
MfG

synaptic

ja ich versteh ja was du mienst gebby.. aber (und das is nich immer einfach) muss man auch bei solchen fällen geduld mitbringen.

julia, bitte gib uns mal den link zu deiner seite. wir müssen sehen, wie der gesamte quellcode der seite aussieht, denn es kann viele gründe haben, wieso dein rahmen scheisse aussieht und irgendwo in der page steht.

Julia8o

Zitat von Gebby

Ich weiß, da gings mit mir durch.

Genau sowas meinte ich. Du kannst dir die Finger mit Fragen wund tippen, es kommt einfach nur stuss bei rüber. Anstatt sich einfach mal selber zu helfen, indem man den kompletten Code postet, mauert Julia nur rum.

Sorry
MfG

Na, anscheinend verstehst du micht nicht "DAS WAR DER KOMPLETTE CODE DES RAHMENS" , das andere benötigst du doch garnicht dafür, zB von den Boxen die ich auf der HP an der Seite habe usw.

Dann lasst es halt

Julia8o

blub

Gebby

Mein Vorschlag: Erst mal alles entfernen was es in HTML nicht gibt. Danach doppelte Sachen wie ...

</body>
</html>

...entfernen.
W3C-Validator ist noch nichtmal in der Lage mit der Überprüfung überhaupt anzufangen. Der Code ist voller Fehler, diese bitte erst beseitigen. So kann man damit gar nichts anfangen.

Meldung:

Zitat

Sorry, I am unable to validate this document because on line 14 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
The error was: utf8 "\xE4" does not map to Unicode

MfG

Nachtrag! Hier mal eine Ausgabe von Tidy:

Zitat

0 Warning: inserting implicit <body>
1 Warning: missing <!DOCTYPE> declaration; Warning: plain text isn't allowed in <head> elements; Info: <head> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Info: <body> previously mentioned; Warning: content occurs after end of body; Warning: content occurs after end of body <<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 Warning: discarding unexpected <html> <html xmlns="http://www.w3.org/1999/xhtml">
3 Warning: <head> isn't allowed in <body> elements <head>
4 Warning: <meta> isn't allowed in <body> elements <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 Warning: <title> isn't allowed in <body> elements <title>Schülerradio RSL</title>
6 Warning: <link> isn't allowed in <body> elements <link rel=stylesheet type="text/css" href="css.css">
8 Warning: <style> isn't allowed in <body> elements; Warning: trimming empty <style> <style type="text/css">
11 Warning: </head> isn't allowed in <body> elements </head>
13 Warning: discarding unexpected <body> <body>
15 Warning: <a> attribute "href" lacks value <div id="Cr"> <a href=""></a>
24 Warning: missing </strong> before <form>; Warning: missing </center> <div style="text-align: center;"><center><strong><br />
30 Warning: inserting implicit <strong> <form method="post" action="">
35 Warning: inserting implicit <strong> </form>
55 Warning: inserting implicit <strong>; Warning: inserting implicit <strong>
56 Warning: missing </strong> before <div>; Warning: trimming empty <strong> <div style="text-align: center;"><br />
62 Warning: discarding unexpected </center> </center>
77 Warning: inserting implicit <strong> 
78 Warning: unescaped & or unknown entity "&style"; Warning: <a> attribute "id" has invalid value "53101" <div id="box6"> <br><br><br><br><a id="53101" href="http://www.besucherzaehler-homepage.de">Besucherzähler Für Homepage</a><script type="text/javascript" language="JavaScript" src="http://www.besucherzaehler-homepage.de/counter_js.php…=53101&style=30"></script><br>
81 Warning: inserting implicit <strong> 
82 Warning: missing </a> before </div>; Warning: <img> lacks "alt" attribute <div id="box5"> <br><br><a href="http://www.rslahde.de/"><img src="http://www8.pic-upload.de/27.05.11/kxbkvzorjpza.jpg">
85 Warning: inserting implicit <strong>; Warning: inserting implicit <a>; Warning: inserting implicit <strong> 
86 Warning: missing </a> before <center>; Warning: missing </strong> before <center>; Warning: missing </strong> before <form>; Warning: inserting implicit <strong>; Warning: inserting implicit <font>; Warning: missing </center> <div id="box4"> <br><br><center>
87 Warning: missing </strong> before <table>; Warning: missing </font> before <center>; Warning: discarding unexpected </font>; Warning: <form> lacks "action" attribute; Warning: <table> lacks "summary" attribute; Warning: <table> lacks "summary" attribute; Warning: trimming empty <strong>; Warning: trimming empty <font> <form><table width="160" cellpadding=0 cellspacing=0 border="0" bgcolor="#FFFFFF"><tr><td><table width="160" cellpadding=0 cellspacing=2 border="0" ><tr><td colspan="2" bgcolor="#000000"><font face=Verdana color="#ffffff" size=-2><center><b>Wie zufrieden bist du mit der Schülerradio Homepage ?</b></center></font></td></tr>
88 Warning: unescaped & or unknown entity "&thema"; Warning: unescaped & or unknown entity "&choice" <tr><td valign="top" bgcolor="#FF0000"><center><input type="radio" name="choice" onClick="javascript:window.open('http://www.voteonline3.de/cgi-neu/vote0n…&choice=0','cli ckvote','width=468,height=368,scrollbars=no,resiza ble=yes,menubar=no,location=no,alwaysRaised=no');" ></center></td><td width="200" bgcolor="#d2d2d2" ><font size="1" face="Arial, Helvetica, sans-serif" color="black">Mir gefällt die Seite sehr gut !</font></td></tr>
89 Warning: unescaped & or unknown entity "&thema"; Warning: unescaped & or unknown entity "&choice" <tr><td valign="top" bgcolor="#FF0000"><center><input type="radio" name="choice" onClick="javascript:window.open('http://www.voteonline3.de/cgi-neu/vote0n…&choice=1','cli ckvote','width=468,height=368,scrollbars=no,resiza ble=yes,menubar=no,location=no,alwaysRaised=no');" ></center></td><td width="200" bgcolor="#d2d2d2" ><font size="1" face="Arial, Helvetica, sans-serif" color="black">Die Seite ist OK geworden !</font></td></tr> 90 Warning: unescaped & or unknown entity "&thema"; Warning: unescaped & or unknown entity "&choice" <tr><td valign="top" bgcolor="#FF0000"><center><input type="radio" name="choice" onClick="javascript:window.open('http://www.voteonline3.de/cgi-neu/vote0n…&choice=2','cli ckvote','width=468,height=368,scrollbars=no,resiza ble=yes,menubar=no,location=no,alwaysRaised=no');" ></center></td><td width="200" bgcolor="#d2d2d2" ><font size="1" face="Arial, Helvetica, sans-serif" color="black">Ich finde die Seite nicht gut !</font></td></tr>
91 Warning: unescaped & or unknown entity "&thema" <tr><td colspan="2" bgcolor="#000000"><center><a href="http://www.voteonline3.de/cgi-neu/vote0n…ts&thema=178710" onclick='window.open("","clickvote","width=468,hei ght=368,scrollbars=no,resizable=yes,menubar=no");' target="clickvote"><font face=Verdana color="#ffffff" size=-2><b>Ergebnisse</b></font></a></center></td></tr></table></td></tr></table></form>
96 Warning: inserting implicit <strong> 
97 Warning: <img> lacks "alt" attribute <div id="box3"> <br><br><a href="http://www.youtube.com/user/PausenradioRSL"><img src="http://www8.pic-upload.de/26.05.11/tgihmhkrffu.png"></a>
100 Warning: inserting implicit <strong>; Warning: inserting implicit <strong>; Warning: inserting implicit <strong>; Warning: <script> inserting "type" attribute 
[Blockierte Grafik: http://infohound.net/tidy/img/stop.gif] 101 Warning: missing </strong> before <div>; Error: <fb:like> is not recognized!; Warning: discarding unexpected <fb:like>; Warning: discarding unexpected </fb:like>; Warning: trimming empty <strong> <div id="box2"> <br><br><br><br><br><div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://de-de.facebook.com/home.php?sk=gr…246482&ap=1" send="true" width="450" show_faces="true" font="verdana"></fb:like></div>
103 Warning: inserting implicit <strong> 
104 Warning: missing </strong> before <div>; Warning: inserting implicit <strong>; Warning: <img> escaping malformed URI reference; Warning: <img> lacks "alt" attribute <div id="box1"><br> <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/C…5MTQ*NjI1NDQ1Ny ZwPTE5NTAxJmQ9Jmc9MSZvPWRkOWI3ZTgyZWM1MjRhMmFiZmFh/YWJmZWM2YjIxNWQwJm9mPTA=.gif" /><div align=center>
105 Warning: <embed> is not approved by W3C; Warning: replacing unexpected embed by </embed> <embed src="http://www.superpimper.com/generators/Fla…h-Clock-433.swf" quality="high" wmode="transparent" width="150" height="150" name="superpimper" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>
139 Warning: entity "&nbsp" doesn't end in ';' <a href="home.html">Home</a>    |   &nbsp ;
140 Warning: entity "&nbsp" doesn't end in ';' <a href="wunschbox.html">Wunschbox</a>    |   &nbsp ; 141 Warning: entity "&nbsp" doesn't end in ';' <a href="team.html">Das Schülerradio Team</a>    |   &nbsp ;
142 Warning: entity "&nbsp" doesn't end in ';' <a href="file:///C:/Users/User/Desktop/Homepage-Schule/charts.html.html">RSL Charts</a>    |   &nbsp ;
158 Warning: <head> isn't allowed in <body> elements; Warning: <link> isn't allowed in <body> elements; Warning: </head> isn't allowed in <body> elements <head><link rel="SHORTCUT ICON" href="http://www5.pic-upload.de/12.12.10/kyue7jhihs5a.gif"></head>
172 Warning: discarding unexpected </html> </html>
176 Warning: discarding unexpected </div> </div>

Alles anzeigen

Da sind Dinge dabei, die habe ich noch nie gehört.

synaptic

also ich hab den code mal angesehen und etwas (aber nur etwas bereinigt...
du hast in den style-angaben zig mal position:absolute drin stehen, was totaler humbug ist
die einfachste variante wäre, wenn du alles nochmal neu machst und dann auf position:absolute verzichtest.

man positioniert generell elemente über padding, margin und ggf mit hilfe von float
dir jetzt jeden fehlenden krümel aus der nase zu ziehen wäre auch humbug.. lade bitte mal die seite kurzfristig irgendwo hoch, dann kann man sehen was verkehrt läuft und evtl isses dann nur ein oder zwei mal ne position angeben. was dich aber nicht davon abhalten sollte das wirklich nochma neu zu machen.

btw wie alt bist du julia?

Julia8o

Zitat von synaptic

also ich hab den code mal angesehen und etwas (aber nur etwas bereinigt...
Du hast in den style-angaben zig mal position:absolute drin stehen, was totaler humbug ist
die einfachste variante wäre, wenn du alles nochmal neu machst und dann auf position:absolute verzichtest.

Man positioniert generell elemente über padding, margin und ggf mit hilfe von float
dir jetzt jeden fehlenden krümel aus der nase zu ziehen wäre auch humbug.. Lade bitte mal die seite kurzfristig irgendwo hoch, dann kann man sehen was verkehrt läuft und evtl isses dann nur ein oder zwei mal ne position angeben. Was dich aber nicht davon abhalten sollte das wirklich nochma neu zu machen.

Btw wie alt bist du julia?

15J. wieso ?

synaptic

wollts nur wissen, damit ich mich verständlich ausdrücke...

probier mal den code hier in deiner css.css

Code

a {outline:none;}
img { border:none;}
a:link { color:#425023; text-decoration:none; }
a:visited { color:#425023; text-decoration:none; }
a:focus { color:#ffffff; text-decoration:underline; }
a:hover { color:#ffffff; text-decoration:underline; background-image: url(images/navi_bg.png); }
a:active { color:#ffffff; text-decoration:underline;}
body {background-image:url(img/bg.png);text-align: center;}
#subbg {background-image:url(img/main.png);position:absolute;width:1019px;height:15 57px;z-index:1;left: 264px;top: 8px;}
#hrd {background-image:url(img/header.gif);position:absolute;width:900px;height:1 50px;z-index:2;left: 328px;top: 33px;}
#navi {background-image:url(img/navi.png);position:absolute;width:900px;height:39p x;z-index:3;left: 328px;top: 188px;}
#navi_txt {position:absolute;width:899px;height:21px;z-index:4;left: 0;top: 199px;font-family:Verdana, Geneva, sans-serif}
#sidebar {background-image:url(img/sidebar.png);position:absolute;width:321px;height: 1255px;z-index:5;left: 615px;top: 235px;}
#sb_besch1 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 239px;}
#sb_besch2 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 450px;}
#sb_besch3 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 658px;}
#sb_besch4 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 873px;}
#sb_besch5 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 1080px;}
#sb_besch6 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 1291px;}
#box1 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 263px;font-family:Verdana, Geneva, sans-serif;font-size:12px;
}
#box2 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 471px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box3 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 681px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box4 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 896px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box5 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 1106px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box6 {position:absolute;width:314px;height:178px;z-index:7;left: 615px;top: 1313px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#content {position:absolute;width:576px;height:1259px;z-index:8;left:0;top: 232px;font-family:Verdana, Geneva, sans-serif;font-size:12px;overflow: scroll;}








#Cr {
position:absolute;
width:311px;
height:21px;
z-index:9;
left: 319px;
top: 5px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:gold;
}

Alles anzeigen

du benutzt dort überall absolute positionen, von daher ist es einerseits einfach zu bestimmen wo die elemente hingehören, doch auf der anderen seite machst du dir da mühe und code, der nicht nötig ist.

beschäftige dich doch ganz einfach mal mit den folgenden begriffen:

boxmodell
padding
margin
border
float
display

findest du alle auf http://www.css4you.de

ziel ist es den html-code sauber, schlank, übersichtlich und funktional zu halten.
abstände bewirkt man nicht mit <br />

Julia8o

Zitat von synaptic

wollts nur wissen, damit ich mich verständlich ausdrücke...

probier mal den code hier in deiner css.css

Code

a {outline:none;}
img { border:none;}
a:link { color:#425023; text-decoration:none; }
a:visited { color:#425023; text-decoration:none; }
a:focus { color:#ffffff; text-decoration:underline; }
a:hover { color:#ffffff; text-decoration:underline; background-image: url(images/navi_bg.png); }
a:active { color:#ffffff; text-decoration:underline;}
body {background-image:url(img/bg.png);text-align: center;}
#subbg {background-image:url(img/main.png);position:absolute;width:1019px;height:15 57px;z-index:1;left: 264px;top: 8px;}
#hrd {background-image:url(img/header.gif);position:absolute;width:900px;height:1 50px;z-index:2;left: 328px;top: 33px;}
#navi {background-image:url(img/navi.png);position:absolute;width:900px;height:39p x;z-index:3;left: 328px;top: 188px;}
#navi_txt {position:absolute;width:899px;height:21px;z-index:4;left: 0;top: 199px;font-family:Verdana, Geneva, sans-serif}
#sidebar {background-image:url(img/sidebar.png);position:absolute;width:321px;height: 1255px;z-index:5;left: 615px;top: 235px;}
#sb_besch1 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 239px;}
#sb_besch2 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 450px;}
#sb_besch3 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 658px;}
#sb_besch4 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 873px;}
#sb_besch5 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 1080px;}
#sb_besch6 {position:absolute;width:319px;height:19px;z-index:6;font-family:Verdana, Geneva, sans-serif;color:white;left: 615px;top: 1291px;}
#box1 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 263px;font-family:Verdana, Geneva, sans-serif;font-size:12px;
}
#box2 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 471px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box3 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 681px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box4 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 896px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box5 {position:absolute;width:314px;height:183px;z-index:7;left: 615px;top: 1106px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#box6 {position:absolute;width:314px;height:178px;z-index:7;left: 615px;top: 1313px;font-family:Verdana, Geneva, sans-serif;font-size:12px;}
#content {position:absolute;width:576px;height:1259px;z-index:8;left:0;top: 232px;font-family:Verdana, Geneva, sans-serif;font-size:12px;overflow: scroll;}








#Cr {
position:absolute;
width:311px;
height:21px;
z-index:9;
left: 319px;
top: 5px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:gold;
}

Alles anzeigen

du benutzt dort überall absolute positionen, von daher ist es einerseits einfach zu bestimmen wo die elemente hingehören, doch auf der anderen seite machst du dir da mühe und code, der nicht nötig ist.

beschäftige dich doch ganz einfach mal mit den folgenden begriffen:

boxmodell
padding
margin
border
float
display

findest du alle auf http://www.css4you.de

ziel ist es den html-code sauber, schlank, übersichtlich und funktional zu halten.
abstände bewirkt man nicht mit <br />

Alles anzeigen

Okay, danke CLOSE !

Tags