Keskustelu: Ohjelmointikysymykset: Logo: Sivun "oikein" näkyminen

Olen tehnyt kotisivut jonka alussa on logo (logo.jpg) ja sen jälkeen alkaa <table>. Olen laittanut logon saman kokoiseksi kun tablen

<IMG  SRC="logo.jpg"  border="1" WIDTH="790" HEIGHT="140"><table cellpadding="40" width="60%" bgcolor="black">

Nyt kun katselen sivuja IE:ssä niin kaikki näyttää hyvältä, mutta kun katson sivuja esim Operalla niin kuva ja taulu on erilevyiset. Miten Minun kannattaisi tehdä sivut, että ne eivät näyttäisi päin per**ttä kun vaihtaa selainta tai kun vaihtaa sivun kokoa, vaan ne olisivat aina "oikeassa" koossa?.

Jos tablen leveys on 60%, niin silloinhan se on riippuvainen selainikkunan koosta.

Mitäs jos määrittelisit tablen leveydeksi kiinteän arvon?

joekool kirjoitti:

Mitäs jos määrittelisit tablen leveydeksi kiinteän arvon?

Älä tee sitä, koska silloin taulukko on (paitsi ison sattuman kautta) joko liian leveä tai liian kapea (Miksi se muuten nyt on vain 60%? Siinähän menee melkein puolet selainikkunan leveydestä hukkaan.)

Tee vaikka niin, että laitat sen logon "feidaamaan" johonkin tasaiseen väriin ja laitat sen sitten sen väriselle taustalle, niin se toimii näyttääkin hyvältä.

Sori en ihan vielä tajunnut. Eli mitä tarkoitat tuolla "feidaamisella"?.

Samalla tavalla, kuin vaikka tämä Ohjelmointiputkan logo.

Kannattaa laittaa logolle oma <td> tableen, ja sitten säätää vaan tablen kokoa, niin kyllä pelaa. Kannttaa muistaa, että table venyy, jos sen sisälle asetetaan vaikka leveä kuva, niin table venyy kuvan mukaan.

Jyri kirjoitti:

Kannttaa muistaa, että table venyy, jos sen sisälle asetetaan vaikka leveä kuva, niin table venyy kuvan mukaan.

Jonka takia leveää kuvaa ei kannata laittaa taulukon sisälle.
Jos se kuva on leveämpi, ku mun selainikkuna (ts. aiheuttaa vaakaskrollin) selain rivittää kaiken tekstin myös tuolle leveydelle, jolloin tekstiä lukiessa saa olla koko ajan rullaamassa ees-taas.

Jos taas kuva ja teksti on eri containereissa, kuva menee kyllä edelleen reunan yli, mutta teksti rivittyy kiltisti oikeaan leveyteen, eikä sitä lukeakseen tarvitse rullata vaakapalkkia ees-taas.