Hallo,
ich habe ein Coolmenu 4beta von dhtmlcentral.com heruntergeladen. Jetzt bin ich es am anpassen!!
Zwei Fragen habe ich noch!!
1) wie bringe ich den Balken retour, dass er mir nicht über das Bild geht!!??
2) wie bringe ich die abstände zwischen den Untermenüs zusammen damit ich nur noch 1 Linie habe!!?!?
Kann mir jemand helf??
Danke und Gruss Simon
MOD-EDIT: Code-Tags verwenden!
ich habe ein Coolmenu 4beta von dhtmlcentral.com heruntergeladen. Jetzt bin ich es am anpassen!!
Zwei Fragen habe ich noch!!
1) wie bringe ich den Balken retour, dass er mir nicht über das Bild geht!!??
2) wie bringe ich die abstände zwischen den Untermenüs zusammen damit ich nur noch 1 Linie habe!!?!?
Code:
<LINK href="style/style.css" type=text/css rel=stylesheet>
<link rel="STYLESHEET" type="text/css" href="style/dhtmlcentral.css">
<script language="JavaScript1.2" src="style/coolmenus4.js">
/*****************************************************************************
Copyright (c) 2001 Thomas Brattli ([email protected])
DHTML coolMenus - Get it at coolmenus.dhtmlcentral.com
Version 4.0_beta
</script>
<script language="JavaScript1.2" src="cm_addins.js" type="text/css" href="style/cm_addins.js" rel="STYLESHEET">
/*****************************************************************************
Copyright (c) 2001 Thomas Brattli ([email protected])
Coolmenus add-in file for more advanced featuers..
******************************************************************************/
</script>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<table width="100%" border=0 align=center cellpadding=0 cellspacing=0>
<tbody>
<tr>
<td colspan="3">
<table id=logokopf width="100%">
<tr>
<td width="15%"><div align="center">[img]images/logo-erb.gif[/img]</div>
</td>
<td width="70%"><div align="center"></div></td>
<td width="15%"><div align="center">[url="http://www.svde.ch"][img]images/logo-svde.gif[/img][/url]</div>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor=#DBDCDD>
<td width=210 height="70">[img]images/fuecht.jpg[/img]</td>
<td width="576" colspan="2">
</p>
<DIV id=gesamtrahmen>
<DIV id=divMenu>
</DIV></DIV>
<script language="JavaScript1.2" src="style/dhtmlcentral.js">
/*****************************************************************************
Linked js file with all the menucreation code inside
******************************************************************************/
</script>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Code:
BODY {
FONT-SIZE: 12px;
COLOR: #808285;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
background-color: #DBDCDD;
}
#logokopf {
background-color: #FFFFFF;
}
TABLE {
FONT-SIZE: 12px;
COLOR: #808285;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
}
#inhalt {
FONT-SIZE: 12px;
COLOR: #808285;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
vertical-align: top;
background-color: #FFFFFF;
}
P {
MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px
}
LI {
LIST-STYLE: square url(img_ern/list.gif) outside;
MARGIN-TOP: 0px;
MARGIN-LEFT: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
}
#news_rahmen {
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
COLOR: #0000FF;
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
background-position: center center;
background-color: #DBDCDD;
border: 100% solid;
}
#news {
FONT-WEIGHT: bold;
FONT-SIZE: 13px;
COLOR: #0000FF;
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: middle;
background-position: center center;
background-color: #DBDCDD;
}
#news_inhalt {
FONT-WEIGHT: bold;
FONT-SIZE: 11px;
COLOR: #0099FF;
TEXT-DECORATION: none;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
vertical-align: top;
background-position: center center;
background-color: #DBDCDD;
}
#footer {
border: thin solid #DBDCDD;
font-family: Arial, Helvetica, sans-serif;
color: #0000FF;
background-color: #DBDCDD;
padding: 1px;
font-size: 10px;
text-align: left;
vertical-align: middle;
}
#gesamtrahmen {
MARGIN: 0px auto;
OVERFLOW: hidden;
WIDTH: 500px;
max-width: 778px
}
TD,P,B,INPUT,DIV{
font-family:arial,helvetica;
font-size:12px}
.clCMEvent{
position:absolute;
z-index:300;
height:100%;
left:0;
top:0;
visibility:hidden;
width: 50%;
}
.clCMAbs{
position:absolute;
width:10;
height:10;
visibility:hidden;
}
.clT,.clTover,.clS,.clSover,.clS2,.clS2over{
position:absolute;
overflow:hidden;
width:50;
height:20;
cursor:pointer;
cursor:hand;
}
.clT,.clTover{
font-size:12px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
padding: 4px;
}
.clT{
color:#000000;
}
.clTover{
color:#00CC33;
}
.clS,.clSover{
font-size:11px;
border: 1px solid #000000;
padding: 5px;
vertical-align: middle;
}
.clS2,.clS2over{
padding:2px;
font-size:11px;
}
.clS,.clS2{
color:#000000;
background-color:#DBDCDD;
layer-background-color:#CDDBEB;
}
.clSover,.clS2over{
color:#00CC33;
font-family: Arial, Helvetica, sans-serif;
}
.clSover,.clS2over,.clTover,.clB,.clBar{
layer-background-color:#336699;
background-color:#DBDCDD;
}
.clB{
position:absolute;
visibility:hidden;
margin: -2px;
}
.clBar{
position:absolute;
width:10;
height:10;
visibility:hidden;
left: 200px;
}
Kann mir jemand helf??
Danke und Gruss Simon
MOD-EDIT: Code-Tags verwenden!