pragmaMx Support Forum

Nettes Hallo an Euch ...

... habe beim mx-rainbow in der theme.html folgendes CSS gesteuertes Menü eingebaut;

##################
<div class="blue">
        <div id="slatenav">
        <ul>
        <li ><a href='./.' ><span >Home</span></a></li>
<li ><a href='/modules.php?name=eBoard&file=index&gid=179'><span >Hilfe</span></a></li>
<li ><a href='/modules.php?name=regionales'><span >Regionales</span></a></li>
<li ><a href='/modules.php?name=Sections&sop=listarticles&secid=1'><span >Mitmachen</span></a></li>
<li ><a href='/modules.php?name=eBoard'><span >Forum</span></a></li>

        </ul>
        </div>
##################

in Verbindung der style.css;
##################


.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent urlwidth: 240px;(../images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:upperca200px;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:46px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}

#####################

bekomme aber mit den Befehlen weight und height leider nicht hin, dass die Hintergrundgrafiken eine einheitliche, festgelegte Breite haben.

Würde mich freuen, wenn mir vielleicht jemand einen Tipp geben könnte.

Gruß und Dank

Peter

Hallo  :)
wenn es um deine wiederalleine.net Seite geht, dann haben alle Buttons eine einheitliche Breite und Höhe (mit FF). Oder ist es eine andere?
lg

Hallo cihan ...

...stimmt schon, danke! Möchte aber die Buttons durch ein css menu wie beispielsweise hier http://cssmenumaker.com/
ersetzen. Da die Breite allerdings immer von der Linktextlänge abhängig ist, sieht`s eher unschön aus.

Gruß und Dank

Peter

Hallo  :)
habe das mal HIER (http://ibrayen.ib.ohost.de/) eingefügt... Meinst du das etwas so?

lg

Hallo cihan ...

exakt so. Danke für`s austesten. Die Breiten Deiner Hintergründe orientieren sich bei Dir nicht an der Textlänge, sondern scheinen fest definiert zu sein. Wie bitte hast Du das hinbekommen?  ;)

Gruß und Dank

Peter

Hallo  :)
hier die kleine Änderung:

Zitat<div id='menucontainer'>
<div id='menunav'>
<ul>
<li ><a href='http://\\' class='current' ><span >Home</span></a></li>
<li ><a href='http:///modules.php?name=eBoard&file=index&gid=179\\'  ><span >Hilfe</span></a></li>
<li ><a href='http:///modules.php?name=regionales'  ><span >Regionales</span></a></li>
<li ><a href='http:///modules.php?name=Sections&sop=listarticles&secid=1'  ><span >Mitmachen</span></a></li>
<li ><a href='http:///modules.php?name=eBoard'  ><span >Forum</span></a></li>

</ul>
</div>
</div>

Zitat.blue #slatenav{
   position:relative;
   display:block;height:42px;
   font-size:11px;
   font-weight:bold;
   background:url(../images/blueslate_background.gif) repeat-x top left;
   font-family:Arial,Verdana,Helvitica,sans-serif;
   tedxt-transform:upperca200px;}

.blue #slatenav ul{
   margin:0px;
   padding:0;
   list-style-type:none;
   width:200;
}

.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;
   border-right:1px solid #ffffff;}

.blue #slatenav ul li a{display:block;float:left;
   color:#D5F1FF;
   text-decoration:none;
   padding:14px 22px 0 22px;
   width:90px;
   height:46px;}

.blue #slatenav ul li a:hover,
.blue #slatenav ul li a.current{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}

lg

Hallo cihan,

...genaus so geht`s. Hab tausend Dank für Deine Mühe und Deine Hilfe. Hast was gut bei mir  :drinks: