Menü + Trennstrich Problem CSS
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anhieb
auto
beispiel
blocken
code
display
dorf
helfen
http
linie
list
mache
page
problem
tag
test
text
trennlinie
url
wiederholen
-
Hallo !
Ich tag/mache">mache gerade ein neues Design. Zu sehen hier: http://davidlohmann.de/test/
1. Ich will beim Menü die Trennstriche näher zusammen, so wie hier: http://davy.lima-city.de/beispiel.png
2. Ich will den langen Trennstrich neben dem Menü durchgehend haben, so wie hier: http://davy.lima-city.de/beispiel.png
Könnt Ihr mir helfen? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Auf Anhieb sehe ich das sich die gestrichelten Trennlinien wiederholen^^ Vllt setzt du als erstes eine trennlinie (per <img sr...) und dann kommt nur noch unter jeden Menüpunkt eine gestrichelte linie.
Zu der durchgezogenen trennlinie: du hast die wahrscheinlich in den tag vom menü gesetzt oder? Versucht das mal die trennlinie in den Tag vom text zu setzten. Oder wenn du die trennlinie per <img src... einfügst dann setzte doch mal hight=100% dazu
-
das-dorf schrieb:
Auf Anhieb sehe ich das sich die gestrichelten Trennlinien wiederholen^^ Vllt setzt du als erstes eine trennlinie (per <img sr...) und dann kommt nur noch unter jeden Menüpunkt eine gestrichelte linie.
Zu der durchgezogenen trennlinie: du hast die wahrscheinlich in den tag vom menü gesetzt oder? Versucht das mal die trennlinie in den Tag vom text zu setzten. Oder wenn du die trennlinie per <img src... einfügst dann setzte doch mal hight=100% dazu
Hallo
Zur Trennlinie: Nein, ich habe die Linie in den #page gesetzt. Also, hier hin:
#page{width:94%;margin:0 auto;text-align:left;border-left:1px solid #bcbaac;padding-left:15px;}
Das gesamte CSS ist hier: http://www.davidlohmann.de/test/default.css
Wie mache ich das mit den Menü Trennstrichen? -
Kopiere doch mal den gesamten Code, welcher die Trennstriche im Menü (links) erzeugt.... inc. html.code
-
HTML:
......... <div id="head2"> <div id="logo"> </div> </div> <div id="body"> <div id="column"> <div id="menu_links"><b><h1>Menü:</h1></b> <ul> <li><a href="index.php">Startseite</a></li> </ul> </div> </div> <div id="content"><div id="page"> <h1>Startseite</h1> <div class="content" id="pageDescription"><p></p> <br> <p> ........
CSS:
#menu_links{padding:0 20px;} #menu_links ul{margin:4px 0;border-bottom:1px dashed #bcbaac;list-style:none;} #menu_links a{display:block;width:96%;padding:6px 2%;border-top:1px dashed #bcbaac;background:inherit;color:#553;text-decoration:none;} #menu_links a:hover{background-color:#eeede8;color:#970000;text-decoration:underline;} #page{width:94%;margin:0 auto;text-align:left;border-left:1px solid #bcbaac;padding-left:15px;}
Hoffe, das hilft :)
Beitrag zuletzt geändert: 17.10.2010 11:08:09 von davy -
Ehrlich gesagt verstehe ich gerade nicht wie du die gestrichelten Linien hin bekommst^^
-
das-dorf schrieb:
Ehrlich gesagt verstehe ich gerade nicht wie du die gestrichelten Linien hin bekommst^^
Damitborder-bottom:1px dashed #bcbaac
Aber das mit dem Menü habe ich jetzt selbst hinbekommen
Nur das Problem mit der langen Trennlinie besteht immer noch. -
Versuche es mit hight=100% oder füge den trennstrich in einen tag ein, der von unten bis oben geht^^
EDIT: Sorry wenn ich dir nicht wirklich helfe (will es zwar kann aber nicht) weil ich selber probleme mit meiner Website habe.
Beitrag zuletzt geändert: 17.10.2010 14:50:45 von das-dorf -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
