Søg
Avatar billede edelbo Nybegynder
12. august 2002 - 19:53 Der er 13 kommentarer og
3 løsninger

Hvor finder jeg en menu magen til denne??

Hvor finder jeg en menu magen til den som bliver brugt i venstre side her:

http://www.agnitum.com/products/outpost/
Avatar billede flax Nybegynder
12. august 2002 - 20:02 #1
http://www.agnitum.com/nn4.css ??

Og så kopier hnas kode ved view source?
Avatar billede edelbo Nybegynder
12. august 2002 - 20:05 #2
Kunne du ikke vise mig hvilken kode det er som bliver brugt i selve .html filen for at få det til at virke??
Avatar billede beldring Nybegynder
12. august 2002 - 20:07 #3
/* General */
body {
    margin: -10px 0px 0px -10px;
    padding: 0px;
    background: #ffffff;
    color: #000000;
}

h1 {
    font-size: 16px;
    font-family: Tahoma, sans-serif;
    background: transparent;
    color: #334F9E;
}

h2 {
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    background: transparent;
    margin-top: 3em;
    color: #334F9E;
}

a {
    background: transparent;
    color: #4893E6;
    text-decoration: none;
}

p, dd, dt {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 140%;
    text-align: left;
}

li {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 140%;
    text-align: left;
}

form {
    margin: 0px;
    padding: 0px;
}

input, option, textarea {
    font-family: Verdana, sans-serif;
    font-size: 10px;
}
/* with classes and contextual */
td.bigStripes {
    background: #ffffff url("/images/big_stripes_bg.gif");
    color: #000000;
}

table.top1Level {
    background: #4893E6;
    color: #000000;
}

td.tl, td.tc, td.tr {
    background: #4893E6 url("images/lines_bg.gif");
    color: #000000;
}

td.bl, td.bc, td.br {
    background: #4893E6 url("images/blue_bg.gif");
    color: #000000;
}

td.line {
    background: #f7f7f7 url("images/line.gif");
    color: #000000;
}

table.leftMenu-outer {
    background: #f7f7f7;
    color: #000000;
}

td.grey {
    background: #f7f7f7;
    color: #000000;
}

table.leftMenu td {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffffff;
    height: 1.6em;
}

a.leftmenu, a.startPage {
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, sans-serif;
    letter-spacing: 0.05em;
    background: transparent;
    color: #28517F;
    text-decoration: none;
}

a.h2link {
    background: transparent;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    color: #334F9E;
    text-decoration: underline;   
    font-weight: bold;
    margin-top: 3em;
}

a.rightlink {
    background: transparent;
    color: #4893E6;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    text-decoration: underline;
}

tr.menu2Level-out td {
    background: #59ACF1;
    color: #28517F;
}

tr.menu2Level-over td {
    background: #FFB974;
    color: #28517F;
}

div.searchTbl {
    margin: 12px 0px 12px 4px;
}

p.indent {
    margin-left: 1em;
    text-align: left;
}

a.menu3Level {
    background: transparent;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    letter-spacing: 0.01em;
    color: #28517F;
    text-decoration: none;
}

a.menu3Level-hilighted {
    background: transparent;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    letter-spacing: 0.01em;
    color: #FFB974;
    text-decoration: none;
}

a.menu3Level:hover {
    font-size: 11px;
    font-family: Verdana, sans-serif;
    letter-spacing: 0.01em;
    background: transparent;
    color: #FFB974;
    text-decoration: none;
}

p.srchLabel {
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    font-weight: bold;
    background: transparent;
    color: #666666;
}

div.content-outer {
    margin: 1em 1em 0em 1em;
}

td.vline {
    background: #ffffff url("images/vline.gif");
    color: #000000;
}

div.infoblock {
        margin: 0px 10px 10px 0px;
}

table.infoblock-brd {
    background: #BFD9F6;
    color: #000000;
}

table.infoblock {
    background: #ffffff;
    color: #000000;
}

