HTML verschoben wenn ich es einfüge

~~Gaming.WeeF~~ · 09/05/2014, 13:55

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:

Spoiler

Meine Index Datei auf dem Desktop:

Spoiler

Meine Index Datei auf dem Desktop mit "<center></center>":

Spoiler

snow · 09/05/2014, 14:03

#moved

NotEnoughForYou · 09/05/2014, 14:46

Ohne Code kann man da nicht viel sagen. Allerdings ist <center> veraltet und sollte nicht mehr genutzt werden. Stattdessen kannst du über margin zentrieren.

~~Gaming.WeeF~~ · 09/05/2014, 15:06

Quote:

Originally Posted by NotEnoughForYou

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 -->

NotEnoughForYou · 09/05/2014, 15:21

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

- 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.

~~Gaming.WeeF~~ · 09/05/2014, 15:32

Quote:

Originally Posted by NotEnoughForYou

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

- 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...

NotEnoughForYou · 09/05/2014, 16:46

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

~~Gaming.WeeF~~ · 09/05/2014, 17:45

Quote:

Originally Posted by NotEnoughForYou

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 ^^

~~Asterix112~~ · 09/05/2014, 20:01

Quote:

Originally Posted by Gaming.WeeF

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.

~~Gaming.WeeF~~ · 09/05/2014, 20:49

Quote:

Originally Posted by Asterix112

Add me pckid20 helf dir.

Hab dich geaddet.