Keskustelu: Nettisivujen teko: Taulukoton CSS

Olisikohan mahdollista toetuttaa kotisivujeni nykyinen taulukkorakenne CSS:llä niin, että menu ja sivujen sisältö tulisivat vierekkäin? Itse en ole kyllä vielä keksinyt sopivia tapoja.

<?php include("head.php"); ?>

<table style="table-layout: fixed">
<tr>
<td height="100%" width="20%" valign="top">
<a name="menu" id="menu"></a>

<?php include("menu.php"); ?>

</td><td height="100%" width="80%" valign="top" align="center">

<!--Sivun sisältö on tässä-->

</td>
</tr>
</table>

Eiköhän tuo niillä paljon puhutuilla diveillä mene aika näppärästi.

No et sinä ole sitten edes yrittänyt :)
Pelkät kaksi palstaa on nimittäin helppo: yksi float riittää. Ks. http://pp.kpnet.fi/blaze/temp/juice.html

Mäkin tein heti esimerkin:
http://cgi.evtek.fi/~k0101030/css.html

Mäki haluun!
http://koti.mbnet.fi/winuus/tablespan.html

Itte oon tottunu käyttää taulukoita :P

ajv kirjoitti:

Mäkin tein heti esimerkin:
http://cgi.evtek.fi/~k0101030/css.html

Ei taida toimia kuin Internet Explorerissa.

Juuh... Heitin suoraan päästä ton esimerkin ja testasin IE:llä ja Operalla. Olisi ehkä kannattanut tarkistaa onko CSS edes validia.

Huono esimerkki, älkää ottako mallia!

Kiitos vastanneille, meneekin kotisivu täysremppaan lähiaikoina :)

Äsh, tungetaan tämä topiikki nyt täyteen.
Joten, kotisivuillani on bannereita. Selain jää kuitenkin aina lataamaan ensin bannereita ennen kuin räväyttää sivun muun sisällön esille. Tämä ärsyttää minua, joten voisiko koodia jotenkin optimoida niin, että sivulle tulisi sisältö ensin ja sitten vasta bannerit ja bannerit jäisivät entisille paikoilleen.

Ei sitä noin varmaankaan optimoida voi niin että varmasti toimis kaikilla selaimilla :)
Varmin tapa on jättää bannerit pois.

varsinkin isot bannerit kannattaa viskata suoraan kuuseen.
ei niitä kukaan jaksa katsoa.

"Ah... rakastan bannereita"
Onko kukaan kuullut kenenkään sanoneen noin myöskin tarkoittaen sitä?

E I .

Esiintyykö tuo banneriongelma vain noilla vanhoilla(taulukkomuotoisilla) sivuilla? Silloin sinun pitäisi päästä ongelmasta eroon tämän CSS-taiton myötä, sillä tuo johtuu siitä, että jotkut selaimet(IE) tahtovat ladata koko taulukon ennen sen näyttämistä.

Ja bannerin voi laittaa koodissa viimeiseksi, ja css:llä määrittää sille paikan (vaikkapa sinne ylös, jos niin haluaa).

Adblocker ratkasee banneri-ongelmat sangen näppärästi ja tehokkaasti.

Joo niinhän se tekee, vaan ei omilta sivuilta. Pitää ensi päivityksessä suosiolla poistaa nuo bannerit ja käyttää tekstilinkkejä.

Miten saa tuollaisen menun kuin tuolla, ei kehyksillä. http://www.w3.org/Style/CSS/

Sopii katsoa sieltä lähdekoodista.
Vinkki: avainsana on "position: fixed;"

Mä vilkasin et siel on erillinen CSS-tiedosto.

Ja mitäs tekemistä sillä on minkään kanssa?
Tietänet, että tuon erillisen CSS-tiedoston sisältöä voi katsella ihan selaimessa? :)

Juice kirjoitti:

Mä vilkasin et siel on erillinen CSS-tiedosto.

tadaa: http://www.w3.org/Style/threepart.css