menu bearbeiten...?

forummx

hi for all

habe da mal eine frage zu meinen menü...?

möcht gern das zwischen jedem menüpunkt nur eine 1px weisse line ist aber finde dafür nix in der css datei könnte mir da einer von euch helfen...

hier mal ein link: http://www.euromuenzen-agrell.eu

mit freundlichen grüßen
forummx

Tobse

klappt doch schon... -.-
Und wenns das net is:
HTML:

Code

<div id="menu">
 <span><a href="#">DAS SIT EIN MENÜLINK</a></span>
</div>

CSS:

Code

div#menu span {
border-bottom: 1px solid white;
}

forummx

hallo Tobse,

danke für deine antwort aber ich
meine das Kategorie menü....

mfg

Tobse

hä?

Zitat

das Kategorie Menü

drück dich bitte klarer aus.

webcoolcity

Poste mal bitte den Code der für dein Menü steht, keine lust den zu suchen !

müßte in der Datei sein !

http://www.euromuenzen-agrell.eu/templates/euro…/stylesheet.css

P.S. Ich denke mal das dir die Linie noch zu breit ist oder ?

Tobse oder so:

Zitat

klappt doch schon... -.-
Und wenns das net is:
HTML:
Code:
<div id="menu">
<span><a href="#">DAS SIT EIN MENÜLINK</a></span>
</div>
CSS:
Code:
div#menu span {
border-bottom: 1px solid white;
}

Alles anzeigen

Schwachsinn !
Das sind doch wohl eher Tabellen !

Tobse

verwendet man noch tabellen, wenn es zu vermeden is?
--->NEIN,
also mistpost

webcoolcity

Naja, genau gesehen benutzt man für Navis Listen !

Keine Div's keine Tabellen, aber ich sehe kaum Deutsche Seiten die sich daran halten, bei den Amerikanern sieht das anders aus !

Also mit Mistpost hab ich ja nicht angefangen.

Und mein Post ist nicht Mist weil er ja Tabellen Benutzt oder die Hersteller seines PHP-Script

Tobse

ok,sry, aber wiso benutzt du überhaupt tabellen??
du kannst doch einfach deine links hinschreiben:
<a href="..">LINK</a><br />
<a href="..">LINK</a><br />
<a href="..">LINK</a><br />
<a href="..">LINK</a><br />
...u.s.w....
und die dann per css formatieren
und den weissen strich bekommst du dann mit der intergrund-grafik hin

forummx

hi webcoolcity,

hier mal der css code für das menü:

HTML

/* ---------------------------------------------------------- Box Style Categories */  
#tsmenubox_categories_head {
 padding: 0px 0px 0px 0px;
 /*text-align: left;*/
 
 width: 185px;
 height: 25px;
 border-top:    1px solid #996600;
    border-right:  1px solid #996600;
    border-bottom: 1px solid #996600;
    border-left:   1px solid #996600;
 background-image: url(../ts_template/templatepic/c_boxhead.jpg);
}
#tsmenubox_categories_body {
    padding: 0px 0px 0px 0px;
 font-family: Verdana, Arial, Helvetica, Sans-Serif;
 font-size: 11px;
 font-weight: normal;
 width: 185px;
 text-align: left;
 border-top:    0px solid #996600;
    border-right:  1px solid #996600;
    border-bottom: 0px solid #996600;
    border-left:   1px solid #996600;
}
div.tsmenubox_categories_bodycontent {
 padding: 0px 0px 0px 1px;
 width: 183px;
}
div.tsmenubox_categories_footer {
 padding: 0px 0px 0px 0px;
 width: 185px;
 height: 8px;
 background: #dfdfdf;
 border-top:    0px solid #92b5c9;
    border-right:  1px solid #996600;
    border-bottom: 1px solid #996600;
    border-left:   1px solid #996600;
}/*ab hier ist der code ausgeschloßen...
#menubox_categories .categories {
    border-color: blue;
    border-style: solid;
    border-width: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}
.categories {
    font-size: 10px;
    overflow: hidden;
 text-align: left;
    height: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 1px;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    background-image: url();
    background-color: #e7e7e7;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
 padding-bottom: 2px;
}
#menubox_categories a {
    font-weight: normal;
    color', '#000000;
}
#menubox_categories .cat_link {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #000000;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-transform: none;
 margin-bottom: 1px;
}
#menubox_categories .cat_sub_link {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #000000;
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
 margin-left: 0px;
}
#menubox_categories .cat_active {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #000000;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-transform: none;
 margin-right: 0px;
}
*/

Alles anzeigen

würde mich freuen wenn da wer helfen könnte....
komm einfach nicht weiter....

mfg.forummx

yeti66

Also 2 Deklarationen addieren sich.

HTML

.categories {
    font-size: 10px;
    overflow: hidden;
    text-align: left;
    height: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 1px;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    background-image: url();
    background-color: #e7e7e7;
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 1px;
    padding-bottom: 0px;
}

Alles anzeigen

...margin bottom:1px; und

HTML

#menubox_categories .cat_link {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    color: #000000;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    margin-bottom: 1px;
}

Alles anzeigen

margin-bottom: 1px;
Unter .categories würde ich alles verkürzen und auf margin:0; setzen. Das sollte Dein Problem beheben.

yeti66

Hmm, ich will ja nicht mosern forummx aber es wäre schon nett gewesen wenn die Community ein feedback bekommen hätte ob die Lösung erfolgreich war oder nicht. So schaut man schon mal selber nach. Offensichtlich hast du ja das Ergebnis, das Du haben wolltest. Ein kleiner Dank ist doch hier die Motivation zu helfen.

Tags