Martti Kujansuu

CSS:llä linkitys

Aloittanut Martti Kujansuu,

8 viestiä aiheessa

Kirjoitettu

Olen tehnyt CSS:llä toimivan navigointipalkin jonka napeista haluaisin uuden sivun avautuvan eri palstalle joka näkyy kuvassa palkin alapuolella. Kuitenkin linkki avautuu uuteen ikkunaan eikä kehyksistä tuttu "Target=" -komento auta. Tuossa alla on vielä navigointipalkin ja linkitettävän palstan koodia.

 

[ attachment removed ]

 

<body>
<div id="container">
	<div id="header"><div id="skipmenu"></div>
        </div> 
<ul id="mainnav">
  <li><a href="main.html">Etusivu</a></li>
  <li><a href="#">Valikko 1</a>
    <ul>
      <li><a href="#">Valikko 2</a>
        <ul>
          <li><a href="linkki.html">Linkki1</a></li>
          <li><a href="#">alalinkki1</a></li>
          <li><a href="#">alalinkki2</a></li>
          <li><a href="#">alalinkki3</a></li>
        </ul>
      </li>
      <li><a href="#">alalinkki4</a></li>
      <li><a href="#">alalinkki5</a></li>
    </ul>
  </li>
  <li><a href="#">Valikko 3</a>
    <ul>
      <li><a href="#">alalinkki5</a>
      </li>
      <li><a href="#">alalinkki6</a>
      </li>
    </ul>
  </li>
  <li><a href="#">Valikko 4</a></li>
  <li><a href="#">Valikko 5</a></li>
</ul>
<div id="contents">
	<div class="blogentry">
		<h2><a href="#">Testiotsikko</a></h2>
		<h3>Lauantai 25.3.2006</h3>
		<p>
		</p>
		<p>
		</p>
	</div>
</div>

 

 

Jaa viesti

Link to post
Jaa muulla sivustolla

Kirjoitettu

iframe siihen on laitettava jos samalle sivulle haluat jonkin sisällön aukeavan.

<div id="contents">
<div class="blogentry">
<h2><a href="#">Testiotsikko</a></h2>
<h3>Lauantai 25.3.2006</h3>
<iframe src="sivu1.html" name="ifr1" frameborder="0" scrolling="auto" width="98%" height="450"></iframe>
</div>
</div>

 

kun sivu avataan iframeen aukeaa sivu1.html,  ja sitten vain linkkeihin target="ifr1", elikkä:

<a href="sivu2.html" target="ifr1">Tämä linkki aukeaa iframessa</a>

 

Diviin et saa "toista" sivua ilman Perliä PHP:tä tms. palvelinpään kieltä mitenkään.

divin sisältöä/ulkoasua sinänsä voi kyllä muuttaa JavaScript/DOM systeemillä helpostikin,

mutta se ei sovellu suurempiin kokonaisuuksiin.

Mutta iframella homma hoituu komeasti.

 

Mitä nuo # -linkit on? # kun avaa aina sen saman sivun uudelleen jos se linkin URLina on.

 

Jaa viesti

Link to post
Jaa muulla sivustolla

Kirjoitettu

Mitä nuo # -linkit on? # kun avaa aina sen saman sivun uudelleen jos se linkin URLina on.

 

Linkkejä joita varten en ole vielä ehtinyt luoda mitään html-tiedostoa.

Jaa viesti

Link to post
Jaa muulla sivustolla

Kirjoitettu

Diviin et saa "toista" sivua ilman Perliä PHP:tä tms. palvelinpään kieltä mitenkään.

divin sisältöä/ulkoasua sinänsä voi kyllä muuttaa JavaScript/DOM systeemillä helpostikin,

 

Vai olisiko helpompaa ehkä tehdä uusi index-tiedosto jokaista sivua kohden ja vain muuttaa teksti & kuvat erillaiseksi sivusta riippuen. Sitten vain linkittää jokaisen samaan css-tiedostoon, että ulkonäkö pysyy samanlaisena.

Jaa viesti

Link to post
Jaa muulla sivustolla

Kirjoitettu

Olisi helpompaa neuvoa jos kertoisit mitä tekniikoita palvelin jolla sivut sijaitsevat tukee.

Jaa viesti

Link to post
Jaa muulla sivustolla

Kirjoitettu

Sekä PHP:llä että SSI:llä onnistuu sisällön muuttaminen vaikkapa samaan tapaan kuin

tällä FSN-sivustolla URL:n query-osan mukaan : sivu1.php?kissat avaa kissat -sisällön ja sivu1.php?koirat taas koirat-sisällön samaan pohjasivuun, halutulle kohdalle.

Se sisätö voi olla sitten vaikkapa tavallinen tekstitiedosto tai kuva tai html-koodin osa, jne.

 

Makuasia miten kukin homman haluaa tehdä, valintaan vaikuttaa myös se miten iso sivusto on.

Muutamalle sivulle ei kannata kummempia systeemejä rakennella: erilliset sivut ja CSS ulkoiseen tiedostoon, niin sivut on kaikki helposti saman näköisiä.

Mutta jos haluat vaikkapa PHP:tä harjoitella, niin sillä tuo onnistuu näppärästi, kuten myös SSI:llä. SSI:n "miinuspuolena" on että sivut pitää yleensä olla *.shtml päätteisiä (riippuu palvelimen asetuksista).

 

"Trendikäs" tapa on ilman muuta rakentaa koko sivusto PHP:llä, eikä se huonokaan ole.

Mut miä käyttäisin SSI:tä, taikka Perliä. :)

 

Kts.

http://fi.php.net/include/

http://www.ssi-developer.net/ssi/ssi-include.shtml

 

Tai sitten se iframe, jonka miinuksena mainitsen ohimennen tässä että XHTML 1.1 kieltää sen

olemassaolon tyystin. No tuosta ei tarvi HTML-dokuissa välittää aikoihin, koska selaimet tukevat sitä edelleen, mutta XHTML 1.1 dokumentissa sitä ei voi käyttää enää ollenkaan.

 

 

Jaa viesti

Link to post
Jaa muulla sivustolla

Kirjoitettu

Muutamalle sivulle ei kannata kummempia systeemejä rakennella: erilliset sivut ja CSS ulkoiseen tiedostoon, niin sivut on kaikki helposti saman näköisiä.

 

Jooh, huomasin tuon saman jutun kun värkkäilin sivuja viime päivinä. CSS on jo nyt ulkoisessa tiedostossa joten todellakin siihen linkkitäminen olisi kaikkein nopein tapa.

 

Kiitokset kuitenkin vaihtoehtoisista menetelmistä. Pitää pitää muistissa jos joskus tekee isompia sivustoja!

Jaa viesti

Link to post
Jaa muulla sivustolla

Luo uusi käyttäjätunnus tai kirjaudu sisään

Sinun täytyy olla jäsen osallistuaksesi keskusteluun

Luo käyttäjätili

Rekisteröi uusi käyttäjätili helposti ja nopeasti!


Luo uusi käyttäjätili

Kirjaudu sisään

Sinulla on jo käyttäjätili?


Kirjaudu sisään
Palaa aiheisiin Ohjelmat ja laitteet