http://www.myfagus.de/fagus.png
jetzt hab ich das Layout fertig, hab aber keine Ahnung wie ich das jetzt mit Div-Container und CSS umsetzen kann.
Ich steh da irgendwie auf dem Schlau.
Asugehend davon das nur der schmale Balken im Header ein Bild sein soll, und der Rest nur Divs .
Wie kann ich das umsetzen?
Also , ich frag mal ganz lieb ob jemand so nett wär und mir ein Grundgerüst macht.
ich komm da einfach nicht weiter.
Ich bekomm diese Container einfach nicht positioniert.
Würde einer von euch sowas für mich machen?
Also nur nen HTML-Rohling wo die Container so positioniert sind wie im Entwurf.
ich bekomm das einfach nicht gebacken, bzw. steh total aufm schlauch.
Habt dann auch was gut bei mir....
heatseeker
Hallo mein Lieber,
Du willst später Coding anbieten?
Und bekommst dieses einfache Grundgerüst nicht hin?
Dann setz Dich hin und lerne! Ich helfe Dir später gerne beim Ausbügeln von Fehlern oder IE-Bugs oder was weiß ich - aber das Grundgerüst mußt Du schon selber machen.
Hier ein paar Links, die beim Positionieren helfen könnten: http://www.webwriting-magazin.de/sog...ssebenen.shtml
http://www.mako4css.com/Tutorial.htm
http://home.arcor.de/terrikay/tutori...ionierung.html
Grüße, Terry
Eigentlich wollte ich ja nie Coding anbieten.
Sondern nur Serverprogrammierung.
Aber aufgrund örtlicher Auftragslage ,uss ich auch ein wenig coden...
Danke für die Links.
Hoffe das mir ds ein wenig hilft.
heatseeker
OK, hab die Links durch...
ich hab noch nichtmal ne antwort wie ich einen 700px breiten Bereich zentrieren kann der oben direkt am Rand "pappt" .
Fangen wir da an. wie soll ich das machen?
1. such mal nach "container zentrieren" in google, dafür gibt es x lösungen, x-tausende besser gesagt -> direkte lösung: http://www.css-blog.com/index.php?p=68&more=1&c=1ich hab noch nichtmal ne antwort wie ich einen 700px breiten Bereich zentrieren kann der oben direkt am Rand "pappt" .
2. ad direkt oberer rand: geh mal bei w3c die css-eigenschaften "margin, padding" für das html-element "body" durch
Sag mal, wie hast Du Dir denn eigentlich PHP beigebracht? (damit tu ich mich übrigens wesentlich schwerer - hab noch keinen rechten Zugang zu der Sprache...) Du bist doch kein Anfänger mehr! Wirklich nicht.Zitat von heatseeker
Schau Dir mal fertige CSS-Layouts an und analysiere die!
Außerdem: Foren-Suchfunktion!
Hier im Forum hab ich beides auch schon mindestens 10x erklärt... Hier z.B.: http://www.traum-projekt.com/forum/s...ad.php?t=48956
Sorry, wenn Leute, die ich bisher eigentlich für fähig gehalten habe und die Geld mit coden verdienen wollen, solche Anfängerfragen stellen, dann werde ich doch recht ungehalten...
Grüße, Terry
sry, bin grad etwas neben der spur...
Hat auch einige private Gründe...
Deswegen. Thx for help.
Werd mich da mal ein wenig durchquälen ^^
Ahh, ok!
Dann war das gar nicht meine unkompetenz!
ICh hatte Probleme den Div-Container oben an den Rand zu bringen!
Habs auch mit euren Mustervorlagen nicht geschafft!
Jedenfalls nicht im Firefox!
Im IE gehts.
Ich weiss aber nicht warum...im FF immer noch rund 10px Lücke bleibt?
Hier mla mein Code:
HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Unbenanntes Dokument</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> <!-- html { height: 100%; } body { margin: 0px; padding: 0px; margin-bottom: 0px; padding-bottom: 0px; text-align: center; background-color: #000000; height: 100%; } div.layout { width: 780px; height: 100%; margin: 0px auto; text-align: left; padding: 0px; border-right: thin solid #FFFFFF; border-left: thin solid #FFFFFF; background-color: #FFFFFF; } --> </style> </head> <body> <div class="layout"><p>asdasdasdasdasd</p></div> </body> </html>
Ne idee?
Ja, das Problem kenn ich. Ist ein Mozilla-Bug. Der zieht die Farbe oben runter, weil der das margin vom p nicht farbig ausfüllt.
Wenn Du die <p>s rauslassen würdest oder dort margin auf 0 stellen würdest, dann wäre das Problem weg - aber man will ja nicht immer den Text so weit oben quetschen haben.
Daher die Lösung: class zero! Hab ich mir so abgespeichert - die braucht man öfter gegen allerlei Mozilla-Lücken!
HTML-Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Unbenanntes Dokument</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style> <!-- html { height: 100%; } body { margin: 0px; /*px braucht man nicht 0=0 - egal welche Einheit! */ padding: 0px; margin-bottom: 0px; /*ist unnötig*/ padding-bottom: 0px;/*das auch*/ text-align: center; background-color: #000000; height: 100%; } div.layout { width: 780px; height: 100%; margin: 0px auto; text-align: left; padding: 0px; border-right: thin solid #FFFFFF; border-left: thin solid #FFFFFF; background-color: #FFFFFF; } .zero { overflow: hidden; /*diese Klasse hilft gegen allerlei Mozilla-Lücken*/ margin: 0; padding: 0; line-height: 0; font-size: 0; height: 0; } --> </style> </head> <body> <div class="layout"><br class="zero"><p>asdasdasdasdasd</p></div> </body> </html>
Grüße, Terry
HEy !
Thx !
Sag mal, wie bist du an CSS gekommen?
Nur durch Internet-Recherche, oder kannst du gute Bücher empfehlen?
Bis jetzt nur Internet, vor allem Foren und dann den dort empfohlenen Links gefolgt. Linktipps hab ich viele im Linkforumsteil gepostet, kannst ja dort mal gucken.
Diesen Tipp hab ich aus einem anderen Forum, weil ich das gleiche Problem auch schon mal hatte (die Klasse braucht man aber wirklich öfter mal).
Grüße, Terry
Hmm, werd mal schaun.
Hab in letzter Zeit erst gemerkt wie mächtig CSS ist.
PHP,Perl,Java,JS ... alles kein Problem.
Aber mit CSS tu ich mich irgendwie schwer :/
Danke für die schnelle Hilfe
Ich werd dafür demnächst ein wenig Nachhilfe in Javascript und PHP brauchen...
Grüße, Terry
^^ Na, das ist dann wohl wieder mein gebiet ^^
Es ist alles ein Geben und nehmen ^^
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
LinkBack URL
About LinkBacks
Zitieren