CSS-meny utan frame?

HTML & CSS

4 svar · 470 visningar · startad av Mira

Medlem sedan maj 2001966 inlägg
Trådstart#1

Går det att göra en meny med länkar (lista till vänster), vars innehåll visas till höger på sidan utan att använda frames (eller ssi) ?

Se exempel HÄR.

Länkarna ska alltså visas där texten "Välkommen..." står.

Medlem sedan mars 2007116 inlägg
#2

Jo det kan du. med lite css.

om du gör dina länkar ungefär såhär:

  <a href="#lank1">1</a>
  <a href="#lank2">2</a>
  <a href="#lank3">3</a>
  <a href="#default">Töm</a>

Sen har du en div i det hela också

<div class="lankar">
  <p id="lank1">Vad länk 1 skall visa</p>
  <p id="lank2">Vad länk 2 skall visa</p>
  <p id="lank3">Vad länk 3 skall visa</p>
  <p id="default"></p> //visar ingen text
</div>

i din cssmall infogar du detta

div.lankar p:not(:target) {display: none}
div.lankar p:target {display: block}

Så skall det lösa sig

sen måste du givetvis infoga Diven på rätt plats ;)

Medlem sedan maj 2001966 inlägg
#3

Tyvärr så fattar jag inte riktigt...
Var är rätt plats för diven?
Var skriver jag in länkens adress?
Eller menar du att man måste skriva in hela innehållet i div-taggen...?
Kan man inte infoga en annan html-fil där innehållet ligger (utan ssi)?

Medlem sedan mars 2007116 inlägg
#4

Jag hittade denna sida genom att googla lite: http://www.w3.org/Style/Examples/007/target.html#default

den kanske kan ge dig en bättre förklaring

Medlem sedan mars 2007522 inlägg
#5

har du lärt dig hur du ska använda divarna? det är lixom bara boxar som håller reda på vart du vill lägga saker på sidan (meny, text, bilder, etc).

kolla webdesignskolans cssguide, den är väldigt bra.

http://www.webdesignskolan.com/

å fredrik kolla denna sida http://www.gurkean.com/history

vad tycks? svara inne på kolla min hemsida

252 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
121 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)