Div positioniert irgendwie falsch
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anlaufstelle
ansatz
ausdruck
auszug
code
einfacher image
falscher ansatz
forum
http
image
kleiner tipp
liste
plazierung
projekt
reinigen
start
url
verdienen
zahlreichen elemente
zusammenfassung
-
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
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..
-
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 -
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ß -
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. -
lokalbook schrieb:
Falscher Ansatz. Wie willst Du auf etwas aufbauen, was in sich schon falsch ist?
Reinigen und berichtigen werde ich den Script danach, möcht aber gern die Positionierung hinbekommen.
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. -
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 -
lokalbook schrieb:
Hey,
Hallo,
hab ihn jetzt ein bisschen verbessert PHP Code:
mit Deinem jetzigen PHP(Html) -Code dürfte dann ja alles geklärt sein.
Toll!
Viel Spaß noch weiterhin!
-
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 -
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 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
