Miten tämä diveillä ja css-muotoilulla?

Kiitos, nyt toimii. Osasin tehdä samanlaisen (tai siis vähän siihen suuntaan, en aivan samanlaista) tableilla, mutta nyt se näyttää siltä miltä ajattelin sen haluavani näyttää.

aloittelija webissä kirjoitti:

Kiitos, nyt toimii. Osasin tehdä samanlaisen (tai siis vähän siihen suuntaan, en aivan samanlaista) tableilla, mutta nyt se näyttää siltä miltä ajattelin sen haluavani näyttää.

div#kehikko,div#ylaosa

Ihan mielenkiinnosta kysyn edelliseltä kirjoittajalta mikä pointti tuossa on kirjoittaa css:ään jokaisen eteen div# kun se toimisi kyllä ihan #kehikko,#ylaosa...

Onko se vain muotoilu seikka, löytää css tiedostosta helpommin div id:eet.

sfinski80 kirjoitti:

div#kehikko,div#ylaosa

Ihan mielenkiinnosta kysyn edelliseltä kirjoittajalta mikä pointti tuossa on kirjoittaa css:ään jokaisen eteen div# kun se toimisi kyllä ihan #kehikko,#ylaosa...

Onko se vain muotoilu seikka, löytää css tiedostosta helpommin div id:eet.

Voi olla muitakin merkityksiä, mutta ainakin se yksilöi muotoilun tiettyn tyyppiseen elementtiin eli div#kehikko ei toimi taulukon kanssa ja toisaalta voin tarvittaessa käyttää tuota "kehikko" -nimeä useampaan kertaan muiden elementtien yhteydessä (table#kehikko) ja kuten tuossa mainitsitkin, helpottaa oikean muotoilun löytämistä. Sinänsä toimii täysin ilman div ymv. etuosaa.

---CSS--- kirjoitti:

Voi olla muitakin merkityksiä, mutta ainakin se yksilöi muotoilun tiettyn tyyppiseen elementtiin eli div#kehikko ei toimi taulukon kanssa ja toisaalta voin tarvittaessa käyttää tuota "kehikko" -nimeä useampaan kertaan muiden elementtien yhteydessä (table#kehikko) ja kuten tuossa mainitsitkin, helpottaa oikean muotoilun löytämistä. Sinänsä toimii täysin ilman div ymv. etuosaa.

Tuo auttoi :-D Pitääkin itsekin alkaa käyttämään tuota.

sfinski80 kirjoitti:

Tuo auttoi :-D Pitääkin itsekin alkaa käyttämään tuota.

Suosittelen tallentamaan nuo CSS-koodit erilliseen tiedostoon (".css"). Helpottaa huomattavasti sivuston tekoa, jos alkaa mennä yhtään monimutkaisempaan suuntaan.

Lisäät vaan tämän tagin kaikkien sivujen HEAD-osioon:

loöf kirjoitti:

Suosittelen tallentamaan nuo CSS-koodit erilliseen tiedostoon (".css"). Helpottaa huomattavasti sivuston tekoa, jos alkaa mennä yhtään monimutkaisempaan suuntaan.

Lisäät vaan tämän tagin kaikkien sivujen HEAD-osioon:

Tippui tagi pois, poista sulut alusta ja lopusta:

()

loöf kirjoitti:

Tippui tagi pois, poista sulut alusta ja lopusta:

()

Perhana kun ei millään onnistu. Ja muistaa poistaa sulut:

()