Avatar billede zob Nybegynder
24. juni 2002 - 00:15 Der er 1 løsning

Skod opera! css'en dur ikke!

Ja jeg har denne side med en menu www.emil.vonbuchwald.dk/design/menu.asp
Har fået det til at du i: IE 6.0 Netscape 7.0
Og delvist i Opera 6.03
I Opera laver den en lille fejl, g'erne
Hænger ud af rammen ka i se det?
Vil gerne høre andre hvor det ikke funger optimalt
og hvilken Browser i har koden er:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>

<title>Menu</title>
<style type="text/css">
.topborder
{
    border-top: 1px solid #000000;
}
a.menulink
{
    color: #000000;
    text-decoration: none;
    width: 100%;
        border-top: 1px solid #000000;
        display: block;
}
a.menulink:hover
{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000066;
        width: 100%;
        border-top: 1px solid #000000;
        display: block;

.menutable
{
    text-align: center;
    width: 150px;
        border: 1px solid #000000;
    font-size: 10pt;
    font-family: tahoma,verdana,arial;
    background-color: #3366cc;
}
.menuheadline
{
    background:#000066;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: #999999;
        font-weight:bold;
}
body
{background-color: #999999; }
</style>

</head>

<body>

<table cellspacing="0" cellpadding="0" class="menutable">
<tr>
<td class="menuheadline">.:: Menu ::.</td>
</tr>
<tr valign="top">
<td>
<a href="#" class="menulink">Menu link 1</a>
<a href="#" class="menulink">Menu link 2</a>
<a href="#" class="menulink">Menu link 3</a>
<a href="#" class="menulink">Menu link 4</a>
<a href="#" class="menulink">Menu link 5</a>
<a href="#" class="menulink">Menu link 6</a>
<a href="#" class="menulink">Menu link 7</a>
<a href="#" class="menulink">Menu link 8</a>
</td>
</tr>
</table>

<br><br><br>

<table cellspacing="0" cellpadding="0" class="menutable">
<tr>
<td class="menuheadline">.:: Quick Links ::.</td>
</tr>
<tr valign="top">
<td>
Dit link HER<br>
<a href="http://www.it-links.dk" target="_blank" class="menulink">IT-Links</a>
<a href="http://www.fugleonline.dk" class="menulink">FugleOnline</a>
<a href="http://www.xyborx.dk" class="menulink">XyborX</a>
<a href="http://www.eksperten.dk/bruger.phtml?navn=initializing" class="menulink">Initializing</a>
</td>
</tr>
</table>

<br><br>
<table cellspacing="0" cellpadding="0" class="menutable">
<tr>
<td class="menuheadline">.:: Status ::.</td>
</tr>
<tr valign="top">
<td>
<div class="topborder">
<% Response.Write "Dato. " & FormatDateTime(Now, vbShortDate) %>
</div>
<div class="topborder">
<% Response.Write "Kl. " & FormatDateTime(Now, vbLongTime) %>
</div>
<div class="topborder">
IP. <%=Request.ServerVariables("REMOTE_ADDR") %>
</div>
</td>
</tr>
</table>



</body>

</html>
Avatar billede zob Nybegynder
24. juni 2002 - 00:56 #1
Nå.. hehe det hele er løst og til jer som vil Stjæle koden skal i putte noget kode ind der ved <style type="text/css">
og </style>
Det i skal putte ind er:

<style type="text/css">
.topborder
{
    border-top: 1px solid #000000;
        font-size: 0.97em;
    line-height: 1.3em;
}
a.menulink
{
    color: #000000;
    text-decoration: none;
    width: 100%;
        border-top: 1px solid #000000;
        display: block;
        font-size: 0.97em;
    line-height: 1.3em;
}
a.menulink:hover
{
    color: #FFFFFF;
    text-decoration: none;
    background-color: #000066;
        width: 100%;
        border-top: 1px solid #000000;
        display: block;

.menutable
{
    text-align: center;
    width: 150px;
        border: 1px solid #000000;
    font-size: 10pt;
    font-family: tahoma,verdana,arial;
    background-color: #3366cc;
}
.menuheadline
{
    background:#000066;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    color: #999999;
        font-weight:bold;
}
body
{background-color: #999999; }
</style>
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
Kurser inden for grundlæggende programmering

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