Tervetuloa kameralaukkuun!

Pääset mukaan keskusteluihin rekisteröitymällä.
Register Now

Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmassa

Keskustelu osiossa 'Kuvankäsittelynurkkaus' , aloittajana Jakki, 26 Marraskuu 2006.

  1. Jakki

    Jakki Member

    115
    0
    16
    Valokuvauksen ja web-suunnittelun janipetterinä teen koulun kuvistunnille erästä projektia html-sivuna. Lähdin muuttelemaan JAlbumilla tehtyä sivua, kunnes tuli pieni ongelma, jonka korjaamisen ei luulisi olevan kovinkaan monimutkaista, mutta minulle kuitenkin liian vaikeaa.

    Lue ongelmani tarkempi selostus klikkaamalla tästä ja auta osaamatona

    Kiitän etukäteen suuresti jos joku vain viitsisi auttaa.

    Edit: Lisäkysymys: Kuinka tuo sivu näkyy teidän näytöillänne? Itse koodasin sitä 1024x näytöllä ja siitä katsoen näyttää asettelu menevän ihan nappiin, mutta sitten katsoinkin isommalta ruudulta ja yks kaks koko sivun rakenne onkin aivan viturallaan.
     
  2. Vs: Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmas

    Joskus tuo ongelma on tullut esiin kotisivuja tehdessä,joillain selaimilla onnistuu ja joillain teksti leviää ympäriinsä.
    Kokeile tehdä  niin että muutat tekstit kuviksi,eli laitat tekstit sopivan levyisiin laatikkohin ja tuot ne kuvina sivulle,ei pitäis levitä.
    Toivottavasti ymmärsit ja toivottavasti onnistuu:)
     
  3. Vs: Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmas

    Ongelma tuossa näyttäisi olevan se, että olet laittanut kappaleet taulukon sisälle, mutta taulukossa ei sitten ole yhtäkään solua, vain yksi rivi, jossa tuo ensimmäinen kappale on. Kokeilepa hankkiutua eroon koko taulukosta ja tehdä sen sijaan yksi div-elementti, jonka sisään laitat kaiken sisällön. Määrität sen divin sitten sen levyiseksi, että mahtuu tuon harmaan alueen sisään, ja sen jälkeen kaikki sen sisällä olevat elementitkin mahtuvat siihen.

    Jos sitten haluat sisällön keskelle, niin määritä ensin taustan asettumaan keskelle, ja sen jälkeen voit laittaa tuon divin keskelle määrittämällä sille "margin: auto;". Jos taas et halua sitä keskelle vaan tietyn matkan päähän jommasta kummasta reunasta, niin se onnistuu position:relativella.

    En tiedä, oletko jo tutustunut, mutta tässä yksi CSS-opas, joka kannattaa lukea ajatuksella läpi. Ja muiden tekemiä CSS-ulkoasuja ja niiden toteutuksia voi tutkia vaikka tuolta. Erittäin opettavaista.
     
  4. Frank

    Frank Active Member

    7 250
    1
    38
    Vs: Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmas

    lataa vaikka ilmainen nvu, mielestäni sillä sai noi kohdilleen.
     
  5. Jakki

    Jakki Member

    115
    0
    16
    Vs: Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmas

    Tulipas apua nopeasti. Kiitän.

    Kuinka tuosta taulukosta voi hankkiutua eroon? Kuten sanoinkin, lähdin muuttelemaan tuota JAlbumilla tehdystä thumbnail-galleriasta, mistä tuo taulukkorakenne lienee perujaan. Kuinka divin leveyden voi määrittää? Jotenkin näin:

    <div width="divin leveys tähän? Millä yksiköllä? px?"]</div>?
     
  6. Vs: Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmas

    Poistat lähdekoodista vain kaikki body- ja tr-tagit (td:itä ei siinä ollutkaan). Divin leveys kannattaa määritellä CSS:n avulla, joko suoraan tagin sisään tai erikseen muiden tyylien mukana.

    Esimerkki tagin sisällä:
    <CODE>
    Koodi:
    <div style="width: 600px;"]
    ...
    Tähän kaikki muu sisältö
    ...
    </div>
    
    </CODE>

    Itse teen aina erikseen muiden tyylien mukana, esim. seuraavasti:
    <CODE>
    Koodi:
    <div class="kokosivu"]
    ...
    Tänne sisällöt
    ...
    </div>
    
    </CODE>
    Classilla siis luokitellaan elementti käyttämään "kokosivu":n määrittelyjä, jotka määritellään erikseen muiden mukana:
    <CODE>
    Koodi:
    .kokosivu {
       width: 600px;
    }
    
    </CODE>
    Ja toki eri asioita voi määritellä useammankin kerrallaan. Yksikkönä voi käyttää muutakin kuin pikseliä. Niistä kerrotaan lisää tuolla Tapio Markulan CSS-oppaassa, jonka vielä suosittelen lukaisemaan ajatuksella viimeistään sitten, kun on aikaa. Hyvä keino oppia on myös tutkimalla muita sivuja ja niiden lähdekoodia (sekä HTML- että CSS-tiedostot). Itse opin oikeastaan noiden aiemmin mainitsemani kahden sivuston avulla, sekä tietysti itse tekemällä ja kokeilemalla CSS:n kohtuullisesti parissa kuukaudessa.
     
  7. harria

    harria

    11
    0
    0
    Vs: Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmassa

    Teksti on lukukelvotonta. Valkoinen teksti (vaalean)harmaalta pohjalta ja liian pientä. Ei hyvä.

    -Harri
     
  8. Vs: Tarvitsisin pikaista apua pikkuisessa html-koodaamiseen liittyvässä ongelmas

    Taustan saat tummemmaksi muuttamalla divin tyyliä koodin alkuosassa vaikka seuraavasti:

    div
    {
        background-color: #909090;
    }

    Tuo on sellainen keskiharmaa.