Css und Html Problem bei Menü

grazioli · 21. Feb. 2006

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!!?!?

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 (webmaster@dhtmlcentral.com)

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 (webmaster@dhtmlcentral.com)
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 src="images/logo-erb.gif" width="89" height="85"></div>
            </td>
            <td width="70%"><div align="center"></div></td>
            <td width="15%"><div align="center"><a href="http://www.svde.ch" target="_blank"><img src="images/logo-svde.gif" width="89" height="85" border="0"></a></div>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr bgcolor=#DBDCDD>
      <td width=210 height="70"><img src="images/fuecht.jpg" width="210" height="135"></td>
      <td width="576" colspan="2"><p> </p>
	<DIV id=gesamtrahmen>
	<DIV id=divMenu><BR>
	</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:

[list]
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;

}[/list]

Kann mir jemand helf??

Danke und Gruss Simon

Css und Html Problem bei Menü

grazioli

New member