Webseite Fehler
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
all
angebot
beispiel
bestellen
bild
boxen
code
deutschland
grafik
http
image
info
jemanden
kompletten verschieben
kostenloser support
machen
page
position
raten
url
-
Hi,
weiß jemand warum bei mir die 4 Boxen sich nicht ganz mittig ausrichten da fehlen ungefähr 2-4px nach rechts das es mit dem Header bündig ist?
http://www.lokalbook.de/lokalbook/
Danke -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
lokalbook schrieb:
Hi,
weiß jemand warum bei mir die 4 Boxen sich nicht ganz mittig ausrichten da fehlen ungefähr 2-4px nach rechts das es mit dem Header bündig ist?
http://www.lokalbook.de/lokalbook/
Danke
Ist doch ganz klar: Weil du es so eingestellt hast ^^
Einfach in deinem nav_wrppr das margin etwas bearbeiten (;
Beitrag zuletzt geändert: 10.9.2011 16:42:40 von kill-a-teddy -
Hi,
nav_wrppr ist die Navi (menubar) oben ich meinte die 4 Boxen nach der Suchfunktion.
Gruß Tobi -
lokalbook schrieb:
Hi,
nav_wrppr ist die Navi (menubar) oben ich meinte die 4 Boxen nach der Suchfunktion.
Gruß Tobi
Aaah okay... Also erstmal werden die Bilder net angezeigt, denke mal fehlerhafter Link und 2. sind die Bilder stand allone, sie haben keine grafische positionierung oder so, wie aus deiner css hervorgeht..
Das ist ein ausschnit aus deinem Code, von dem ersten Bild
<div class="box g�ste"> <h3><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/gastheader.png" alt="G�STE UPLOAD" /></h3> <div class="boxcontent">
Dein Bild steht alleine, du könntest es z.B. in eine extra div stellen
<div class="box g�ste"> <div id="gäste_bild"> <h3><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/gastheader.png" alt="G�STE UPLOAD" /></h3> </div> <div class="boxcontent">
Und es dann in deiner css positionieren:
#gäste_bild{ margin-left: 100px; }
-
Dann schiebts mir glaub nur das rüber oder
<h3><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/gastheader.png" alt="GÄSTE UPLOAD" /></h3>
aber der Footer bzw. die Textbox bleibt stehen.
Gruß
Beitrag zuletzt geändert: 10.9.2011 19:53:12 von lokalbook -
lokalbook schrieb:
Einwandrei, werde es schnell machen vielen Dank.
Gruß
Kein Problem.. ^^ Kaum zu glauben, aber vor nicht einmal 3 Monaten stand ich auch vor solchen Fragen... Heute weiß ich, wie ich etwas positionieren muss, ohne es überhaupt als Internetseite an sich zu sehen, habe nur den Quellcode vor mir :D
Hatte anfangs nicht einmal ftp kentnisse, nu hab ich mehr als das Basiswissen.. Also: Niemals aufgeben (; -
Hey,
das ist mein CSS Code aber wenn ich hier
4px einstelle macht es mir die Boxen ein bisschen auseinander aber die letzte Box schiebt es mir dann runter also sind 3 oben und die 4te Box schiebt es runter, woran liegt das?margin: 0 3px 0px 0; :
#page .right_col { float: left; margin: 0 0 10px 15px; overflow: hidden; } .angebote { float: left; text-align: left; } .angebote .box { float: left; margin: 0 3px 0px 0; position: relative; width: 238px; } .angebote h3 { margin: 0; } .angebote .boxcontent { background: none no-repeat scroll left bottom #F2F2F2; color: #333333; font-size: 12px; height: 9em; line-height: 17px; overflow: hidden; padding: 5px 18px; } .angebote .gäste .boxcontent { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxcontent/gastcontent.jpg"); } .angebote .mitglieder .boxcontent { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxcontent/mitgliedcontent.jpg"); } .angebote .webdav .boxcontent { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxcontent/webdavcontent.jpg"); } .angebote .gallery .boxcontent { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxcontent/gallerycontent.jpg"); } .angebote .boxfooter { background: none no-repeat scroll left bottom #E2003D; height: 56px; position: relative; } .angebote .gäste .boxfooter { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxfooter/gastfooter.png"); } .angebote .mitglieder .boxfooter { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxfooter/mitgliedfooter.png"); } .angebote .webdav .boxfooter { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxfooter/webdavfooter.png"); } .angebote .gallery .boxfooter { background-image: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/boxfooter/galleryfooter.png"); } .boxfooter strong { display: none; } .angebote .boxfooter a.info, .angebote .boxfooter a.bestellen { background: url("http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-pfeile.gif") no-repeat scroll 9px 0 transparent; color: #000000; display: block; height: 18px; left: 150px; position: absolute; width: 81px; } .angebote .boxfooter a.info:hover, .angebote .boxfooter a.bestellen:hover { background-position: 9px -18px; } .angebote .boxfooter a.info { top: 7px; } .angebote .boxfooter a.bestellen { top: 29px; } .angebote .boxfooter a.info:active, .angebote .boxfooter a.bestellen:active { margin-top: 1px; } -
lokalbook schrieb:
Hey,
das ist mein CSS Code aber wenn ich hier
4px einstelle macht es mir die Boxen ein bisschen auseinander aber die letzte Box schiebt es mir dann runter also sind 3 oben und die 4te Box schiebt es runter, woran liegt das?margin: 0 3px 0px 0; :
Des liegt am margin...
Versuch es entweder mit
margin-left: 4px;
oder mit position
position:absolute; left: 4px; -
Wie kann man jemanden helfen der SEINE Seite aus 3 verschiedenen anderen Seiten zusammenbaut und unten im Footer stolz
Copyright 2011 - 2012 by Lokalbook.de, Deutschland
schreibt.
Ich würde dir nur raten es selber zu programmieren,bzw zus chreiben. Dann weißt du nämlich auch warum du solche Fehler bekommst.
mfg Stephan -
daswing schrieb:
Wie kann man jemanden helfen der SEINE Seite aus 3 verschiedenen anderen Seiten zusammenbaut und unten im Footer stolzCopyright 2011 - 2012 by Lokalbook.de, Deutschland
schreibt.
Ich würde dir nur raten es selber zu programmieren,bzw zus chreiben. Dann weißt du nämlich auch warum du solche Fehler bekommst.
mfg Stephan
Des is mir sowas von ralle... Ich mein erst ist ein Mensch und hat nach Hilfe gefragt.. Wieso sollte er keine bekommen, weil er etwas anders macht? Das nennt man diskriminierung und ist in Deutschland verboten! -
funktioniert leider nicht da wirft es mir die 4 Boxen untereinander und setzt sie mir 4 px von dem Bildschirmrand auf der Linken seite weg.
-
lokalbook schrieb:
funktioniert leider nicht da wirft es mir die 4 Boxen untereinander und setzt sie mir 4 px von dem Bildschirmrand auf der Linken seite weg.
Hast du denn das div auch richtig positioniert?
Du musst ja auch bedenken, wenn du es in ein div packst, dann steckt es ja nicht mehr als Element in dem anderen div drinne..
An sonsten mach es (sorry, dass mir das net vorher einfiel!)
in einen <p>, gib ihm eine id
<p id="bild1"><img src usw.></p>
und positionier es dann
p#bild1 { margin-left: 4px; }
-
kann man das ganze auch im kompletten verschieben da es mir nur die Grafik zum Beispiel um 7 PX verschiebt:
Beispiel so:<h3><p id="bild4"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/galleryheader.png" alt="GALLERY" /></h3>
so wird mir nur die Grafik um 7 px verschoben.
<!-- * Angebote * --> <div class="angebote"> <!-- all-inkl Privat --> <div class="box gäste"> <h3><p id="bild1"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/gastheader.png" alt="GÄSTE UPLOAD" /></h3> <p id="bild4"><div class="boxcontent"> kostenlos<br /> Speicher: 180 Tage<br /> Remote Upload<br /> keine Registrierung<br /> bis zu 5 MB pro Image </div> <div class="boxfooter"><strong>0.00*</strong> <a href="webhosting/privat/index.html" class="info"><p id="bild4"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-info.gif" alt="Info" /></a> <a href="webhosting/privat/bestellung/index.html" class="bestellen"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-bestellen.gif" alt="Bestellen" /></a> </div> </div> <!-- all-inkl PrivatPlus --> <div class="box mitglieder"> <h3><p id="bild2"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/mitgliedheader.png" alt="REGISTRIERTE MITGLIEDER" /></h3> <p id="bild4"><div class="boxcontent"> kostenlos<br /> Speicher: unbegrenzt<br /> Passwortschützbar<br /> kostenloser Support<br /> kostenlose Fotogallery<br /> Uploadgröße: unbegrenzt </div> <div class="boxfooter"><strong>0.00*</strong> <a href="../webhosting/privatplus/index.html" class="info"><p id="bild4"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-info.gif" alt="Info" /></a> <a href="webhosting/privatplus/bestellung/index.html" class="bestellen"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-bestellen.gif" alt="Bestellen" /></a></div> </div> <!-- all-inkl PrivatPlus --> <div class="box webdav"> <h3><p id="bild3"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/webdavheader.png" alt="FILE UPLOAD" /></h3> <p id="bild4"><div class="boxcontent"> kostenpflichtig<br /> Speicher: unbegrenzt<br /> Passwortschutz<br /> kostenloser Support<br /> virtual private network<br /> Uploadgröße: unbegrenzt </div> <div class="boxfooter"><strong>0.00*</strong> <a href="../webhosting/privatplus/index.html" class="info"><p id="bild4"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-info.gif" alt="Info" /></a> <a href="webhosting/privatplus/bestellung/index.html" class="bestellen"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-bestellen.gif" alt="Bestellen" /></a></div> </div> <!-- all-inkl Premium --> <div class="box gallery"> <h3><p id="bild4"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/galleryheader.png" alt="GALLERY" /></h3> <div class="boxcontent"> kostenlos<br /> bis zu 20 Fotos<br /> kostenloser Support<br /> Gallery: unbegrenzt<br /> <br /> Uploadgröße: unbegrenzt </div> <div class="boxfooter"><strong>0.00*</strong> <a href="webhosting/premium/index.html" class="info"><p id="bild4"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-info.gif" alt="Info" /></a> <a href="webhosting/premium/bestellung/index.html" class="bestellen"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/tarif-bestellen.gif" alt="Bestellen" /></a></div> </div> </div> </div> <!-- End: Site Page Content --> <!-- End: Site Page --> -
lokalbook schrieb:
kann man das ganze auch im kompletten verschieben da es mir nur die Grafik zum Beispiel um 7 PX verschiebt:
Beispiel so:<h3><p id="bild4"><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/galleryheader.png" alt="GALLERY" /></h3>
so wird mir nur die Grafik um 7 px verschoben.
Klar du kannst eig. alles verschieben.. Wenn du alles verschoben haben willst nimmst du einfach die übergeordnete div und machst dann ein margin.. Zumal dein Syntax etwas falsch ist und ein abschließendes </p> fehlt.. Richtig wäre es so:
<p id="bild4"><h3><img src="http://www.lokalbook.de/lokalbook/hp/tarifbox/boxheader/galleryheader.png" alt="GALLERY" /></h3></p>
Und ich würde zu relativen Pfaden empfehlen also:
<p id="bild4"><h3><img src="/lokalbook/hp/tarifbox/boxheader/galleryheader.png" alt "GALLERY" /></h3></p>
da das ganze mit absoluten Pfaden sehr unübersichtlich wird.. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
