Pagina 1 van 1

dropdown

Geplaatst: 16 feb 2007, 16:04
door jeroendegier
ik heb een dropdown menu in de standaard template subsilver toegevoegd en het werkt allemaal prima alleen wil ik de texten in het dropdown menu in het midden hebben en de balk die ik gemaakt heb wil ik breder en mooier ook met kleurovergang weet iemand hoe dat moet???

http://www.letmeknowyou.nl

groetjes jeroen

Geplaatst: 16 feb 2007, 18:03
door Ramon Fincken
mmz...

in dit stukje moet je wat weghalen:

Code: Selecteer alles

<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
	<tr>
		<td width="23%" valign="top">
		<table width="100%" cellspacing="1" cellpadding="1" border="0" align="left">
			<tr>
				<td>
				<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
					<tr>
					<tr>
						</td>
					</tr>
				</table>
				<br />

haal dit eens weg en kijk links boven bij leden online :)

Code: Selecteer alles

				<table width="100%" cellpadding="2" cellspacing="1" border="0" class="forumline">
					<tr>
					<tr>
						</td>
					</tr>
				</table>

Geplaatst: 17 feb 2007, 02:14
door jeroendegier
werkt niet...

hoop echt dat iemand weet hoe ik mijn dropdown balk een beetje jan vervraaien?? hij ziet er nu niet uit.. :lol: :lol: :lol:

Geplaatst: 17 feb 2007, 10:16
door Ramon Fincken
zou toch echt moeten werken, want ik zie overal "lege" tabellen die eruitzien als pixels van 4bij4 in het blauw...


maargoed als je het menu wil verplaatsen, zit hier ergens de sleutel


Code: Selecteer alles

.submenuul {
PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute
}
.submenuli A {
DISPLAY: block; WIDTH: 100px
}
UNKNOWN {LEFT: auto; TOP: auto}
.content {CLEAR: left}
.submenuul {
BORDER-RIGHT: #000000 2px solid; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px solid; MARGIN-TOP: -1px; BORDER-LEFT: #cedcec 7px solid; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #cedcec
}
.submenuli A {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; BACKGROUND-COLOR: #EFEFEF; TEXT-DECORATION: none
}


.submenuli A:hover {
COLOR: #000000; BACKGROUND-COLOR: #cedcec; TEXT-DECORATION: none
}

Geplaatst: 17 feb 2007, 21:43
door jeroendegier
het lukt niet.... op er een mooie balk van de maken iemand anders nog iedeen ....

hij moet ongeveer zo worden
http://www.websitemaken.be/index.php?pa ... ipt&id=671

in plaats van
http://www.letmeknowyou.nl

dit is het script van de balk

/* Top-Nav */
.topmenuul {
PADDING-RIGHT: px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.topmenuli {
FLOAT: left; LIST-STYLE-TYPE: 7px;
color : #000000; background-color : {T_TR_COLOR3};
FONT-SIZE: {T_FONTSIZE2}px; color : {T_BODY_TEXT} align="center">
}
.topmenutitle {
DISPLAY: right; width: 100px; height: 25px


}
.submenuul {
PADDING-RIGHT: 0px; DISPLAY: none; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute
}
.submenuli A {
DISPLAY: block; WIDTH: 100px
}
LI:hover UL {DISPLAY: block}
LI.over UL {DISPLAY: block}
UNKNOWN {LEFT: auto; TOP: auto}
.content {CLEAR: left}

#dmenu {
FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
.topmenuul {}
.topmenutitle {
BORDER-RIGHT: #cedcec 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #cedcec 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #cedcec 1px solid; COLOR: #000000; TEXT-INDENT: 3px; LINE-HEIGHT: 14px; PADDING-TOP: 3px; BORDER-BOTTOM: #cedcec 1px solid; BACKGROUND-COLOR: #eaedf4; TEXT-DECORATION: none
}
.submenuul {
BORDER-RIGHT: #000000 2px solid; BACKGROUND-POSITION: left top; BORDER-TOP: #000000 1px solid; MARGIN-TOP: -1px; BORDER-LEFT: #cedcec 7px solid; BORDER-BOTTOM: #000000 2px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #cedcec
}
.submenuli A {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; BACKGROUND-COLOR: #EFEFEF; TEXT-DECORATION: none
}


.submenuli A:hover {
COLOR: #000000; BACKGROUND-COLOR: #cedcec; TEXT-DECORATION: none