• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

In der Menüleiste die Schrift zentrieren!

Status
Für weitere Antworten geschlossen.

sincinaty

Neues Mitglied
Also ich hoffe ich bekomme es jetzt hin, das Problem zu beschreiben!

Ich habe leider fast keine Ahnung von HTML und CSS.
Folgendes Problem!

Auf meiner Homepage die Menüleiste. Die beiden Punkte "Fotos" und "Musik", dort ist die Schrift nicht zentriert. Sie ist linksbündig. Was muss ich ändern damit die Schrift in der Mitte der Buttons steht?

Um diese Seite geht es:

www.sinan.dl.am

Hier der Quelltext der beiden Dateien welche mir das Menü bauen.

DIE .js Datei:

oCMenu=new makeCM("oCMenu") //Making the menu object. Argument: menuname

oCMenu.frames=0

//Menu properties
oCMenu.pxBetween=0
oCMenu.fromLeft=0
oCMenu.fromTop=75
oCMenu.rows=1
oCMenu.menuPlacement="center"

oCMenu.offlineRoot="file:///c:/Homepage/****_homepage/"
oCMenu.onlineRoot="/hosting/sinan/page"
oCMenu.resizeCheck=1
oCMenu.wait=500
oCMenu.fillImg="cm_fill.gif"
oCMenu.zIndex=0

//Background bar properties
oCMenu.useBar=0
oCMenu.barWidth="100%"
oCMenu.barHeight="menu"
oCMenu.barClass="clBar"
oCMenu.barX=0
oCMenu.barY="menu"
oCMenu.barBorderX=1
oCMenu.barBorderY=1
oCMenu.barBorderClass="clBarborder"

//Level properties - ALL properties have to be spesified in level 0
/******************************************
Menu item creation:
myCoolMenu.makeMenu(name, parent_name, text, link, target, width, height, regImage, overImage, regClass, overClass , align, rows, nolink, onclick, onmouseover, onmouseout)
*************************************/
//Level properties - ALL properties have to be spesified in level 0
oCMenu.level[0]=new cm_makeLevel() //Add this for each new level
oCMenu.level[0].width=115
oCMenu.level[0].height=20
oCMenu.level[0].regClass="clLevel0"
oCMenu.level[0].overClass="clLevel0over"
oCMenu.level[0].borderX=1
oCMenu.level[0].borderY=1
oCMenu.level[0].borderClass="clLevel0border"
oCMenu.level[0].offsetX=0
oCMenu.level[0].offsetY=0
oCMenu.level[0].rows=0
oCMenu.level[0].arrow=0
oCMenu.level[0].arrowWidth=0
oCMenu.level[0].arrowHeight=0
oCMenu.level[0].align="bottom"

//EXAMPLE SUB LEVEL[1] PROPERTIES - You have to specify the properties you want different from LEVEL[0] - If you want all items to look the same just remove this
oCMenu.level[1]=new cm_makeLevel() //Add this for each new level (adding one to the number)
oCMenu.level[1].width=oCMenu.level[0].width-2
oCMenu.level[1].height=22
oCMenu.level[1].regClass="clLevel1"
oCMenu.level[1].overClass="clLevel1over"
oCMenu.level[1].borderX=1
oCMenu.level[1].borderY=1
oCMenu.level[1].align="right"
oCMenu.level[1].offsetX=-(oCMenu.level[0].width-2)/2+20
oCMenu.level[1].offsetY=0
oCMenu.level[1].borderClass="clLevel1border"


//EXAMPLE SUB LEVEL[2] PROPERTIES - You have to spesify the properties you want different from LEVEL[1] OR LEVEL[0] - If you want all items to look the same just remove this
//oCMenu.level[2]=new cm_makeLevel() //Add this for each new level (adding one to the number)
//oCMenu.level[2].width=150
//oCMenu.level[2].height=20
//oCMenu.level[2].offsetX=0
//oCMenu.level[2].offsetY=0
//oCMenu.level[2].regClass="clLevel2"
//oCMenu.level[2].overClass="clLevel2over"
//oCMenu.level[2].borderClass="clLevel2border"



oCMenu.makeMenu('m1','','Musik','/pages/musik.html');
oCMenu.makeMenu('m2','','Fotos','/pages/fotos.html');






oCMenu.menuPlacement="center"

//Leave this line - it constructs the menu
oCMenu.construct()


UND DIE .CSS Datei

/* CoolMenus 4 - default styles - do not edit */
.clCMAbs{position:absolute; visibility:hidden; left:0; top:0}
/* CoolMenus 4 - default styles - end */

/*Style for the background-bar*/
.clBar{position:absolute; width:10; height:10; background-color:#40402B; layer-background-color:Navy; visibility:hidden}
.clBarborder{position:absolute; visibility:hidden; background-color:#C4C4A6; layer-background-color:#606040}

/*Styles for level 0*/
.clLevel0,.clLevel0over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:12px; font-weight:bold}
.clLevel0{background-color:#40402B; layer-background-color:Navy; color:#C4C4A6;}
.clLevel0over{background-color:#40402B; layer-background-color:Navy; color:white; cursor:pointer; cursor:hand; }
.clLevel0border{position:absolute; visibility:hidden; background-color:#40402B; layer-background-color:#606040}

/*Styles for level 1*/
.clLevel1, .clLevel1over{position:absolute; padding:2px; font-family:tahoma, arial,helvetica; font-size:11px; font-weight:bold}
.clLevel1{background-color:#40402B; layer-background-color:Navy; color:white;}
.clLevel1over{background-color:black; layer-background-color:#336699; color:white; cursor:pointer; cursor:hand; }
.clLevel1border{position:absolute; visibility:hidden; background-color:white; layer-background-color:#006699}

/*Styles for level 2*/
.clLevel2, .clLevel2over{position:absolute; padding:2px; font-family:tahoma,arial,helvetica; font-size:10px; font-weight:bold}
.clLevel2{background-color:Navy; layer-background-color:Navy; color:white;}
.clLevel2over{background-color:#0099cc; layer-background-color:#0099cc; color:Yellow; cursor:pointer; cursor:hand; }
.clLevel2border{position:absolute; visibility:hidden; background-color:#006699; layer-background-color:#006699}


Die Sache ist. Ich verstehe nur sehr bedingt, was dort oben steht. Habe mir diese Quelltexte zusammen gesucht und halt immer irgendetwas geändert, bis das rauskam was ich wollte :)

Gruß Sin

(das menü ist mit java gemacht, die quelltexte dazu habe ich jetzt nicht gepostet, aber ich denke dass sie für mein Problem auch nicht relevant sind)
 
1. Foren Regeln lesen!
2. Codetags verwenden!

3. Es gibt hier auch eine Editierfunktion.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben