Søg
Avatar billede tryout Nybegynder
13. oktober 2003 - 12:35 Der er 19 kommentarer og
1 løsning

link ikonet?

jeg har en menu, lavet som en tabel hvor hvert <td>-element er et menu-element.

problemet:
jeg anvender onklick="www.jubii.dk" (f.eks), men når man kører musen over på menu-element vil jeg gerne have at hele feltet bliver opfattet som et link. Så jeg får den lille hånd frem.
Avatar billede kaptajnb Nybegynder
13. oktober 2003 - 12:38 #1
td { display: block; } skulle løse problemet - ellers a { display:block } alt afhængt af din syntaks...

/KaptajnB
Avatar billede -mundi- Nybegynder
13. oktober 2003 - 12:39 #2
style="cursor: pointer;"
Avatar billede mm12010 Nybegynder
13. oktober 2003 - 12:40 #3
<td onMouseOver="this.style.cursor='pointer';">
Avatar billede kaptajnb Nybegynder
13. oktober 2003 - 12:41 #4
eller inline <td display="block">
Avatar billede cdc Novice
13. oktober 2003 - 12:41 #5
hvis det er hele feltet/cellen skal du bruge block; 100%:
Avatar billede kaptajnb Nybegynder
13. oktober 2003 - 12:42 #6
joeh det er jo rigtigt mm12010 og -mundi- men det gør ikke hele cellen til et link, eller er det mig der er galt på den
Avatar billede cdc Novice
13. oktober 2003 - 12:42 #7
sådan her:

display:block;
width:100%;
Avatar billede cdc Novice
13. oktober 2003 - 12:43 #8
a {
FONT-SIZE: 10px;
color: #ffffff;
display:block;
width:100%;
}
Avatar billede olebole Juniormester
13. oktober 2003 - 13:27 #9
<ole>

tryout >> Prøv at poste et eksempel, for det du skriver i spørgsmålet er lidt noget vrøvl  :)

/mvh
</bole>
Avatar billede dta Nybegynder
13. oktober 2003 - 14:06 #10
Du skal bruge CSS til dette. Her er linket til hvorledes det virker.

http://www.meyerweb.com/eric/css/edge/popups/demo.html

Ovenstående er verticalt men kan også laves horisontalt med float: left;
Avatar billede olebole Juniormester
13. oktober 2003 - 14:15 #11
Nå ... jamen dta, kan du så ikke lige forklare os andre, hvad det egentlig er, tryout har skrevet i sin fil?

1. Har han et link i sin celle - med en onclick-handler?
2. Har han en celle med onclick-handleren direkte?
3. Hvordan ser onclick-handleren egentlig ud? Ikke som den står skrevet i spm'et, i hvert fald  :)
/mvh
Avatar billede tryout Nybegynder
13. oktober 2003 - 14:21 #12
html kode:

<TD onmouseover="mouseon(this);" onmouseout="mouseoff(this);" class="MenuItem" onClick="java script:self.location.href='/Default.asp?page=forside';">Forside</TD>

css kode:

.MenuItem {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: rgb(255,245,158);
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  } 

Håber det hjælper lidt
Avatar billede olebole Juniormester
13. oktober 2003 - 14:23 #13
<TD onmouseover="mouseon(this);" onmouseout="mouseoff(this);" class="MenuItem" onClick="self.location.href='/Default.asp?page=forside';">Forside</TD>

css kode:

.MenuItem {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: rgb(255,245,158);
  text-decoration: none;
  text-align: left;
  cursor: hand;
  cursor: pointer;
  }
Avatar billede olebole Juniormester
13. oktober 2003 - 14:25 #14
Mon ikke, du bruger IE5.X? Den bruger cursor:hand ... ikke cursor:pointer.
Nu burde alle browsere (der understøtter CSS) opfatte hele cellen som et link.

Brug i øvrigt _aldrig_ 'java script:' i en event-handler (f.eks. onclick)  :)
/mvh
Avatar billede tryout Nybegynder
13. oktober 2003 - 14:28 #15
Yes det virker nu, tak for hjælpen ole, undskylder forvirringen.
Avatar billede olebole Juniormester
13. oktober 2003 - 14:29 #16
Det er helt okay ... bare vi finder løsningen  ;o)
... og selvtak
Avatar billede dta Nybegynder
13. oktober 2003 - 15:51 #17
Undskyld min fraværen. Tryout bruger javascript til noget som kan laves i ren CSS. Dette gør det nemmer at vedligeholde. Prøv at kopiere nedestående kode i en HTML fil og kør det i en browser så kan du se
<head>
<STYLE type="text/css">
#menu {
    font-size: 0.9em;
    font-family: arial, Helvetica, sans-serif;
    position: absolute;
    left: 10px;
    top: 50px;
    right: auto;
    width: 100px;
    height: 400px;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 2px;
   
    }       

div#menu a {
        float: left;
    width: 100px;
    height: 20px;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #DBE4E7;
    Border: none;
    padding: 3px 5px;
   
        }
div#menu a:visited {
    background-color: #DBE4E7;
    }
div#menu a:hover{
    background-color: #CCFF31;
    text-decoration: none;
    }
div#menu a:visited:hover{
    background-color: #CCFF31;
    text-decoration: none;
    }
</STYLE>
</head>
<body>
<div id="menu">
<a href="#">Menu1</a>
<a href="#">Menu2</a>
<a href="#">Menu3</a>
</div>
</body>
Avatar billede olebole Juniormester
13. oktober 2003 - 16:01 #18
Ja, men det er vist ikke lige det, han prøver at lave ... og så er det jo ikke 'det samme - bare uden JavaScript'  :)
... og så vrøvler du i øvrigt i din link-CSS:

div #menu a {
    float: left;
    width: 100px;
    height: 20px;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #DBE4E7;
    border: none;
    padding: 3px 5px;
}
div #menu a:visited {
    background-color: #DBE4E7;
}
div #menu a:hover {
    background-color: #CCFF31;
    text-decoration: none;
}

Sådan skal den se ud  :)
/mvh
Avatar billede tryout Nybegynder
14. oktober 2003 - 14:05 #19
Er det, det samme? Hvis jeg kunne slippe med at bruge css frem for JavaScript ville det være en lille fordel.

En anden ting er det med position, jeg har brugt tabeller til at lave mit layout. Jeg har forsøgt at gøre det med CSS men det blev noget være rod. Er der en CSS kommando der svarer til align="center"...? (f.eks)
Avatar billede olebole Juniormester
14. oktober 2003 - 22:25 #20
Det er umuligt at besvare dine spørgsmål uden at kunne se din side. Post en URL - så kan du få et svar, du kan bruge. Ellers kommer vi ud i en større gættekonkurrence  :)
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
04/0918:50 Slet lokal konto Af ErikHg i Windows
04/0916:05 Ændre tal i en celle Af xvid i Excel
04/0913:47 Dette er ikke en kommerciel session i Windows 11 Af eksmojo i Windows
31/0810:26 Synkronisering af kalender mellem computer, android telefon og iPhone Af Strawberry i Andre onlineløsninger
31/0810:24 Kan Excel selv beregne alder? Af leahcim i Excel
White papers
Flere white papers »