Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Kehykset, ja niille vaihoehto

Jäynis [30.11.2005 12:35:18]

#

Morjens.

Kovasti tuntuu kaikkilla olevan jotain kehyksiä vastaan joten ajattelin kysäistä että mikä niissä on vikana? Aavistus on mutta kun en paremmasta tiedä, tästä päästäänkiin toiseen kysymykseen.
Mitä itse olette käyttäneet ja miksi parempi kuin kehykset?
Toteutukseenkin saa antaa vinkkejä

ajv [30.11.2005 12:47:33]

#

Tuossa muutama keskustelu, jotka haulla nopsasti löytyivät

https://www.ohjelmointiputka.net/keskustelu/7001-frame-syrjintää
https://www.ohjelmointiputka.net/keskustelu/6539-pelkkä-domain-näkyviin

ville-v [03.12.2005 11:13:10]

#

Ainoa tapaus jossa on pakko käyttää kehyksiä on se, ettei taustamusiikin halua katkeavan kun siirrytään sivulta toiselle. Sivuilla ei kuitenkaan pitäisi olla taustamusiikkeja, joten kehykset voi aina korvata jollain muulla.

pistemies [03.12.2005 13:25:18]

#

Kehyksien "tapaisesti" käyttäytyviä:

<html>
<head>

<style type="text/css">
<!--
#yla   {
position:fixed;
 top: 0;
left: 0;
right: 0;
bottom: auto;
 width: 100%;
height: 10%;
 border-style: ridge;
border-width: 1px}
#vasen { position:fixed;
top: 10%; left: 0;
right: auto;
bottom: 0;
width: 25%;
 height: auto;
 border-style: ridge;
border-width: 1px;}
#doku  { position:fixed;
 top: 10%;
left: 25%;
right: auto;
bottom: auto;
width: auto;
 height: auto;
 visibility: scroll;
 border-style: ridge;
 border-width: 1px; }
a {text-decoration: none;}
a:hover {text-decoration: underline; color: blue}

-->
</style>
</head>

<body>

<div id="yla"> <!-- vasen yläpalkki alkaa -->
  <b>CSS 2 - kiinteä sijoittelu </b><br />
  <a href="css2_fixed1.html">Elementtien perinteineen sijoittelu - kehykset ja taulukot</a> |
  <a href="css2_fixed2.html">Elementtien kiinteä sijoittelu CSS 2-tyyleillä</a>
</div>

<div id="vasen">
  <ul>
  <li><a href="css2_fixed1.html">Elementtien perinteineen sijoittelu - kehykset ja taulukot</a></li>
  <li><a href="css2_fixed2.html">Elementtien kiinteä sijoittelu CSS 2-tyyleillä</a></li>
  </ul>
</div>


<div id="doku">  <!-- dokumenttiosa alkaa -->

<div>
Absoluuttinen sijainti tehdään suhteessa dokumenttiin (tai elementin vanhempaan) ei selainikkunaan. Kiinteä sijainti tehdään taas suhteessa selainikkunaan. Kehyksiä käyttäen saadaan saman tapainen vaikutelma, mutta kiinteän sijainnin avulla uusimmat selaimet (IE 5+ ja NN 6+) osaavat sijoittaa elementit kiinteästi ilman kehyksiä.
</div>

<div>
Kiinteässä sijoittamisessa ominaisuudet (height, width, top, right, bottom ja left) suhteutetaan selainikkunaan (ei dokumentti-ikkunaan). Esimerkissä on käytetty kolmea osaa:</div>

<ul>
	<li>Dokumentin yläosa (varaa leveyssuunnassa 100 prosentti ja korkeussuunnassa 10 prosenttia selainikkunasta)</li>
	<li>Dokumentin vasenpalkki (alkaa 10% selainikkunan yläreunasta alaspäin vasemmalta ja varaa leveyssuunnassa 20 %)</li>
	<li>Dokumentti osa (varaa käytännössä lopun jäävän tilan <i>width:auton</i> ja <i>height: auto</i> dokumentista. Vastaavasti määritys <i>visibility: scroll</i> määrittää dokumentille rullauspalkin, jotta käyttäjä voi selata "dokumenttilaatikon" sisältöä. </li>
</ul>

<div>Juttua ja juttua </div>

</div> <!-- Varsinainen dokumenttiosa päättyy tänne -->

</body>
</html>

skriptin lainaus: Juha Peltomäki

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta