Hoppa till innehåll

Behöver Hjälp Med Koder

Xade

Av Xade
i Grafik & Programmering

 Dela

Rekommendera inlägg

Gäst Moberg

Gäst Moberg

Skrivet
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
Länk till kommentar
Dela på andra sajter
Gäst BondaKransDans

Gäst BondaKransDans

Skrivet
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
Länk till kommentar
Dela på andra sajter

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.

×
 Dela
Gå till ämneslistan
×
×
  • Skapa ny...

Copyright 2000-2024 Crownberry AB | Integritetspolicy