HTML verschoben wenn ich es einfüge

09/05/2014 13:55 Gaming.WeeF#1
Hallo, ich habe ein Problem wenn ich mein HTML Code auf meiner Seite einfügen will dann verschiebt sich alles, weiß jemand das Problem, hat glaube ich was mit "<center></center>" zu tun, wenn ich das einfüge wird das genau so angezeigt als ob ich es auf der Seite eingefügt habe
habe immoment kein "<center></center>" drinnen weil sonst sich alles verschiebt

Hier die bilder:

Seite wo ich es einfügen will:

Meine Index Datei auf dem Desktop:

Meine Index Datei auf dem Desktop mit "<center></center>":
09/05/2014 14:03 snow#2
#moved
09/05/2014 14:46 NotEnoughForYou#3
Ohne Code kann man da nicht viel sagen. Allerdings ist <center> veraltet und sollte nicht mehr genutzt werden. Stattdessen kannst du über margin zentrieren.
09/05/2014 15:06 Gaming.WeeF#4
Quote:
Originally Posted by NotEnoughForYou View Post
Ohne Code kann man da nicht viel sagen. Allerdings ist <center> veraltet und sollte nicht mehr genutzt werden. Stattdessen kannst du über margin zentrieren.
Hier ist der Code:
Code:
<!-- Edit by xWeeF -->
<center>
<html>
<!-- Navigations Script -->
<script>
function changeNavigation(id)
{document.getElementById('mainbox'). innerHTML=document.getElementById(id). innerHTML}
</script>
<!-- Navigations Script END -->
   
<!-- Homepage nachricht END -->
<font color="#FF0000">
<script> function MYALERT() { 
alert("xWeeF.imvu.com | Photoshop Designer"); } MYALERT() 
</script>
</font>
<!-- Homepage nachricht END -->

<!-- Shutbox -->
<div style="position: absolute; top:230px; left:224px; background-color:transparent;">

<marquee style="border-width:0px; border-style:none; width:350px; height:10px; font-family: 'Small Fonts', arial; font-size:9px; "direction="left" behavior="scroll" scrollamount="3"> 
<font face="verdana" size="1" color="white">
… | xWeeF.imvu.com | Photoshop Designer | …
</font>
</marquee>
</div
<!-- Shutbox END -->

<!-- Remove Buysticker Link -->
<script type="text/javascript"> 
var copiedfrom='www.imvucodes.net'; 
function stickerInfoShow(ev) { } 
</script>
<!-- Remove Buysticker Link End -->

<!-- Remove All Ads -->
<style>#footer_style,#footerbanner,#ad_panel,#message-stack,#ccpheader_leaderboard{display:none !important;}</style>
<!-- Remove All Ads END -->

<!-- Remove Avatar PIC -->
<style type="text/css">
#avBigPic, .imvucodes_net {display:none !important;}
</style>
<!-- Remove Avatar PIC END -->

<!-- Image map -->
<img style="float:center:" src="http://s7.directupload.net/images/140904/rnsjtyx3.png" usemap="#ImageMap1">

<map id="ImageMap1" name="ImageMap1">
   <area shape="rect" coords="218,267,278,284" id="1b" onClick="changeNavigation('Home')">
   <area shape="rect" coords="218,288,278,305" id="2b" onClick="changeNavigation('About')">
   <area shape="rect" coords="218,311,278,328" id="3b" onClick="changeNavigation('Love')">
   <area shape="rect" coords="218,334,278,351" id="4b" onClick="changeNavigation('Friends')">
   <area shape="rect" coords="218,355,278,372" id="5b" onClick="changeNavigation('Support')">
   <area shape="rect" coords="218,378,278,395" id="6b" onClick="changeNavigation('FAQ')">
   <area shape="rect" coords="218,423,278,440" href="http://www.imvu.com/catalog/web_add_contact.php?contact=Smookey004" />
   <area shape="rect" coords="218,400,278,417" href="imvu:StartIM?avatar=Smookey004&fromSite=1" />
   <area shape="rect" coords="218,444,278,461" href="http://www.imvu.com/catalog/web_send_message_widget.php?recipient_id=102763229" />
</map>
<!-- Image map END -->

<!-- Navigation -->
<div id="mainbox" style="position:absolute; left:292px; top:253px; width:286px; height:221px; overflow: auto; border:0px; background-color:transparent; color:#000000;"> <center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [Home] [Main]
</font></center>
</div>

<div id="Home" style="display:none">
<center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [Home]
</font></center>
</div>

<div id="About" style="display:none">
<center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [About]
</font></center>
</div>

<div id="Love" style="display:none">
<center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [Love]
</font></center>
</div>

<div id="Friends" style="display:none">
<center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [Friends]
</font></center>
</div>

<div id="Support" style="display:none">
<center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [Support]
</font></center>
</div>

<div id="FAQ" style="display:none">
<center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [FAQ]
</font></center>
</div>
<!-- Navigation END -->

