Suche im Forum:
Suchen


Autor Nachricht
Beitrag02.08.2011 um 22:09 (UTC)    
Titel: Coolmenü: Größe der Button verändern

Hallo alle zusammen,

ich würde gerne an meinem Coolmenü die Größe der Button verändern. Ich möchte gerne das die Größe der Oberpunkte größer ist als die der Unterpunkte.

Würde mich freuen wenn mir da jemand helfen könnte, hier einmal der Code:

<div id="rd_header">
<div id="rd_main">
<div id="rd_navi">
<div id="rd_submenu">
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 12px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-left: 5px;padding-top: 2px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 17px;
left: 50%;
margin-left:-405px;
width:905px;
}

.menu li
{
width: 120px;
float: left;
}

.menu a
{
border: 0px solid #292929;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 34px;
color: #292929;
}

.menu a:hover
{
background-color: #;
background-image: url(http://img.webme.com/pic/d/djcenter-bigx/djc_navi_hover.png);
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
background-color: #292929;
background-image: url(http://img.webme.com/pic/d/djcenter-bigx/button.png);
font-size: 12px;
display: none;
width: 120px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
font-weight: bold;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>



<div class="menu">

<li><a href="http://djcenter-bigx.de/home.htm" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Startseite</a>
<ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">

<li><a href="http://www.djcenter-bigx.de/G.ae.stebuch.htm">Gästebuch</a></li>
<li><a href="/tutorials/Menupunkt1.2.htm">Newsletter</a></li>

</ul>
</li>

<li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Unser Team</a>
<ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">

<li><a href="/tutorials/Menupunkt2.1.htm">Deejays</a></li>
<li><a href="/tutorials/Menupunkt2.2.htm">Lightjays</a></li>
<li><a href="/tutorials/Menupunkt2.3.htm">Mitwirkende</a></li>
<li><a href="http://www.djcenter-bigx.de/History.htm">History</a></li>

</ul>
</li>

<li><a href="http://www.djcenter-bigx.de/Events.htm" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Events</a>
<ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">

<li><a href="/tutorials/Menupunkt3.1.htm">Eventkalender</a></li>
<li><a href="/tutorials/Menupunkt3.2.htm">Refernzen</a></li>
<li><a href="http://www.djcenter-bigx.de/home.htm">Galerie</a></li>
<li><a href="/tutorials/Menupunkt3.4.htm">Vorschau</a></li>


</ul>
</li>

<li><a href="http://www.djcenter-bigx.de/Equipment.htm" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Equipment</a>
<ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">

<li><a href="http://www.djcenter-bigx.de/Tontechnik.htm">Tontechnik</a></li>
<li><a href="http://www.djcenter-bigx.de/Lichttechnik.htm">Lichttechnik</a></li>
<li><a href="/tutorials/Menupunkt4.4.htm">Spezialeffekte</a></li>
<li><a href="http://www.djcenter-bigx.de/Software.htm">Software</a></li>
<li><a href="/tutorials/Menupunkt4.4.htm">Hardware</a></li>

</ul>
</li>

<li><a href="http://www.djcenter-bigx.de/forum.htm" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">Forum</a>
<ul id="smenu5" onmouseover="montre('smenu5');" onmouseout="cache('smenu5');">

<li><a href="/tutorials/Menupunkt5.1.htm">Moderatoren</a></li>
<li><a href="/tutorials/Menupunkt5.2.htm">Forumregeln</a></li>
<li><a href="http://www.djcenter-bigx.de/Forumstatistik.htm">Forumstatistik</a></li>

</ul>
</li>

<li><a href="http://www.djcenter-bigx.de/Partner.htm" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">Partner</a>
<ul id="smenu6" onmouseover="montre('smenu6');" onmouseout="cache('smenu6');">

<li><a href="/tutorials/Menupunkt6.1.htm">Partnerseiten</a></li>
<li><a href="/tutorials/Menupunkt6.2.htm">Premiumpartner</a></li>
<li><a href="http://www.djcenter-bigx.de/Partner-werden.htm">Partner werden</a></li>
<li><a href="/tutorials
/Menupunkt6.4.htm">Weitere Links</a></li>

</ul>
</li>

<li><a href="http://www.djcenter-bigx.de/Anfragen.htm" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">Anfragen</a>
<ul id="smenu7" onmouseover="montre('smenu7');" onmouseout="cache('smenu7');">

<li><a href="/tutorials/Menupunkt7.1.htm">Eventanfrage</a></li>
<li><a href="/tutorials/Menupunkt7.2.htm">Eventplanung</a></li>
<li><a href="/tutorials/Menupunkt7.2.htm">Bewerbung</a></li>

</ul>
</li>

</div>
</div>
</div>
<div id="rd_top"></div>
<div id="rd_main_inner">
<div id="rd_side">
<div id="rd_side_box">

<div id="rd_side_box_content">


</div>
<div id="rd_side_box_foot"></div>
</div>
<div id="rd_side_box">

<div id="rd_side_box_content">

</div>
<div id="rd_side_box_foot"></div>
</div>
<div id="rd_side_box">
<div id="rd_side_box_top"></div>
<div id="rd_side_box_content">

</div>
<div id="rd_side_box_foot"></div>
</div>
</div>
Beitrag02.08.2011 um 23:13 (UTC)    
Titel:

bei .menu a fehlt:

.menu a
{
border: 0px solid #292929;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 34px;
color: #292929;
font-size: 15px;
}

die 15px ist nur ein bsp und kannst natürlich ändern...

und änder die auch mal:

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7
{
background-color: #292929;
background-image: url(http://img.webme.com/pic/d/djcenter-bigx/button.png);
display: none;
width: 120px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
font-weight: bold;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
font-size: 12px;
}
______________
Born to be a N3rd
Beitrag03.08.2011 um 07:53 (UTC)    
Titel:

Habe es so hinbekommen:

.menu a
{
border: 0px solid #292929;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 34px;
color: #292929;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a, #smenu7 a
{
font-weight: bold;
padding-top: 0px;
border-top: 0px;
cursor: pointer;
height: XXpx;
color: #FFFFFF;
}
//-->



Vielen Dank für die Hilfe. Somit Problem gelöst --- closed !
Beitrag03.08.2011 um 10:05 (UTC)    
Titel:

Okay, danke für die Rückmeldung!

-CLOSED-

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de