CSS / HTML

- -

Olen määritellyt kotisivujen tyylin erillisessä CSS-tyylitiedostolla. Sivuilla on ylhäällä bannerimainen otsikkokuva ja sivujen alaosa on jaettu kahtia (valikko itse sivut). Eli ulkoasu on ihan se perinteinen.
Tuo otsikkokuva vain tuottaa ongelmia, en saa siitä millään oikean kokoista. Kaikki on ok kun resoa on 1024. mutta kun resoa laskee 800, niin kuva on edelleen samankokoinen, eli nyt aivan liian iso paikalleen.
Kuinka voisin pakottaa tuon ko. vaikkapa mukautumaan sille CSS:llä tehtyyn laatikkoon? (nyt laatikko mukautuu kuvan mukana)
Tai toisena vaihtoehtona olisi että kaikki se osa kuvasta, joka ei mahdu siihen laatikkoon häipyy, tai ainakin menee jonnekin taustalle...

Eli millä keinolla saan sen banneri-kuvan pysymään oikean kokoisena (eli vaikkapa: leveys 80% ikkunasta (keskittäen), korkeus 5% ikkunasta)??

4

380

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Y_H

      Miksi sen linkin antaminen on niin vaikeata? Ongelmaa kun olisi huomattavasti helpompi ratkoa sen avulla.

      Minkä kokoinen kuva? 1024x75? Taulukoillako tuo on toteutettu? Onko sisältö erotettu ulkoasusta kokonaan CSS:n avulla? Vai käytätkö sekä että? Käytössä oleva DTD? Onko sivuja validoitu? Virheet, mikäli on? jne jne jne

      Ymmärsit varmaan pointin :) En jaksa vastata oikeastaan mitään edes etäisesti auttavaa, kun menisi vain arvailuksi ja pahimmillaan neuvot voisivat aiheuttaa pahemman sotkun.

      Eli linkki ois kiva.

    • hiha

      ainakin näin. Eli laitat css:llä sen bannerin taustakuvaksi.

      body
      {
      background-image: url("images/logo750.jpg");
      background-repeat: no-repeat;
      margin-top:0px;
      margin-right:0px;
      margin-bottom:0px;
      margin-left:0px
      }

      Tuota olen käyttänyt ja se toimii, eli ikkunaan mahtumaton osa leikkautuu pois.

      Siis toinen vaihtoehto oli että kuva skaalautuu ikkunan koon mukaan? Vai mikä oli ajatuksesi?

      Voisikohan joku tällainen toimia (en ole kokeillut):

      #bann{
      position: absolute;
      left:10%;
      top:0;
      height: 5%;
      width: 80%;
      ...

      • - -

        nyt käytössäni on tuo sinun alempi keino... Käytännössä koodissani on määritelty otsikko, valikko ja itse sivu näin:
        #otsikko{
        position: absolute;
        left:10%;
        top:0;
        height: 5%;
        width: 80%;
        }
        #valikko{
        position: absolute;
        left:10%;
        top:5%;
        height: 95%;
        width: 5%;
        }
        #sivu{
        position: absolute;
        left:15%;
        top:5%;
        height: 95%;
        width: 65%;
        }

        eikä tuo toimi sen bannerin osalta. Taustaksikaan sitö ei voi laittaa kun minullaon jo erillinen kuva määritelty taustaksi.

        Muita ehdotuksia jollakin??


      • hiha
        - - kirjoitti:

        nyt käytössäni on tuo sinun alempi keino... Käytännössä koodissani on määritelty otsikko, valikko ja itse sivu näin:
        #otsikko{
        position: absolute;
        left:10%;
        top:0;
        height: 5%;
        width: 80%;
        }
        #valikko{
        position: absolute;
        left:10%;
        top:5%;
        height: 95%;
        width: 5%;
        }
        #sivu{
        position: absolute;
        left:15%;
        top:5%;
        height: 95%;
        width: 65%;
        }

        eikä tuo toimi sen bannerin osalta. Taustaksikaan sitö ei voi laittaa kun minullaon jo erillinen kuva määritelty taustaksi.

        Muita ehdotuksia jollakin??

        Mutta voit laittaa taustakuvan myös tuohon banneri blokkiin, eli:

        #otsikko{
        background-image: url("images/logo750.jpg");
        background-repeat: no-repeat;
        ...

        Toi ainakin toimii niin että 'leikkaa' ikkunaan mahtumattoman osan pois.


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Riikan kukkaronnyöri on umpisolmussa

      Kulutus ei lähde liikkeelle, koska kansalaiset eivät usko, että: – työpaikka säilyy – tulot eivät romahda – talous ei h
      Maailman menoa
      19
      2815
    2. Jos vedetään mutkat suoraksi?

      Niin kumpaan ryhmään kuulut? A) Niihin, jotka menevät edellä ja tekevät? Vai B) Niihin, jotka kulkevat perässä ja ar
      Sinkut
      106
      2631
    3. Tanskan malli perustuu korkeaan ansioturvaan

      Ja vahvoihin työllisyys- ja kotoutumispalveluihin. Suomessa Riikka on leikannut juuri näitä: palkkatukea, työttömyysturv
      Maailman menoa
      24
      2343
    4. Vain vasemmistolaiset ovat aitoja suomalaisia

      Esimerkiksi persut ovat ulkomaalaisen pääomasijoittajan edunvalvojia, eivät auta köyhiä suomalaisia.
      Maailman menoa
      49
      1894
    5. Anteeksipyyntöni

      Jätän tähän anteeksipyyntöni sinulle, koska en voi sanoa sitä missään muuallakaan. Pyydän anteeksi, jos purkamani tuska
      Järki ja tunteet
      14
      1473
    6. Miten must tuntuu

      et sä ajattelet mua just nyt
      Ikävä
      32
      1463
    7. Kun et vain tajua että

      sua lähestytään feikkiprofiililla :D Hanki aivot :D m-n
      Ikävä
      177
      1173
    8. Sydämeni valtiaalle

      En täältä aio asioita kysellä. Haluan tuoda tiedoksesi, että pohjimmiltani en ihmisiä tahdo satuttaa ja ajattelen muiden
      Ikävä
      102
      1163
    9. En vain unohda

      Sitä miten rakastuneesti olet minua katsonut. Oliko tunteet liian suuria että niistä olisi voinut puhua.
      Ikävä
      71
      1005
    10. Oletko tyytyväinen

      Tämän hetkiseen tilanteeseenne? Odotatko, että lähennytte vai yritätkö päästä yli ja eteenpäin?
      Ikävä
      81
      958
    Aihe