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

381

    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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Putin hoiti Suomen natoon ja myös Ruotsin

      Iso kiitos Vladimir Putinille. Hänen ansiosta pääsemme nyt Natoon. Putin halusi Naton lähelle ja nyt sai. Voimme tästä kiittää vain Putinia.
      Maailman menoa
      651
      7996
    2. Niinistö teki hetkessä Suomesta Venäjän ydinaseiden maalitaulun

      Kaiken lisäksi mies vielä lällätteli Putinille eilisessä tiedotustilaisuudessa ja käski katsomaan itseään peiliin. Kyllä vähän asiallisempaa käytöstä
      Maailman menoa
      467
      2283
    3. Voi Stefu ja sun kiivas luonteesi

      Sielä lentelee ullakkohuoneiston ikkunasta daamin vaatteet ja matkalaukut pitkin pihaa. Toisaalta,en ihmettele yhtään että tämä suhde päättyi näin,kyl
      Kotimaiset julkkisjuorut
      233
      2199
    4. Poliisi otti Stefun kiinni!

      Seiska tietää kertoa.
      Kotimaiset julkkisjuorut
      147
      1775
    5. Ohhoh! Martina Aitolehti ja seurapiirihurmuri-Jesper ekassa yhteiskuvassa - Sutinaa Mallorcalla!

      Martina Aitolehti ja seurapiirijulkkis-Jesper nauttivat toisistaan varsin vauhdikkaissa merkeissä Mallorcalla. Aitolehti ei ole esitellyt rakastaan vi
      Kotimaiset julkkisjuorut
      25
      1262
    6. Veikkaus: Miten The Rasmus pärjää Euroviisuissa?

      Euroviisuhuuma on ylimmillään, kun Suomi ja The Rasmus taistelee biisillään Jezebel. Bändi on tikissä, kunhan Lauri Ylösen ääni kantaa. Mitä veikka
      Viihde ja kulttuuri
      51
      1243
    7. Stefanilta tuli taas karu totuus Sofiasta

      Marokkolainen h*o*ra! Voi tsiisus kun mulla on hauskaa! Lumput lentää ikkunasta kun Stefu raivoaa h*uralleen🤣🤣🤣 Nyt ne popparit tulille, tästä tule
      Kotimaiset julkkisjuorut
      110
      1165
    8. Ootko onnellinen kun ei tarvitse

      nähdä tätä tyhmää naamaa enää koskaan? Multa se särkee sydämen, mutta minkäs teen. Vaikka olisi kuinka sinnikäs eikä hellittäisi, se ei aina auta.
      Ikävä
      65
      849
    9. Steppuli veressä

      Seiskan lööpissä Steppulilla naama ja nyrkit veressä. Ei tainnut ihan kamojen pihalle paiskominen riittää. Onkohan pistänyt kämpän tuusannuuskaks.
      Kotimaiset julkkisjuorut
      59
      815
    10. Oletko nähnyt eroottiset kohuleffat? Fifty Shades Of Grey -trilogia tv:stä

      Fifty Shades -trilogia starttaa, kun nuori opiskelijanainen Anastasia tapaa rikkaan liikemiehen. Seksisuhdehan siitä starttaa, höystettynä sadistisill
      Suhteet
      7
      754
    Aihe