Hoppa till innehåll

Rekommendera inlägg

Gäst Sandkaka
Skrivet (redigerat)

www.webdesignskolan.se

www.webbkunskap.se

 

Google innan fråga?

Redigerat av Sandkaka
Skrivet (redigerat)

En bild till en annan bild, varför det? Kan du förklara lite bättre vad du vill?

 

Alltså på en img tagg?

<img src="bild1.jpg" style=":hover {src: "bild2.jpg"}" />

 

Detta ska funka, men gör troligtvis inte det alls. Fungerade åtminstone inte i Firefox.

Redigerat av Moberg
Gäst BondaKransDans
Skrivet (redigerat)

En bild till en annan bild, varför det? Kan du förklara lite bättre vad du vill?

 

Alltså på en img tagg?

<img src="bild1.jpg" style=":hover {src: "bild2.jpg"}" />

 

Detta ska funka, men gör troligtvis inte det alls. Fungerade åtminstone inte i Firefox.

 

Aha han menar rollover :D okej kära dear nu ska jag läradig hur man gör en meny :D

 

detta ska i din CSS dokument (OBS DOKUMENTET MÅSTE HETA style.css!)

#menybox
{
width: 162px;
margin: 0;
padding: 0;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#menybox ul
{
list-style-type: none;
margin: 0 0 7px 0;
padding: 0;
}

#menybox a, #menybox span
{
display: block;
height: 15px;
padding: 5px 10px;
border-left: 1px solid #aaab9c;
border-bottom: 1px solid #aaab9c;
border-right: 1px solid #aaab9c;
background-image: url(meny_bg.gif);
background-repeat: no-repeat;
color: #000000;
text-decoration: none;
}

#menybox a:hover, #menybox span#aktuell
{
background-image: url(meny_over.gif);
color: #333333;
}

#menybox span#aktuell { font-weight: bold; }

#menybox h6.menyrubrik
{
height: 15px;
margin: 0;
padding: 5px 5px 5px 12px;
background-image: url(meny_rubrik.gif);
background-repeat: no-repeat;
font-size: 12px;
color: #ffffff;
font-weight: normal;
border-left: 1px solid #aaab9c;
border-bottom: 1px solid #aaab9c;
border-right: 1px solid #aaab9c;
}

 

 

och sen detta i din hemsida i <body> tagen :

<div id="Layer2">
 <div id="menybox">
<h6 class="menyrubrik" title="menyrubrik">Meny</h6>
<ul>
<li><span id="aktuell" title="Denna sida">Hema</span></li>
<li><a href="test.html" title="Beskrivning 2">Lämk</a></li>
<li><a href="test.html" title="Beskrivning 3">Lämk</a></li>
<li><a href="test.html" title="Beskrivning 5">Länk</a></li>
<li><a href="test.html" title="Beskrivning 6">Länk</a></li>
</ul></div></div>

 

Sen ska du bara spara dom här bildera

och sen måste du lägga dom i mappen där hemsidan och style.css är!

post-30592-1159347373_thumb.gif

post-30592-1159347382_thumb.gif

post-30592-1159347389_thumb.gif

Redigerat av BondaKransDans
Skrivet (redigerat)

Det behövs inte heta style.css.

Du behöver bara ha med koden för CSS, alltså

<STYLE TYPE="text/css">

Du kan lägga den i en html fil då...

 

EDIT: Den är kopierat från ninetnet...Inte för att någon bryrs isg :P

Redigerat av Skinnpytte
Skrivet

Skinnpytte varför skulle man ine vilja ha den i en css-fil?

Bonda han har väl inte alls sagt något om en meny? >.<

Fast om det är det han vill så är det ju bra :)

Skrivet

Skinnpytte varför skulle man ine vilja ha den i en css-fil?

Bonda han har väl inte alls sagt något om en meny? >.<

Fast om det är det han vill så är det ju bra :)

 

Jag sa att man inte behövde

 

Jo han sa det nyss, över mitt inlägg :o

Gå med i konversationen

Du kan skriva nu och registrera dig senare. Om du har ett konto, logga in nu för att posta med ditt konto.

Gäst
Svara på det här ämnet...

×   Klistrade in som rich text.   Klistra in som vanlig text istället

  Endast 75 emojis är tillåtet.

×   Din länk har automatiskt inbäddats.   Visa som en länk istället

×   Ditt tidigare innehåll har återställts.   Rensa redigeraren

×   Du kan inte klistra in bilder direkt. Ladda upp eller infoga bilder från URL.

×
  • Skapa ny...