p.infoblock {
    font-size: 11px;
    line-height: 140%;
    font-family: Verdana, sans-serif;
    text-align: left;
    margin: 0.5em;
}

p.NewsInfoblock {
    font-size: 11px;
    line-height: 140%;
    font-family: Verdana, sans-serif;
    text-align: left;
    margin: 0.5em;
    white-space: nowrap;
}

td.infoblock {
    font-size: 11px;
    line-height: 140%;
    font-family: Verdana, sans-serif;
    text-align: left;
    margin: 0.5em;
}


td.iblockIconTd {
    background: #ffffff url("images/iblock_icon_bg.gif");
    color: #000000;
}

td.contactBlk {
    background: #ffffff url("images/contactus_bg.gif");
    color: #000000;
}

td.tellafriendBlk {
    background: #ffffff url("images/tellafriend_bg.gif");
    color: #000000;
}

div.moreButton {
    text-align: right;
    padding: 8px;
}

div.bottomLeftLink {
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    border-right-width: 1px;
    border-style: solid;
    border-color: #9FC0E6;
}

div.bottomMdlLink {
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    border-right-width: 1px;
    border-style: solid;
    border-color: #9FC0E6;
}

div.bottomRightLink {
    font-size: 10px;
    font-family: Tahoma, sans-serif;
}

td.doubleLine {
    background: #ffffff url("images/double_line.gif");
    color: #000000;
}

p.copyright {
    font-size: 10px;
    font-family: Tahoma, sans-serif;
    text-align: center;
    background: transparent;
    color: #1F5FA7;
    margin: 20px 0px 0px 0px;
    padding: 0px;
}

p.comment {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    line-height: 140%;
    text-align: left;
}

p.small {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    line-height: 140%;
    text-align: left;
}

p.clickfor {
    text-align: right;
}


p.testimonials {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 140%;
    text-align: right;
    font-style: italic
}

.question {
    font-family: Verdana, sans-serif;
    font-size: 16px;
    background: transparent;
    color: navy;
    font-weight: bold
}

