kostenloser Webspace werbefrei: lima-city


Div positioniert irgendwie falsch

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    l*******k

    Hey,

    ich habe ein Problem mit einem Div, irgendwie wenn ich mein Code in den Div Sitepage tu, dann ist der nicht drin was ist daran falsch?

    Code:

    <!-- Start: Menu -->
    			<div id="sitePage">
    <div id="id01-lay-giga-home-13">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_13.gif" width="992" height="17" alt="" />
      </div>
    	<div id="id01-lay-giga-home-14">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_14.png" width="13" height="49" alt="" />
    	</div>
    	<div onmouseover="$('#button-webhosting').css('background-position','left -49px')" onmouseout="if(show!='webhosting')$('#button-webhosting').css('background-position','left 0px')" id="button-webhosting" onclick="document.location='?show=webhosting'"></div>
    <div onmouseover="$('#button-server').css('background-position','left -49px')" onmouseout="if(show!='server')$('#button-server').css('background-position','left 0px')" onclick="document.location='?show=server'" id="button-server"></div>
    <div onmouseover="$('#button-vserver').css('background-position','left -49px')" onmouseout="if(show!='vserver')$('#button-vserver').css('background-position','left 0px')" onclick="document.location='?show=vserver'" id="button-vserver"></div>
    <div onmouseover="$('#button-gameserver').css('background-position','left -49px')" onmouseout="if(show!='gameserver')$('#button-gameserver').css('background-position','left 0px')" onclick="document.location='?show=gameserver'" id="button-gameserver"></div>
    <div onmouseover="$('#button-colocation').css('background-position','left -49px')" onmouseout="if(show!='colocation')$('#button-colocation').css('background-position','left 0px')" onclick="document.location='?show=colocation'" id="button-colocation"></div>
    <div onmouseover="$('#button-domains').css('background-position','left -49px')" onmouseout="if(show!='domains')$('#button-domains').css('background-position','left 0px')" onclick="document.location='?show=domains'" id="button-domains"></div> 
    <div id="id01-lay-giga-home-21">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_21.png" width="10" height="49" alt="" />
      </div>
    	<div id="id01-lay-giga-home-22">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_22.gif" width="1" height="49" alt="" />
    	</div>
    	<div id="id01-lay-giga-home-23">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_23.png" width="2" height="17" alt="" />
    	</div>
    	<div id="neue-server-generation">
    		<img src="/lokalbook/hp/menubar/images/design/neue_server_generation.png" width="990" height="17" alt="" />
    	</div>
    	</div>
    		<!-- End: Menu -->


    Screen, wo der Div Site Page liegt: http://lokalbook.de/divbug.png

    Gruß

    Beitrag zuletzt geändert: 28.9.2011 20:52:04 von lokalbook
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. m******e

    Sorry, mal zwei Fragen hab:
    Du möchtest Domain-Hosting anbieten, kennst Dich jedoch mit einfacher Image-Platzierung nicht aus?
    Dann möchtest Du mit Deiner Seite Geld verdienen, aber damit die wie gewünscht aussieht, bietest Du nichts an?

    Das klingt nicht grade vertrauenserweckend.. :wink:
  4. Autor dieses Themas

    l*******k

    Hey,

    nein, dies wird ein kostenloses Hosting Projekt.

    Kenn mich normal schon mit Image Positionierung aus weis aber nicht warum mir der das dahin positioniert obwohl der div sitepage woanders liegt.


    Gruß

    Beitrag zuletzt geändert: 28.9.2011 23:14:04 von lokalbook
  5. m******e

    Hey,

    nur ein kleiner Tipp:
    Ein Link zur betreffenden Website wäre schon toll.
    Wie sonst können Html, CSS und Images nachgeprüft werden?

    Ein kleiner Qelltext-Auszug hilft da nicht weiter.
    Allerdings werde ich mich an dieser Stelle künftig wohl heraushalten.

    Gruß
  6. Räum doch erstmal dein code auf und scmeiß das ganze JS da raus und lagere dein css aus. und vielleicht kanst du ja auch auf die ganzen divs verichten. das sieht, tut mir leid für den ausdruck, grausam aus. Alleine beim drübersrollen.

    Sortiere das erstmal und dann vielleicht auch noch in einem anderen forum posten... den das ist ja eigentlich das php-forum oder? Und positionierungen von bildern und son zeugs ist einfach mal das html/css-Forum.
  7. Autor dieses Themas

    l*******k

    Hallo,

    die URL zur Seite: http://lokalbook.de/lokalbook/

    Reinigen und berichtigen werde ich den Script danach, möcht aber gern die Positionierung hinbekommen.

    Gruß
  8. m******e

    lokalbook schrieb:
    Reinigen und berichtigen werde ich den Script danach, möcht aber gern die Positionierung hinbekommen.
    Falscher Ansatz. Wie willst Du auf etwas aufbauen, was in sich schon falsch ist?

    Richtig wäre dieser Ansatz:
    thilda schrieb:
    Räum doch erstmal dein code auf und scmeiß das ganze JS da raus und lagere dein css aus. und vielleicht kanst du ja auch auf die ganzen divs verichten.

    Zusammenfassung:
    Die zahlreichen <div> Elemente: Ciao!
    Das überflüssige Javascript: Ciao!

    Wenn Du nicht weiter weißt, dann frag danach.
    Aber so wirds nix.

    Sorry.
  9. Autor dieses Themas

    l*******k

    Hallo,

    hab ihn jetzt ein bisschen verbessert PHP Code:

    <!-- Start: Menu -->
    	<div id="sitePage">
                       <div id="id01-lay-giga-home-13">
     		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_13.gif" width="992" height="17" alt="" />
                       </div>
    	<div id="id01-lay-giga-home-14">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_14.png" width="13" height="49" alt="" />
    	</div>
            <div id="id01-lay-giga-home-21">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_21.png" width="10" height="49" alt="" />
                       </div>
    	<div id="id01-lay-giga-home-22">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_22.gif" width="1" height="49" alt="" />
    	</div>
    	<div id="id01-lay-giga-home-23">
    		<img src="/lokalbook/hp/menubar/images/design/01_lay_giga_home_23.png" width="2" height="17" alt="" />
    	</div>
    	<div id="neue-server-generation">
    		<img src="/lokalbook/hp/menubar/images/design/neue_server_generation.png" width="990" height="17" alt="" />
    	</div>
    	<div onmouseover="$('#button-webhosting').css('background-position','left -49px')" onmouseout="if(show!='webhosting')$('#button-webhosting').css('background-position','left 0px')" id="button-webhosting" onclick="document.location='?show=webhosting'"></div>
            <div onmouseover="$('#button-server').css('background-position','left -49px')" onmouseout="if(show!='server')$('#button-server').css('background-position','left 0px')" onclick="document.location='?show=server'" id="button-server"></div>
            <div onmouseover="$('#button-vserver').css('background-position','left -49px')" onmouseout="if(show!='vserver')$('#button-vserver').css('background-position','left 0px')" onclick="document.location='?show=vserver'" id="button-vserver"></div>
            <div onmouseover="$('#button-gameserver').css('background-position','left -49px')" onmouseout="if(show!='gameserver')$('#button-gameserver').css('background-position','left 0px')" onclick="document.location='?show=gameserver'" id="button-gameserver"></div>
            <div onmouseover="$('#button-colocation').css('background-position','left -49px')" onmouseout="if(show!='colocation')$('#button-colocation').css('background-position','left 0px')" onclick="document.location='?show=colocation'" id="button-colocation"></div>
            <div onmouseover="$('#button-domains').css('background-position','left -49px')" onmouseout="if(show!='domains')$('#button-domains').css('background-position','left 0px')" onclick="document.location='?show=domains'" id="button-domains"></div> 
    	</div>
    <!-- End: Menu -->


    Beitrag zuletzt geändert: 29.9.2011 22:12:15 von lokalbook
  10. m******e

    lokalbook schrieb:
    Hallo,

    hab ihn jetzt ein bisschen verbessert PHP Code:
    Hey,
    mit Deinem jetzigen PHP(Html) -Code dürfte dann ja alles geklärt sein.

    Toll!
    Viel Spaß noch weiterhin! :thumb:
  11. Autor dieses Themas

    l*******k

    nein ist es nicht, weil die positionierung nicht richtig geht.

    gruß

    Edit by burgi:
    Doppelpost mit Zweiaccount zusammengefasst:
    So mein ich das: http://lokalbook.de/divbug.png

    Beitrag zuletzt geändert: 2.10.2011 22:25:40 von burgi
  12. Du hast immer noch zu viele divs da drinne.

    Ich nehme mal an das das die "webhosting"-dinger sein sollen.
    Dann mach da mal ne liste draus und dann passt das für den anfang.

    suche dir dafür zb mal ein bsp aus dem netz "menu liste horizontal"

    eine gute anlaufstelle könnte http://selfhtml.org oder http://ohne-css.gehts-gar.net sein.
    viel spass bei lesen und viel erfolg bei der umsetzung.

    Beitrag zuletzt geändert: 2.10.2011 15:20:48 von thilda
  13. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!