/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
onClick?
Fra : christian


Dato : 08-11-02 17:30

Hej

Jeg er ved at experimentere med menu'er. Jeg har lavet den som
knapper omen så vil jeg godt have at når man klikker på knappen
skal den skifte fra li {border: outset} til li{border: inset}.

Min kode er:
<html>
<head>
<title>Menuknapper 17.3</title>
<style type="text/css">
body{
margin-top: -10px;
Margin-left: 0px;
background-color: lightblue}
ul {
color: yellow;
background: yellow;
margin: 14; padding:2;
border: groove;}
li{
color: yellow;
background: yellow;
padding:0;
padding-left: 4px;
padding-bottom: 4px;
border: outset;
font-size: 12px;
list-style-type: none;
font-weight: bold;
font-family: arial}
a {
display: block;
text-decoration: none;
color: black}
a:active{font-size:11px}
</style>
</head>
<body>
<table width="130" height="200" border="0" cellspacing="1">
<tr>
<td>
<ul>
<li><a href="yellow.htm">Se en gul side</a>
<li><a href="blue.htm">Se en blå side</a>
<li><a href="red.htm">Se en rød side</a>
<li><a href="green.htm">Se en grøn side</a>
</ul>
</td>
</tr>
</table>
</body>
</html>

Håber at i kan hjælpe mig!

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Knud Gert Ellentoft (08-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 08-11-02 19:28

christian <christian@steffweb.dk> skrev :

>Jeg er ved at experimentere med menu'er. Jeg har lavet den som
>knapper omen så vil jeg godt have at når man klikker på knappen
>skal den skifte fra li {border: outset} til li{border: inset}.

Det er blot at sætte
a:hover {border: inset}
ind i din css.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

christian (09-11-2002)
Kommentar
Fra : christian


Dato : 09-11-02 09:21

> Det er blot at sætte
> a:hover {border: inset}
> ind i din css.
> ----

Det forstår jeg. Men jeg vil godt have li{border:outset} til at blive
li{border:outset} når der KLIKKES på den

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

christian (09-11-2002)
Kommentar
Fra : christian


Dato : 09-11-02 09:37


> Det forstår jeg. Men jeg vil godt have li{border:outset} til at blive
> li{border:outset} når der KLIKKES på den
>
> --

D.v.s at når der klikkes på linket (display:block) skal li'en's border
(outset) blive inset

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Knud Gert Ellentoft (09-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 09-11-02 18:29

christian <christian@steffweb.dk> skrev :

>D.v.s at når der klikkes på linket (display:block) skal li'en's border
>(outset) blive inset

Så sæt det med a:active
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

christian (10-11-2002)
Kommentar
Fra : christian


Dato : 10-11-02 11:11

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:

> Så sæt det med a:active




jajaja men jeg vil gerne have det med javascript!!!
f.eks kunne jeg indsætte <li onClick="this.className='button'">Klik
her</li>
Men det virker ikke så noget i den stil bare anderledes




--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

christian (10-11-2002)
Kommentar
Fra : christian


Dato : 10-11-02 11:15

christian wrote in dk.edb.internet.webdesign.html:
>
> jajaja men jeg vil gerne have det med javascript!!!
> f.eks kunne jeg indsætte <li onClick="this.className='button'">Klik
> her</li>
> Men det virker ikke så noget i den stil bare anderledes
>
>
>

Og så have en <li onClick="this.className='button'"
onMouseOut="this.className='button2'">Klik
> her</li>.

i "button" skal der stå border:inset og i "button2" border:outset.

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Knud Gert Ellentoft (10-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 10-11-02 18:34

christian <christian@steffweb.dk> skrev :

>jajaja men jeg vil gerne have det med javascript!

Hvorfor spørger du så i htmlgruppen og ikke i clientside?
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Jesper Brunholm (11-11-2002)
Kommentar
Fra : Jesper Brunholm


Dato : 11-11-02 10:42

christian wrote:
> Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
>
>>Så sæt det med a:active
>
> jajaja men jeg vil gerne have det med javascript!

(Du fik de her til overs: !! De returneres hermed til fremtidig brug )

Hvorfor? - for at det virker hos færre brugere?

Du ved godt at du kan lave en speciel a: definition til en class ikke?

..button a:active {
border: som du vil ha det;
}

> f.eks kunne jeg indsætte <li onClick="this.className='button'">Klik
> her</li>

som nævnt så bør du spørge i clientside-gruppen når du _vil_ ha en
clientside-løsning.

Venligst

Jesper Brunholm


--
H.C. Andersen-Centret med nyt design: <http://www.andersen.sdu.dk/>
Phønix - dansk folk-musik fra unge musikere - <http://www.phonixfolk.dk/>


Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste