Avatar billede hellfishdk Nybegynder
27. juni 2005 - 18:31 Der er 6 kommentarer og
1 løsning

Kan ikke få menu i tabel til at stå være fast

Hej xperter

Jeg har en 2x3 tabel. I venstre kolonne har jeg et logo i en celle, og en menu i den underliggende celle. I den næste kolonne har jeg en overskrift, og den undeliggende celle er et indhold. Denne celle med indholdet har forskellige indhold, alt afhængig af hvilket menu punkt man er i; dvs at cellen bliver større alt efter indhold. Det er jo fint nok. MEN den celle jeg har min menu i udvider sig også efter indholdet af indholdscellen, hvilket er ok, men menucellens indhold centrerer sig i cellen i stedet for at blive fast øverst i cellen.
Jeg synes jeg har prøvet alt, for at få menucellens indhold til at blive fast på sin plads ( har prøvet padding, margin, position), men det er ikke lykkedes.

Cellen for menuen ser således ud:

<TD class=content-side>
<P id=menu_title>Statistik&nbsp;<?xml:namespace prefix = sc /><sc:menu id=Statistik_MenuWebcontrol runat="server" datasource="/home/statistik" renderingid="{63B29FA4-1323-4A04-8736-4D19538578A0}" LiveDisplay="true" controlclass="foot" itemclass="foot" TextField="title" Levels="1" ItemStyle="color: white; text-decoration: none; "></sc:menu> </P>
<P id=menu_title>Information&nbsp;<sc:menu id=Information_MenuWebcontrol runat="server" renderingid="{4F3050FF-816B-4537-9653-A26E5A2DD9B4}" LiveDisplay="true" TextField="title" Levels="2" Orientation="vertical" ItemStyle="color: white; text-decoration: none;" Datasource="/home/information" ItemClass="foot" ControlClass="foot"></sc:menu></P>
<P><STRONG></STRONG>&nbsp;</P>
<P>adresse</A><BR></P></TD>

og min css for td:

td.content-side {
      font-family: tahoma;
      font-size: 14px;
      color: white;
      background-color: #003366;
    padding-left: 5px;
   
}

Jeg håber der er en der kan få min menu til at stå fast.
Bør lige at informerer, at det som udgangspunkt er IE6, det skal fungerer til, da langt de fleste besøgende højst sandsylig vil bruge denne browser.
Avatar billede schwarz84 Nybegynder
27. juni 2005 - 19:00 #1
Du skal skrive tingene ordentligt i stedet for kun at udvikle til IE6. En ting er at du naturligvis gerne vil have at alle mennesker kan læse din side, og en anden ting er at du ganske sikkert ikke gider skrive det hele om når IE7 udkommer senere på året og garanteret indeholder en masse andre besynderligheder, så du kan lige så godt få ryddet op i din skrammelkode i stedet for at finde på mærkelige undskyldninger.

Kan vi komme til at se hele siden i sin helhed. Det er noget svært at forestille sig hvad du gør ud fra den kode, du har givet os.
Avatar billede hellfishdk Nybegynder
27. juni 2005 - 19:06 #2
Jeg bruger et CMS, som indeholder de elementer der er "skrammel". Principielt kan det bare fjernes.
Grunden til jeg ikke kan vise siden er at jeg udvikler den lokalt.

Koden er her:

<%@ Page language="c#" Inherits="Sitecore.BasePage" Codepage="65001" %>
<%@ register TagPrefix="sc" Namespace="Sitecore.WebControls" Assembly="Sitecore.WebControls" %>
<%@ OutputCache Location="None" VaryByParam="none" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" >
<html>
  <head>
    <title>GS_Main</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <sc:generator runat="server"/>
    <sc:iteminfo runat="server"/>
    <meta name="CODE_LANGUAGE" content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <link href='/default.css' rel='stylesheet'>
  </head>
  <body>
  <form method="post" runat="server" id="mainform"><TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD class=content-side width=155>
