Avatar billede 200 Nybegynder
22. maj 2001 - 23:05 Der er 6 kommentarer og
1 løsning

Absolut menutekst

Er der nogen, som kan fortælle mig om man kan gi en \"menutekst\" en absolut plasering ovenpå en grafikfil.
Når jeg siger absolut så mener jeg, at menuteksten altid skal være plaseret korekt ovenpå menuknappen uanset, hvilken skærmstørrelse eller skærmopløsning brugeren har.
Jeg forestiller mig, at man kan plasere teksten absolut i en tabel-celle oven på kanppen, ka det la sig gøre, og hvordan ?
Avatar billede jakoba Nybegynder
22. maj 2001 - 23:22 #1
det nemmeste er at tegne teksten ind i billedet med et paintprogram og så bruge et imagemap til at fortælle at det er der linket er.

<map name=\"englemap\">
    <AREA SHAPE=\"rectangle\"  COORDS=\"15,25,85,60\"
HREF=\"http://www.geocities.com/~enchantedlakes/angels/\" alt=\"Enchanted Lakes\">
</map>

<IMG SRC=\"frkaxe.jpg\" WIDTH=340 HEIGHT=450 BORDER=0 usemap=\"#englemap\"

det stykke af billedet bliver så et link.

mvh JakobA
Avatar billede jakoba Nybegynder
22. maj 2001 - 23:24 #2
PS: det ; tegn efter href parametern hører ikke med, det er noget eksperten.dk\'s parser har tilføjet.
Avatar billede ras2000 Nybegynder
23. maj 2001 - 13:53 #3
Hvis du vil have nogle knapper der kan skrives på siden hen, er det meget nemmere at bruge  tabeller. Prøv at se http://www.mur-tag.dk/producenter/dmuk/intro.htm
Avatar billede 200 Nybegynder
23. maj 2001 - 23:52 #4
ras2000 
Er teksten på menuknapperne, som du refererer til ikke \"cementeret\" i grafikken. Forstået på den måde, at hvis man skal ha ny tekst på en knap så må man lave om på grafikfilen ?
Avatar billede 200 Nybegynder
28. maj 2001 - 00:45 #5
Jeg lukker
Avatar billede ras2000 Nybegynder
28. maj 2001 - 11:13 #6
Jeg var lige på ferie. Det forslag jeg linkede til har bare en tabel med felter, der er ingen grafik.
Avatar billede ras2000 Nybegynder
28. maj 2001 - 11:29 #7
Her er hele koden for den lille menu:
<html>

<head>
<title>Firmaside</title>
<style type=\"text/css\">
.menu    {border-style:solid;border-width:2;color:#ffffff;border-bottom-color:330000;
        border-right-color:330000;border-top-color:ff0000;border-left-color:ff0000;font-weight:bold;background-color:c00000}
</style>
<script type=\"text/javascript\">
function skift(el) {
    el.style.borderBottomColor = \'#ff0000\';
    el.style.borderRightColor = \'#ff0000\';
    el.style.borderTopColor = \'#330000\';
    el.style.borderLeftColor = \'#330000\';
    el.parentElement.children(0).style.backgroundColor = \'#ffff00\';
    el.parentElement.children(0).style.borderBottomColor = \'#ff0000\';
    el.parentElement.children(0).style.borderRightColor = \'#ff0000\';
    el.parentElement.children(0).style.borderTopColor = \'#330000\';
    el.parentElement.children(0).style.borderLeftColor = \'#330000\';
}
function uskift(el) {
    el.parentElement.children(0).style.backgroundColor = \'\';
    el.style.borderBottomColor = \'\';
    el.style.borderRightColor = \'\';
    el.style.borderTopColor = \'\';
    el.style.borderLeftColor = \'\';
    el.parentElement.children(0).style.borderBottomColor = \'\';
    el.parentElement.children(0).style.borderRightColor = \'\';
    el.parentElement.children(0).style.borderTopColor = \'\';
    el.parentElement.children(0).style.borderLeftColor = \'\';
}
</script>
</head>

<body background=\"../DMOEK/images/dmoekbaggrund.jpg\" bgproperties=\"fixed\" topmargin=\"1\">

<table border=\"1\" bordercolor=\"#000000\" cellpadding=\"4\" cellspacing=\"0\" width=\"100%\">
  <tr>
    <td class=\"menu\">&nbsp;</td>
    <td class=\"menu\" align=\"center\" nowrap onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"document.location.href=\'vedtaegter.htm\'\">Vedtægter</td>
  </tr>
  <tr>
    <td class=\"menu\">&nbsp;</td>
    <td class=\"menu\" align=\"center\" nowrap onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"document.location.href=\'medlemsliste.htm\'\">Medlemsliste</td>
  </tr>
  <tr>
    <td class=\"menu\">&nbsp;</td>
    <td class=\"menu\" align=\"center\" nowrap onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"document.location.href=\'proevningsmetoder.htm\'\">Prøvningsmetoder</td>
  </tr>
  <tr>
    <td class=\"menu\">&nbsp;</td>
    <td class=\"menu\" align=\"center\" nowrap onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"document.location.href=\'varedeklarationer.htm\'\">Varedeklarationer</td>
  </tr>
  <tr>
    <td class=\"menu\">&nbsp;</td>
    <td class=\"menu\" align=\"center\" nowrap onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"document.location.href=\'generelbeskrivelse.htm\'\">Generel beskrivelse</td>
  </tr>
  <tr>
    <td class=\"menu\">&nbsp;</td>
    <td class=\"menu\" align=\"center\" nowrap onmouseover=\"skift(this)\" onmouseout=\"uskift(this)\" onclick=\"document.location.href=\'tegloverliggere.htm\'\">Overliggere</td>
  </tr>
</table>
</body>
</html>
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