li.small {
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

div.form {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

table.friendForm td {
    font-size: 11px;
    line-height: 140%;
    font-family: Verdana, sans-serif;
    text-align: right;
}

span.redcolor {
    background: #ffffff;
    color: #ff0000;
}

table.benefitspro-brd {
    background: #cccccc;
    color: #000000;
}

table.benefitspro th {
    background: #81b3e8;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

table.benefitspro td.tblHeader {
    background: #dbf3f8;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}

table.benefitspro td {
    background: #ffffff;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    text-align: left;
}

table.benefitspro td.even {
    background: #dbebfb;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    text-align: center;
}

table.benefitspro td.odd {
    background: #dbf3f8;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    text-align: center;
}

table.benefitspro td.highlight {
    background: #9FC0E6;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    text-align: center;
    font-weight: bold;
}


.center {
    text-align: center;
}

table.compareTable-brd {
    background: #cccccc;
    color: #000000;
}

table.compareTable td.mainHeader {
    background: #81b3e8;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

table.compareTable td.tblHeader {
    background: #dbf3f8;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

table.compareTable td {
    background: #ffffff;
    color: #000000;
    font-family: Arial, sans-serif;
    font-size: 10px;
    text-align: center;
}

span.no {
    background: #ffffff;
    color: #ff0000;
    font-family: Arial, sans-serif;
    font-size: 10px;
}

span.yes {
    background: #ffffff;
    color: green;
    font-family: Arial, sans-serif;
    font-size: 10px;
}
   
span.formLabel {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 140%;
}

----------------------------------------------------------------------
Der hvor der står noget med A:hover ...
Avatar billede beldring Nybegynder
12. august 2002 - 20:08 #4
Der er også det her:
a.leftmenu, a.startPage {
    font-size: 12px;
    font-weight: bold;
    font-family: Tahoma, sans-serif;
    letter-spacing: 0.05em;
    background: transparent;
    color: #28517F;
    text-decoration: none;
Avatar billede edelbo Nybegynder
12. august 2002 - 20:09 #5
beldring: Det er fra det style sheet som flax har posted direkte link til, jeg er mere ude efter, den kode som jeg skal placere i mit .html dokument, for at få koden vist??
Avatar billede edelbo Nybegynder
12. august 2002 - 20:10 #6
Eller jeg mente for at få menuen vist??
Avatar billede flax Nybegynder
12. august 2002 - 20:14 #7
edelbo >> det kunne jeg godt, men det ville være lettere for dig selv at sidde og sortere i html selv.. så lære du også mere.. Du vil se da, at der også bruge billeder, som du selv skal lave nemlig :-)

Men det er dette styk du skal bruge mener jeg :


<!-- level 1 top table -->
<table border="0" cellpadding="0" cellspacing="0" class="top1Level" width="100%">
<tr>
    <td class="tl"><img src="/images/logo_top.gif" width="178" height="24" border="0" alt="Logo's top part"></td>
    <td class="tc">&nbsp;</td>
    <td class="tr">&nbsp;</td>
</tr>
<tr>
    <td class="bl" valign="top"><img src="/images/logo_bottom.gif" width="178" height="25" border="0" alt="Logo's bottom part"></td>
    <td class="bc">&nbsp;</td>
    <td class="br" align="right" valign="top">

        <!-- level 1 menu table (ornament)-->
        <table border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td><img src="/images/left_sqr.gif" width="58" height="25" border="0" alt=""></td>
                                        <td valign="top"><a href="/"><img src="/images/index_button.gif" alt="Home" border="0"></a></td>                    <td valign="top"><a href="/products/"><img src="/images/products_button_active.gif" alt="Products" border="0"></a></td>                    <td valign="top"><a href="/download/"><img src="/images/download_button.gif" alt="Download" border="0"></a></td>                    <td valign="top"><a href="/purchase/"><img src="/images/purchase_button.gif" alt="Purchase" border="0"></a></td>                    <td valign="top"><a href="/company/"><img src="/images/company_button.gif" alt="Company" border="0"></a></td>                    <td valign="top"><a href="/news/"><img src="/images/news_button.gif" alt="News" border="0"></a></td>                    <td valign="top"><a href="/support/"><img src="/images/support_button.gif" alt="Support" border="0"></a></td>
        </tr>
        </table>
        <!-- /level 1 menu table (ornament)-->

    </td>
</tr>
</table>
<!-- /level 1 top table -->

<!-- level 2 top table-->
<table border="0" cellpadding="0" cellspacing="0" class="top2Level" width="100%">
<tr>
    <td class="line"><img src="/images/line.gif" height="1" border="0" alt=""></td>
</tr>
<tr>
    <td align="left"><img src="images/l2outpost.gif" alt=""></td>
</tr>
</table>
<!-- /level 2 top table-->

<!-- content table-->
<table border="0" cellpadding="0" cellspacing="0" class="content" width="100%">
<tr>
    <td valign="top" class="grey" width="160">
        <!-- left menu outer table -->
        <table border="0" cellpadding="0" cellspacing="0" class="leftMenu-outer" width="160">
        <tr>
            <td class="line"><img src="/images/line.gif" height="1" border="0" alt=""></td>
        </tr>
        <tr>
            <td valign="top">
                <!-- left menu table -->
                <table border="0" cellpadding="3" cellspacing="0" class="leftMenu" width="100%">
                                        <tr class="menu2Level-over">
                            <td>
                                <img src="images/corner.gif" border="0" alt="">
                            </td>
                            <td>
                                <!-- modified by [z]-->
                                <a class="leftmenu" href=" index.html">Product Information </a>
                            </td>
                        </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="/products/outpost/" class="menu3Level-hilighted">Home</a></p>

                                </td>
                            </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="features.htm" class="menu3Level">Features</a></p>

                                </td>
                            </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="benefits.html" class="menu3Level">Benefits</a></p>

                                </td>
                            </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="compare.html" class="menu3Level">Compare</a></p>

                                </td>
                            </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="plugins.html" class="menu3Level">Available Plug-ins</a></p>

                                </td>
                            </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="developers.html" class="menu3Level">Developing Outpost Plug-ins</a></p>

                                </td>
                            </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="betatest.html" class="menu3Level">Beta Testing</a></p>

                                </td>
                            </tr>                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <p class="indent"><a href="news.html" class="menu3Level">News</a></p>

                                </td>
                            </tr>                                                    <tr class="menu2Level-out" onmouseover="this.className='menu2Level-over'" onmouseout="this.className='menu2Level-out'">
                            <td>
                                <img src="images/corner.gif" border="0" alt="">
                            </td>
                            <td>
                                <!-- modified by [z]-->
                                <a class="leftmenu" href="profree.html">Outpost PRO vs. FREE </a>
                            </td>
                        </tr>                                                    <tr class="menu2Level-out" onmouseover="this.className='menu2Level-over'" onmouseout="this.className='menu2Level-out'">
                            <td>
                                <img src="images/corner.gif" border="0" alt="">
                            </td>
                            <td>
                                <!-- modified by [z]-->
                                <a class="leftmenu" href="/download/">Download </a>
                            </td>
                        </tr>                                                    <tr class="menu2Level-out" onmouseover="this.className='menu2Level-over'" onmouseout="this.className='menu2Level-out'">
                            <td>
                                <img src="images/corner.gif" border="0" alt="">
                            </td>
                            <td>
                                <!-- modified by [z]-->
                                <a class="leftmenu" href="/purchase/">Purchase </a>
                            </td>
                        </tr>                                                    <tr class="menu2Level-out" onmouseover="this.className='menu2Level-over'" onmouseout="this.className='menu2Level-out'">
                            <td>
                                <img src="images/corner.gif" border="0" alt="">
                            </td>
                            <td>
                                <!-- modified by [z]-->
                                <a class="leftmenu" href="/support/">Support </a>
                            </td>
                        </tr>
                </table>
                <!-- /left menu table -->
Avatar billede edelbo Nybegynder
12. august 2002 - 20:18 #8
Det kode kunne jeg jo også sagtens have posted her. Jeg beder om den koden som viser menuen på skærmen, hvis du kunne hjælpe med dette, så kan jeg jo selv lege lidt rundt med det, det lære jeg jo også af!!
Avatar billede criterius.dk Nybegynder
13. august 2002 - 09:18 #9
edelbo =>
Tror faktisk det ER det han har givet dig, kombineret med css'en fra før...
Avatar billede flax Nybegynder
13. august 2002 - 12:31 #10
Du skal bare trykke dennne adresse ind :http://www.agnitum.com/nn4.css

Gemme den på din pc, uploade den på din server.

Der efter skriver du: <link rel="stylesheet" href="/nn4.css" type="text/css"> i din <head> og tilføjer ovenstående kode jeg gav dig :-)

Så ville jeg tro det vi virke, borset fra de .gif filer som koden henviser til, som du så selv skal lave..
Avatar billede dmdisco Nybegynder
13. august 2002 - 12:33 #11
www.dhtmlcentral.com
Avatar billede criterius.dk Nybegynder
08. oktober 2002 - 10:21 #12
LUKKETID?
Avatar billede flax Nybegynder
08. oktober 2002 - 17:27 #13
ja.. lukketid :-)
Avatar billede criterius.dk Nybegynder
24. januar 2003 - 12:00 #14
Lukker du ikke snart?
Avatar billede edelbo Nybegynder
24. januar 2003 - 12:02 #15
Må I meget undskylde!!
Avatar billede criterius.dk Nybegynder
24. januar 2003 - 12:05 #16
:o)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »