Mulla on kotisivujen layoutin pääosa 820px leveä(taulukoidut taustakuvat photoshopissa), ja haluaisin tähän taulukoida vierekkäin esim. tekstiosa 500 ja kuva jossa tekstiä 300. En saa pysymään noita mittasuhteita oikein ja vakiona, vaan selaimet ilmeisesti tuosta tekstipuolen tekstistä riippuen tuota kuvaa leventää/kaventaa. Ja se näyttää sitten hölmöltä kun sen boksin taustakuva alkaa vierestä uudestaan. Miten se oikeanpuoleinen pysyis aina samanlaisena??
OTSIKKO
OTSIKKO
Vastaukset 3
Vanhimmat
Jos kuvat ovat tärkeitä, miksi ne ovat taustakuvina? Koko sivun rakenne vaikuttaa aika epäonnistuneelta ja kokovaatimukset suhteettomilta. Teknisesti on kuitenkin selvää, että normaalisti selain käsittelee sarakkeiden leveyksiä melko vapaasti, sisällön mukaan, joten ei todellakaan kannata luottaa siihen, että _taustakuvana_ oleva kuva on määrälevyinen.
On kyllä mahdollista "pakottaa" taulukon taitto kiinteäksi, mutta tässä tapauksessa sillä lähinnä pakotettaisiin sivun ongelmat kiinteiksi.
Onko sivulla ihan oikeasti sellaista sisältöä, jota ei voi järkevästi esittää niin, että sivu toimisi myös vaikkapa 500 pikselin levyisessä ikkunassa?
Kuten yleensäkin, URL olisi kertonut, mistä kenkä varsinaisesti puristaa.
Kuvat ovat taustakuvina koska en osaa tehdä layouttia muuten. Siis olen piirtänyt photarissa layoutin jonka siellä pilkkonut osiin.. photari tekee tästä suoraan taulukkokoodin, pitää vain muuttaa ne kuvat taustakuviksi ja homma toimii. Painonapit ovat kuvia ja toimii moitteettomasti, samoin tuo päätekstialue. Mutta halutessani jakaa sen vielä kahteen osaan siten että toinen on tyhjä tekstialue ja toisessa esim pieni inforuutu ei homma suju oikein. Linkkiä ei ole kun ne ei ole vielä netissäkään.
ainakin 1 ongelma:
, lienetkö tarkoittanut: ?
Olet jo määrittänyt tauluko leveydeksi 820. Määritä sitten vasemmalle ja oikealle sarakkeelle (td) tuo leveys esim. vasen 310 ja oikea 510. Noissa tageissa on turhaan tuo valign, jne.
Käypäs opiskelemassa: http://www.w3schools.com paikassa.
En itsekään tiedä mitään, mutta sieltä se lähtee..
:)