|
|||
Problem mit padding und margin
Hey Leute.
Ich bin gerade dabei eine Webseite zu erstellen. Jedoch scheitere ich bereits bei der Darstellung eines Submenues. Ich hab das Ganze mit <div> Tags realisieren wollen. Hier erstmal der Code der index.htm: HTML-Code:
<body> <div class="logo"><img src="img/logo.png" alt="webdesign logo" /></div> <!-- RECHTE SEITE --> <div class="rightcontainer"> <!-- MENUE --> <div class="menue"> <!-- MAINMENUE --> <div class="mainmenue"> <a href=""><img src="img/menue/home.png" alt="Startseite" /></a> <img src="img/menue/line.png" /> <a href=""><img src="img/menue/webdesign.png" alt="Startseite" /></a> <img src="img/menue/line.png" /> <a href=""><img src="img/menue/seo.png" alt="Startseite" /></a> <img src="img/menue/line.png" /> <a href=""><img src="img/menue/marketing.png" alt="Startseite" /></a> <img src="img/menue/line.png" /> <a href=""><img src="img/menue/leistungen_preise.png" alt="Startseite" /></a> <img src="img/menue/line.png" /> <a href=""><img src="img/menue/referenzen.png" alt="Startseite" /></a> <img src="img/menue/line.png" /> <a href=""><img src="img/menue/kontakt.png" alt="Startseite" /></a> </div> <!-- MAINMENUE ENDE --> <!-- SUBMENUE --> <div class="submenue"> <a href="">Individuelles Design</a> <img src="img/menue/sub_line.png" /> </div> <!-- SUBMENUE ENDE --> </div> <!-- MENUE ENDE --> <div class="maincontent">TEST</div> </div> <!-- RECHTE SEITE ENDE --> </body> In der CSS-Datei steht folgender Code: Code:
body{ background-color:#252525;} img {border:0px;} .logo{margin:25px 0 0 25px; float:left; width:140px;} .rightcontainer{ float:left;} .menue{height:75px; width:790px; margin:25px 0 0 15px;} .mainmenue{ height:40px; width:770px; background-image:url(../img/menue/menue_bg.png); background-repeat:no-repeat; margin:0px; padding-left:20px; } .mainmenue a img{ margin-left:5px; margin-bottom:8px; margin-right:5px; } .submenue{ height:35px; width:770px; background-image:url(../img/menue/submenue_bg.png); background-repeat:no-repeat; padding-left:20px; margin:0px; } .abstand {} .submenue a { padding-left:5px; padding-bottom:10px; padding-right:5px; font-family:Verdana; font-size:14px; color:#ffffff; text-decoration:none; } .submenue img{ padding:0 5px 0 5px;} .maincontent{ margin:45px 0 0 15px; height:500px;} Das Problem ist der Link innerhalb des Submenues. Ich hätte gerne, dass er mittig, also mit gleichem Abstand nach oben und unten dargestellt wird. ich dachte, Code:
.submenue a { vertical-align:middle; padding-left:5px; padding-right:5px; font-family:Verdana; font-size:14px; color:#ffffff; text-decoration:none; } Code:
.submenue a { padding-bottom:10px; padding-left:5px; padding-right:5px; font-family:Verdana; font-size:14px; color:#ffffff; text-decoration:none; } Ich persönlich tippe auf irgendeine Unverträglichkeit zwischen den Padding und Margin Angaben in den anderen DIV-Containern, aber hab keinen Plan. Ich hab schon so einiges ausprobiert, aber bisher wirkt nix. Ich hoffe ihr habt eine Idee. Grüße ED Achja, ihr könnt euch unter www.kreativwebdesign.com/test das Ganze mal vor augen führen. Geändert von webba (15.09.2009 um 20:34 Uhr) Grund: was vergessen... |
Sponsored Links |
|
|||
hhm, interessantes Tutorial, aber nicht wirklich das was ich suche.
Wie gesagt, es geht um das untere Menü. Die Links sitzen einfach zu weit unten und ich weiss nicht warum. Allerdings werde ich jetzt einfach mal versuchen das ganze mit ner Liste umzusetzen, vielleicht löst sich das Problem dann wie von allein. Also Danke erstmal. Und falls noch jemandem etwas ein- oder auffällt, raus damit. Gruß ED |
|
||||
Moin,
Zitat:
Außerdem reagieren sie nur schlecht auf vertikale Verschiebungen. Wenn Grafiken ausgeschaltet sind heißen deine Links alle Startseite. Deine Versuche zeigen das dir wichtige Grundlagen fehlen. Schau dir doch mal diesen Kurs an oder arbeite Little Boxes 1 durch. Übrigens, ist das deine Seite und beabsichtigst du Webdesign, SEO als Dienstleistung anzubieten? Ich nehme jetzt mal zu deinen Gunsten an, das ist eine Testseite und du hast die Linkbezeichnungen nur mal probehalber so gewählt, oder?
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Danke erstmal für eure Tipps. Ich werd eure Ratschläge befolgen und erstmal die Tutorials durcharbeiten um ein besseres Verständnis zu bekommen.
Zitat:
Aber es ist ja noch kein Meister vom Himmel gefallen. Ich hab zwar schon einige Webseiten gestaltet, allerdings bin ich was sauberen und effektiven Quelllcode angeht definitiv übelster Anfänger. Gerade was die Arbeit mit CSS angeht. Deswegen geh ich jetzt erstmal üben.... |
Stichwörter |
abstände, links, margin, padding |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Dynamische Größen | Killhunter | CSS | 0 | 14.05.2011 17:56 |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
z-index hoch, dennoch grafik nicht ganz oben | bergg | CSS | 6 | 27.10.2010 17:02 |
Mysteriöse weiße Linie | Xethon | CSS | 3 | 27.02.2010 16:50 |
Problem mit Boxendarstellung mit Bild | Sordum | CSS | 6 | 22.06.2008 17:04 |