<!-- Other Box -->
<div id="other_box" style="width:299px; height:156px; position:absolute; left:65px; top: 493px; z-index:1 overflow: auto; border:0px; background-color:transparent; color:#000000;" ><center> <font face="verdana" size="1" color="white">
<br>
</br>
DYNAMIC! [Other Box]
</center>
</div>
<!-- Other Box END -->

<!-- Youtube Box -->
<div id="other_box" style="width:317px; height:186px; position:absolute; left:433px; top: 493px; z-index:1 overflow: auto; border:0px; background-color:transparent; color:#000000;" ><center> <font face="verdana" size="1" color="white">
<br>
</br>
<iframe width="288" height="126" src="http://www.youtube.com/embed/6HJpuzKNBVI?autoplay=1&controls=0&showinfo=0&rel=0" frameborder="0" allowfullscreen><iframe>
</center>
</div>
<!-- Youtube END -->

<!-- Avatar Box -->
<div id="avi_box" style="width:149px; height:187px; position:absolute; left:324px; top: 16px; z-index:1">
</div>
<!-- Avatar Box END -->

<!-- Remove all Panel -->
<style type="text/css">   #aboutme_panel, #contact_panel,

#dev_panel, #wishlist_panel, #visitors_panel,   

#messages_panel, #tagcloud_panel, #stickers_panel,

#collect_panel,   #room_panel, #rankings_panel,

#cool_panel, #gallery_panel, #friends_panel,   

#streetteam_panel, #blog_panel, #video_panel_header,

#music_panel, #rss_panel, #url_panel,   

#special_panel,#outfits_panel {      width:900px !important;   }   

#rightColumn {      display:none !important;   }

</style>
<!-- Remove all Panel END -->


<style type="text/css">

#url_panel_colRow, .imvucodes_net {

display:none !important; }
</style>
</html>
</center>
<!-- Edit by xWeeF END -->
09/05/2014 15:21 NotEnoughForYou#5
Okay,

also folgendes:

- Du solltest dir erstmal über den Grundaufbau einer .html Datei Gedanken machen, so wie du es hast stimmt es vorne und hinten nicht, siehe [Only registered and activated users can see links. Click Here To Register...]

- Absolute Positionierung, font-tags, mapareas (für deinen Einsatzzweck) sind schon lange veraltet und sollten nicht mehr verwendet werden

- Den CSS-Code lieber in einem Rutsch in ein style tag schreiben, oder direkt als externe css

An deiner Stelle würde ich lieber ein anständiges HTML / CSS Tutorial durchgehen (da gibt es genügend im Sammelthread), und mich dann erneut an einer Seite versuchen, da die Seite so kaum verwendbar ist.
09/05/2014 15:32 Gaming.WeeF#6
Quote:
Originally Posted by NotEnoughForYou View Post
Okay,

also folgendes:

- Du solltest dir erstmal über den Grundaufbau einer .html Datei Gedanken machen, so wie du es hast stimmt es vorne und hinten nicht, siehe [Only registered and activated users can see links. Click Here To Register...]

- Absolute Positionierung, font-tags, mapareas (für deinen Einsatzzweck) sind schon lange veraltet und sollten nicht mehr verwendet werden

- Den CSS-Code lieber in einem Rutsch in ein style tag schreiben, oder direkt als externe css

An deiner Stelle würde ich lieber ein anständiges HTML / CSS Tutorial durchgehen (da gibt es genügend im Sammelthread), und mich dann erneut an einer Seite versuchen, da die Seite so kaum verwendbar ist.
Sry, bin noch Anfänger mit HTML Datein, kenne mich da kaum aus...
09/05/2014 16:46 NotEnoughForYou#7
War auch nicht als Vorwurf gemeint, nur wenn man schritt für Schritt ein Tutorial durchgeht geht es schneller als wenn man jetzt versuchen würde den Code von die aufzuräumen
09/05/2014 17:45 Gaming.WeeF#8
Quote:
Originally Posted by NotEnoughForYou View Post
War auch nicht als Vorwurf gemeint, nur wenn man schritt für Schritt ein Tutorial durchgeht geht es schneller als wenn man jetzt versuchen würde den Code von die aufzuräumen
Ja, das ding ist das ist keine Homepage etc es soll nur ein Design werden, soll nur in die Mitte verlegt werden die Schriftarten nimmt jeder im moment für die Seite wo ich es hochladen möchte und mit margin kapier ich des ganze nicht ^^
09/05/2014 20:01 Asterix112#9
Quote:
Originally Posted by Gaming.WeeF View Post
Ja, das ding ist das ist keine Homepage etc es soll nur ein Design werden, soll nur in die Mitte verlegt werden die Schriftarten nimmt jeder im moment für die Seite wo ich es hochladen möchte und mit margin kapier ich des ganze nicht ^^
Add me pckid20 helf dir.
09/05/2014 20:49 Gaming.WeeF#10
Quote:
Originally Posted by Asterix112 View Post
Add me pckid20 helf dir.
Hab dich geaddet.