<P><A href="/Home.aspx" target=_self sc_url="/Home" sc_text="Home" sc_linktype="internal"><IMG alt="Grønlands Statistik Logo" src="/upload/gslogo.gif" align=top border=0 sc_mediaid="{A1950F2A-C0B6-4804-9ECC-8541AC2FCFBE}"></A></P></TD>
<TD class=title>
<P>Velkommen&nbsp;</P></TD>
<TR>
<TD class=content-side>
<P id=menu_title>Statistik&nbsp;<?xml:namespace prefix = sc /><sc:menu id=Statistik_MenuWebcontrol runat="server" datasource="/home/statistik" renderingid="{63B29FA4-1323-4A04-8736-4D19538578A0}" LiveDisplay="true" controlclass="foot" itemclass="foot" TextField="title" Levels="1" ItemStyle="color: white; text-decoration: none; "></sc:menu> </P>
<P id=menu_title>Information&nbsp;<sc:menu id=Information_MenuWebcontrol runat="server" renderingid="{4F3050FF-816B-4537-9653-A26E5A2DD9B4}" LiveDisplay="true" TextField="title" Levels="2" Orientation="vertical" ItemStyle="color: white; text-decoration: none;" Datasource="/home/information" ItemClass="foot" ControlClass="foot"></sc:menu></P>
<P><STRONG></STRONG>&nbsp;</P>
<P>Grønlands Statistik<BR>Postboks 1025<BR>3900 Nuuk<BR><BR>Telefon (+299) 34 55 64<BR>Fax &nbsp; &nbsp; &nbsp;(+299) 34 29 54<BR><A id=mail href="mailto:stat@gh.gl">stat@gh.gl</A><BR></P></TD>
<DIV></DIV>
<TD>
<P class=content height="100%">&nbsp;<sc:placeholder id=PlaceHolder key="content" runat="server"></sc:placeholder></P>
<P>&nbsp;</P>
<P>&nbsp;</P></TD></TR>
<TR>
<TD class=content-side></TD></TR></TBODY></TABLE></form>
  </body>
</html>

Og min CSS:

td.content-side {
      font-family: tahoma;
      font-size: 14px;
      color: white;
      background-color: #003366;
    padding-left: 5px;
    position: scroll;
    top: 10px;
}

td.title {
    font-family: tahoma;
    font-size: 24px;
    font-style:bold;
    color: midnightblue;
    text-align: center;
    padding-bottom: 50px;
   
}

A#mail:link {
    color: white;
    text-decoration: none;
}

A#mail:visited{
    color:white;
    text-decoration: none;
}

A#mail:hover{
    color:#6699cc
}

P#menu_title{
    font-family: tahoma;
    color: White;
    font-weight: bold;
    position:fixed;
    top 15px;
   
}

TD.seneste_nyt {
    font-family: tahoma;
    color: navy;
    font-size: 24px;

}
Avatar billede schwarz84 Nybegynder
27. juni 2005 - 19:59 #3
Dette gøres i HTML 4 med valign="top".
Altså linjen <TD class=content-side> erstattes med <TD class=content-side valign="top">

Du mangler lige at lukke den ene table row, og du skal ændre <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> til <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

HTML'en indeholder en del fejl, og der kan fjernes en del ligegyldige tags, eks. <div></div> og <strong></strong>, og det er en lidt rodet blanding af gammeldags HTML med en masse attributter og stylesheets. Det var det jeg mente med skrammelkode.
Avatar billede hellfishdk Nybegynder
27. juni 2005 - 20:05 #4
ok tak for det! Men det kan så åbenbart ikke gøres i CSS'en?
Avatar billede schwarz84 Nybegynder
27. juni 2005 - 20:19 #5
Jo, det kan det da.
Her skriver du:
vertical-align: top;

Det er bedre stil end at bruge attributterne i HTML, men når du har transitional som doc-type er begge ting tilladt.
Avatar billede hellfishdk Nybegynder
27. juni 2005 - 20:24 #6
Lige inden jeg giver
Avatar billede hellfishdk Nybegynder
27. juni 2005 - 20:25 #7
Kan jeg få menuen til at følge med, når jeg scroller indholdet, så man hele tiden kan se menuen?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB

Forsvarsministeriets Materiel- og Indkøbsstyrelse

Solution Manager til Cyberdivisionen

Capgemini Danmark A/S

Microsoft AI Solution Architect

Netcompany A/S

IT Consultant