10. maj 2003 - 23:58
Der er
24 kommentarer og 1 løsning
Hvordan får jeg dem op ved siden af?
Hej eksperter...
Jeg har lavet det her:
http://jeppedk.users.whitehat.dk/HELP.html og mit spm. er:
hvordan kan jeg få mine menu bokse til at stå lige ud for tekstboksen...
altså at den øverste menu boks er oppe i toppen og den anden lige under osv.
hvis i gider kigge i min kode og sige hvad jeg skal gøre.
evt. skrive koden :D
mvh Ranger
Annonceindlæg fra Netic
Dine indre tabeller skal have valign=top også
<html> <head> <title>Jeppe</title> <style type="text/css"> <!-- UNKNOWN { FONT-SIZE: 8pt; COLOR: #dddee6; FONT-FAMILY: verdana } TD { FONT-SIZE: 8pt; COLOR: #dddee6; FONT-FAMILY: verdana } A:link { COLOR: #a9abc0; FONT-FAMILY: verdana; TEXT-DECORATION: none } A:visited { COLOR: #a9abc0; FONT-FAMILY: verdana; TEXT-DECORATION: none } A:active { FONT-FAMILY: verdana; TEXT-DECORATION: none } A:hover { COLOR: #dddee6; TEXT-DECORATION: none } A:hover { COLOR: #dddee6; TEXT-DECORATION: none } BODY { SCROLLBAR-FACE-COLOR: #4f526a; SCROLLBAR-HIGHLIGHT-COLOR: #4f526a; SCROLLBAR-SHADOW-COLOR: #dddee6; SCROLLBAR-3DLIGHT-COLOR: #dddee6; SCROLLBAR-ARROW-COLOR: #dddee6; SCROLLBAR-TRACK-COLOR: #4f526a; SCROLLBAR-DARKSHADOW-COLOR: #4f526a; } --> </style> </head> <body bgcolor="#333333"> <table width="700" height="650" align="center"> <tr> <td valign="top"> <table border="1" bordercolor="#000000" width="700" height="100" align="center" valign="top" cellspacing="0" cellpadding="0" valign="top"> <tr> <td background="banner.jpg"> </td> </tr> </table border="1"> <img src="spacer.gif"> <table border="0"> <tr> <td width="150"><table border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top" align="left"> .Menu<hr color="#000000"> <a href="Link.html" title="Link">Link</a><br> <a href="Link2.html" title="Link2">Link2</a><br> <a href="Link3.html" title="Link3">Link3</a><br> <a href="Link4.html" title="Link4">Link4</a><br> <a href="Link5.html" title="Link5">Link5</a><table border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> .Design<hr color="#000000"> <p> <a href="Link6.html" title="Link6">Link6</a><br> <a href="Link7.html" title="Link7">Link7</a><br> <a href="Link8.html" title="Link3">Link8</a><br> <a href="Link9.html" title="Link4">Link9</a><br> <a href="Link10.html" title="Link5">Link10</a><br> </td> </tr> </table> <p> <img src="spacer.gif"> </p> <table border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> .Links<hr color="#000000"> <p> <a href="Link11.html" title="Link11">Link11</a><br> <a href="Link12.html" title="Link12">Link12</a><br> <a href="Link13.html" title="Link13">Link13</a><br> <a href="Link14.html" title="Link14">Link14</a><br> <a href="Link15.html" title="Link15">Link15</a><br> </td> </tr> </table> <p><br> </td> </tr> </table></td> <td width="20" valign="top"></td> <td width="530" align="right"><table border="1" bordercolor="#000000" width="530" height="500" cellspacing="0" cellpadding="0" align="right"> <tr> <td valign="top"> Her skal selve teksten være... </td> </tr> </table></td> </tr> </table> </td> </tr> </table> </body> </html>
Er det med vilje, at .Menu, .Design og .Links er placeret vidt forskelligt i dit tabelhierarki ?-)
hmm.. kan ikke få det til at funge helt... kan du ikke kopier min kilde kode, rette den og sætte den ind? så skal du nok få point :D
Det havde jeg ikke set ;D
roenving --> nope, det er det ikke
Det ser nemlig også ud til at der er rod i det hierarki, jeg går ud fra, at du vil have dine tre links menuer ved siden af teksten, ikke?
roenving --> hvis jeg forhøjer mine points gider du så at ordne det?
hvad mener du med underligt?
sig hvad jeg skal rettet og det bliver gjort!
dellevela --> altså den der border der er uden om de tre tekstbokse skal væk også skal .Menu helt op i toppen og de andre skal være lige under.
kan godt forhøje mine point hvis det er...
Lige hvad jeg foreløbig har fået rettet -- det er ikke færdigt endnu, men du kan se ideen (bla. fordi jeg har indrykket efter hvor i hierarkiet tingene findes): <html> <head> <title>Jeppe</title> <style type="text/css"> <!-- UNKNOWN { FONT-SIZE: 8pt; COLOR: #dddee6; FONT-FAMILY: verdana } TD { FONT-SIZE: 8pt; COLOR: #dddee6; FONT-FAMILY: verdana } A:link { COLOR: #a9abc0; FONT-FAMILY: verdana; TEXT-DECORATION: none } A:visited { COLOR: #a9abc0; FONT-FAMILY: verdana; TEXT-DECORATION: none } A:active { FONT-FAMILY: verdana; TEXT-DECORATION: none } A:hover { COLOR: #dddee6; TEXT-DECORATION: none } A:hover { COLOR: #dddee6; TEXT-DECORATION: none } BODY { SCROLLBAR-FACE-COLOR: #4f526a; SCROLLBAR-HIGHLIGHT-COLOR: #4f526a; SCROLLBAR-SHADOW-COLOR: #dddee6; SCROLLBAR-3DLIGHT-COLOR: #dddee6; SCROLLBAR-ARROW-COLOR: #dddee6; SCROLLBAR-TRACK-COLOR: #4f526a; SCROLLBAR-DARKSHADOW-COLOR: #4f526a; } --> </style> </head> <body bgcolor="#333333"> <table width="700" height="650" align="center"> <tr> <td background="banner.jpg" colspan="3"> </td> </tr> <tr> <td colspan="3"> <img src="spacer.gif"> </td> <tr> <tr> <td> <table valign = "top" border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top" align="left"> .Menu<hr color="#000000"> <a href="Link.html" title="Link">Link</a><br> <a href="Link2.html" title="Link2">Link2</a><br> <a href="Link3.html" title="Link3">Link3</a><br> <a href="Link4.html" title="Link4">Link4</a><br> <a href="Link5.html" title="Link5">Link5</a><br> </td> </tr> </table> </td> <td width="20" valign="top"> </td> <td width="530" align="right" rowspan="3"> <table valign="top" border="1" bordercolor="#000000" width="530" height="500" cellspacing="0" cellpadding="0" align="right"> <tr> <td valign="top"> Her skal selve teksten være... </td> </tr> </table> </td> </tr> <tr> <td> <table valign="top" border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> .Design<hr color="#000000"> <a href="Link6.html" title="Link6">Link6</a><br> <a href="Link7.html" title="Link7">Link7</a><br> <a href="Link8.html" title="Link3">Link8</a><br> <a href="Link9.html" title="Link4">Link9</a><br> <a href="Link10.html" title="Link5">Link10</a><br> </td> </tr> </table> </td> </tr> <tr> <td> <img src="spacer.gif"> <table valign="top" border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> .Links<hr color="#000000"> <a href="Link11.html" title="Link11">Link11</a><br> <a href="Link12.html" title="Link12">Link12</a><br> <a href="Link13.html" title="Link13">Link13</a><br> <a href="Link14.html" title="Link14">Link14</a><br> <a href="Link15.html" title="Link15">Link15</a><br> </td> </tr> </table> </td> </tr> </table> </body> </html>
OBS! Det er ikke færdigt -- jeg har bare fjernet/flyttet de mest åbenbare ...
Lige bortset fra at det overhovedet ikke ligner når man tænker udseende, så er det faktisk det princip du efterlyser, jeg har brugt her (du er velkommen til at lure koden):
http://www.sidpost.dk Tungen skal holdes lige i munden med alle de tabeller indeni hinanden. Dine tabeller er rodet rundt og skubber hinanden så vidt jeg kan se.
Og så lige noget andet.... der findes ikke et css-tag der hedder UNKNOWN. Hvad bruger du det til ?
Så er placeringerne ihvertfald i orden ... <html> <head> <title>Jeppe</title> <style type="text/css"> <!-- UNKNOWN { FONT-SIZE: 8pt; COLOR: #dddee6; FONT-FAMILY: verdana } TD { FONT-SIZE: 8pt; COLOR: #dddee6; FONT-FAMILY: verdana } A:link { COLOR: #a9abc0; FONT-FAMILY: verdana; TEXT-DECORATION: none } A:visited { COLOR: #a9abc0; FONT-FAMILY: verdana; TEXT-DECORATION: none } A:active { FONT-FAMILY: verdana; TEXT-DECORATION: none } A:hover { COLOR: #dddee6; TEXT-DECORATION: none } A:hover { COLOR: #dddee6; TEXT-DECORATION: none } BODY { SCROLLBAR-FACE-COLOR: #4f526a; SCROLLBAR-HIGHLIGHT-COLOR: #4f526a; SCROLLBAR-SHADOW-COLOR: #dddee6; SCROLLBAR-3DLIGHT-COLOR: #dddee6; SCROLLBAR-ARROW-COLOR: #dddee6; SCROLLBAR-TRACK-COLOR: #4f526a; SCROLLBAR-DARKSHADOW-COLOR: #4f526a; } --> </style> </head> <body bgcolor="#333333"> <table width="700" height="650" align="center"> <tr> <td background="banner.jpg" colspan="3"> </td> </tr> <tr> <td colspan="3"> <img src="spacer.gif"> </td> <tr> <tr> <td valign="top"> <table valign = "top" border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top" align="left"> .Menu<hr color="#000000"> <a href="Link.html" title="Link">Link</a><br> <a href="Link2.html" title="Link2">Link2</a><br> <a href="Link3.html" title="Link3">Link3</a><br> <a href="Link4.html" title="Link4">Link4</a><br> <a href="Link5.html" title="Link5">Link5</a><br> </td> </tr> </table> </td> <td width="20" valign="top"> </td> <td valign="top" width="530" align="right" rowspan="3"> <table valign="top" border="1" bordercolor="#000000" width="530" height="500" cellspacing="0" cellpadding="0" align="right"> <tr> <td valign="top"> Her skal selve teksten være... </td> </tr> </table> </td> </tr> <tr> <td valign="top"> <table valign="top" border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> .Design<hr color="#000000"> <a href="Link6.html" title="Link6">Link6</a><br> <a href="Link7.html" title="Link7">Link7</a><br> <a href="Link8.html" title="Link3">Link8</a><br> <a href="Link9.html" title="Link4">Link9</a><br> <a href="Link10.html" title="Link5">Link10</a><br> </td> </tr> </table> </td> <td width="20" valign="top"> </td> </tr> <tr> <td valign="top"> <img src="spacer.gif"> <table valign="top" border="1" bordercolor="#000000" width="150" cellspacing="0" cellpadding="0"> <tr> <td valign="top"> .Links<hr color="#000000"> <a href="Link11.html" title="Link11">Link11</a><br> <a href="Link12.html" title="Link12">Link12</a><br> <a href="Link13.html" title="Link13">Link13</a><br> <a href="Link14.html" title="Link14">Link14</a><br> <a href="Link15.html" title="Link15">Link15</a><br> </td> </tr> </table> </td> <td width="20" valign="top"> </td> </tr> </table> </body> </html>
PS! Grunden til at de tre menuer er spredt lodret er den højde, som er sat på tekstfeltet, browseren førsøger at skabe tre lige store tabelceller ved siden af tekstfeltet har jeg sat til at række 3 rækker, dvs. ligesom de tre celler, som menuerne ligger i ...
sådan! så er det jo i den fineste orden... har desvære en tendens til at rode i tingene, præcis som på mit værelse ;D roenving --> smid et svar så du kan tjene nogle point... Ps: vil du også rydde op på mit værelse? så skal du nok få mindst 1000 point ;D
Hov !-) det er over max. på 200 points '-) oki ,~]
Kurser inden for grundlæggende programmering