Suche im Forum:
Suchen


Autor Nachricht
Beitrag26.03.2010 um 20:03 (UTC)    
Titel: Coolmenü: Abstand zwischen den Buttons erzeugen?!

Hi
giebt es eine möglichkeit einen Abstand zwischen den Buttons vom
Coolmenü zumachen wenn ja welche Eigentschaft ist das in meinem Code:


Zitat:
<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
text-colour:FFFFFF;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 200;
top: 555px;
left: 440px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 150px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #XXXXXX;
background-image: url(http://img.webme.com/pic/s/sunnywold/wettbewerbbutton.png);
text-decoration: none;
text-align: center;
text-colour: #FFFFFF;
font-weight: bold;
cursor: pointer;
margin: 0px 0px;
display: block;
height: 35px;
color: #7c7c7c; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #XXXXXX;
background-image: url(http://img.webme.com/pic/s/sunnywold/wettbewerbbutton.png);
text-colour: #FFFFFF;
color: #7c7c7c; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
text-colour: #FFFFFF;
color: #FFFFFF; }
//-->
</style>

______________



Zuletzt bearbeitet von mrsyspro am 26.03.2010, 23:19, insgesamt 2-mal bearbeitet
Beitrag26.03.2010 um 20:07 (UTC)    
Titel:

<style type="text/css" media="screen">
<!--
/* Allgemeine Einstellungen (Schriftart, Schriftgröße...) */
body {
font-family: Verdana, sans-serif;
font-size: 14px;
text-colour:FFFFFF;
overflow: auto;
margin: 0px; }

/* keine Auflistungspunkte vor Navi-Links */
ul, li {
list-style-type: none;
padding: 0px;
margin: 0px; }

/* Abstand zwischen Schrift zum Rand */
li a {
padding-right: 20px;
padding-top: 5px; }

/* Coolmenü positionieren, Werte bei "top" , "left" und "width" anpassen */
div.menu {
position: absolute;
z-index: 200;
top: 555px;
left: 440px;
width:850px; }

/* Breite der Menüpunkte einstellen */
.menu li {
width: 150px;
float: left; }

/* Aussehen der Menüpunkte einstellen */
.menu a {
border: 0px solid #000000;
background-color: #XXXXXX;
background-image: url(http://img.webme.com/pic/s/sunnywold/wettbewerbbutton.png);
text-decoration: none;
text-align: center;
text-colour: #FFFFFF;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height: 35px;
color: #7c7c7c; }

/* Aussehen der Menüpunkte beim Hover Effekt */
.menu a:hover {
background-color: #XXXXXX;
background-image: url(http://img.webme.com/pic/s/sunnywold/wettbewerbbutton.png);
text-colour: #FFFFFF;
color: #7c7c7c; }

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
font-size: 14px;
display: none;
width: 160px;
float: left; }

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a {
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
text-colour: #FFFFFF;
color: #FFFFFF; }
//-->
</style>

versuch es mal mit dem Rot markierten, könnte hinhauen. Desto höher die Zahl desto grösser der Abstand.


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!

Beitrag26.03.2010 um 22:18 (UTC)    
Titel:

Hallo,
Ich habe mal den Code in deinem Beitrag angepasst,
dort wo die große rote "0" ist, muss ein Wert eingegeben werden.
Das kursive fehlt in deinem jetztigen Code noch Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beiträge der letzten Zeit anzeigen:   


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