webForumDet fria alternativet

CSS-meny utan frame?

4 svar · 463 visningar · startad av Mira

MiraMedlem sedan maj 2001954 inlägg
#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.

rundbergMedlem sedan mars 2007138 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 ;)

MiraMedlem sedan maj 2001954 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)?

rundbergMedlem sedan mars 2007138 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

symbolismMedlem sedan mars 2007518 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

Genererad på 362 ms · cache AV · v20260730165559-full.f96bc7eb