[Erledigt] Breite Hintergrundgrafik CSS Menü

Begonnen von wiederalleine, 02 Juni 2008, 17:41:03

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

wiederalleine

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

cihan

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

wiederalleine

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

cihan

Hallo  :)
habe das mal HIER eingefügt... Meinst du das etwas so?

lg

wiederalleine

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

cihan

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

wiederalleine

Hallo cihan,

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