Kuvien asemointi

keskelle näyttöä

Ongelmani on siis se, että minulla on kotisivulla kuvista tehtynä thumbnail-kuvia eri tapahtumien yhteydessä, joista klikkamalla avautuu isompi kuva, mutta kuva avautuu isommaksi aina vasempaan laitaan näyttöä. Olen yrittänyt laittaa sekaan kaikenlaista koodia, mutta en ole saanut sitä onnistumaan niin, että kuvat avautuisivat keskelle näyttöä niin kuin haluaisin.
Jos joku tietää oikean koodin niin olisin kovasti kiitollinen avusta

10

583

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Minkäslainen (X)HTML koodi ja tyylitiedosto onkaan siinä tiedostossa jota olet avaamassa thumbnailista?

      • peruskoodi

        Olen sen todennut toimivaksi perinteisessä jutussa, muutta olisi hyvä jos kuvan avautumiskohdan voisi muuttaa niin, että se olisi keskellä, eikä vasemmassa laidassa.
        Tuo td tagien "center" ei vaikuta varmaan muuten kun td asemoitiin, eikä avatumis asemointiin niin kuin haluaisin


      • koodi sivulta

        Ei näköjään tuonut tuota koodia ekalla kerralla, joten yritetään uudelleen


      • kirjoitettuna
        koodi sivulta kirjoitti:

        Ei näköjään tuonut tuota koodia ekalla kerralla, joten yritetään uudelleen


      • koodin pois
        kirjoitettuna kirjoitti:

        varmaan tietoturva syistä, joten en voi antaa sulle koodia tänne, mutta käy katsomassa sivun koodia niin siitä näet minkälainen koodi on kyseessä

        http://www.sfckouvolanseutu.com/

        ja tuolta vaikka treffijutut, niin näet lähdekoodista mitä koodia käytän


      • nuin näkyy
        koodin pois kirjoitti:

        varmaan tietoturva syistä, joten en voi antaa sulle koodia tänne, mutta käy katsomassa sivun koodia niin siitä näet minkälainen koodi on kyseessä

        http://www.sfckouvolanseutu.com/

        ja tuolta vaikka treffijutut, niin näet lähdekoodista mitä koodia käytän

        ei tosiaan tuo CENTER-tagi vaikuta enää seuraavaansivuun (tai kuvaan tässä tapauksessa)

        Ja koodin saa näkymään kun jättää välilyönnin väkäsen jälkeen

        < TD ALIGN="center">
        < A HREF="pilkit10/pilkit101.jpg">


      • koodin pois kirjoitti:

        varmaan tietoturva syistä, joten en voi antaa sulle koodia tänne, mutta käy katsomassa sivun koodia niin siitä näet minkälainen koodi on kyseessä

        http://www.sfckouvolanseutu.com/

        ja tuolta vaikka treffijutut, niin näet lähdekoodista mitä koodia käytän

        Eihän se voi toimia mitenkään kun ne tagit vaikuttaa _siihen dokumenttiin_ missä ne ovat. Pitäisi tulla linkistö html:ää jossa on se kuva oikealla paikalla.

        Sivusto nyt näyttää muutenkin olevan aika rikki kun käyttää jotain frameja kun ne on vanhentuneet eikä oikeastaan ole ikinä olleet suositeltujakaan. Näillä voit tarkistaa sivuston oikeellisuutta kun näyttää olevan vikoja:

        http://validator.w3.org/
        http://jigsaw.w3.org/css-validator/


      • mutta toimii silti
        M-Kar kirjoitti:

        Eihän se voi toimia mitenkään kun ne tagit vaikuttaa _siihen dokumenttiin_ missä ne ovat. Pitäisi tulla linkistö html:ää jossa on se kuva oikealla paikalla.

        Sivusto nyt näyttää muutenkin olevan aika rikki kun käyttää jotain frameja kun ne on vanhentuneet eikä oikeastaan ole ikinä olleet suositeltujakaan. Näillä voit tarkistaa sivuston oikeellisuutta kun näyttää olevan vikoja:

        http://validator.w3.org/
        http://jigsaw.w3.org/css-validator/

        mutta itse asiaan eli se koodin pätkä jäi edelleen saamatta, jos joku sen tietäis niin olisi hieno juttu.
        Siinä vaiheessa, kun tein sivut niin css oli hieman hakusessa ja joskus, kun aikaa ja viitsimistä riittää muutan ne tonne css pohjaisiksi, mutta niin kauan, kun sivut toimivat kunnolla huolimatta validinti-virheistä niin mitään kiirettä css muunnolla ei ole


      • lightbox.
        mutta toimii silti kirjoitti:

        mutta itse asiaan eli se koodin pätkä jäi edelleen saamatta, jos joku sen tietäis niin olisi hieno juttu.
        Siinä vaiheessa, kun tein sivut niin css oli hieman hakusessa ja joskus, kun aikaa ja viitsimistä riittää muutan ne tonne css pohjaisiksi, mutta niin kauan, kun sivut toimivat kunnolla huolimatta validinti-virheistä niin mitään kiirettä css muunnolla ei ole

        http://www.huddletogether.com/projects/lightbox2/#download


      • MambouZ
        mutta toimii silti kirjoitti:

        mutta itse asiaan eli se koodin pätkä jäi edelleen saamatta, jos joku sen tietäis niin olisi hieno juttu.
        Siinä vaiheessa, kun tein sivut niin css oli hieman hakusessa ja joskus, kun aikaa ja viitsimistä riittää muutan ne tonne css pohjaisiksi, mutta niin kauan, kun sivut toimivat kunnolla huolimatta validinti-virheistä niin mitään kiirettä css muunnolla ei ole

        Onnistuu ihan html:llä mutta aika kova homma. Kun teet linkin, josta avautuu kuva sellaisenaan, oletuksena selain avaa sen sivun vasempaan reunaan (ainakin ie ja varmaan firefoxikin, opera taas avaa keskelle) ja sinun tapauksessa alakehyksen vasempaan reunaan. Sinun pitäisi tehdä joka kuvalle oma html-sivu, asemoida kuva keskelle ja osoittaa linkit ko. sivuihin. Iframellakin hommaa voisi yrittää saada toimiin, esim. pikkukuvaa klikkaamalla avautuisi uusi html-sivu, jossa samat pikkukuvat ja isot kuva avautuisivat samalla sivulla olevaan iframeen. Tällöin ei tarvittaisi kuin yksi uusi html-sivu per kuvasarja.

        Javascriptillä tehtyjä kuvagallerioita sitten löytyykin monenlaisia. Edellyttää vaan hieman treeniä jos ei ole ko. tekniikkaa aiemmin käyttänyt.


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

    Luetuimmat keskustelut

    1. Kaipaatko sinä

      Yhtään meidän katseita
      Ikävä
      208
      2655
    2. Törkeä eläinsuojelurikos Sonkajärvellä

      Pohjois-Savossa Sonkajärvellä noin 40 kissaa ja reilut 10 koiraa on jouduttu lopettamaan kaltoinkohtelun vuoksi, kertoo
      Sonkajärvi
      52
      1866
    3. Jotkut ihmiset pelkäävät syöpää sairastavaa

      On hauskaa, kun kertoo jollekin, että "minulla on syöpä". Jotkut käyttäytyvät kuin se olisi tarttuva tauti. Eivät uskall
      Sinkut
      152
      1447
    4. Lavrov suivaantui Stubbille perustellusti.

      Lavrov perusteli suivaantumistaan tosiasioilla Suomen tarinasta sotiemme jälkeen, tutkija Tynkkynen ja pankkihenkilö Sol
      Maailman menoa
      367
      1418
    5. Sukupuolia on vain kaksi- kohukassista tuli kova tuomio perheenisälle oikeudessa.

      https://www.iltalehti.fi/kotimaa/a/4d4db0d9-4dda-4ba6-a699-25d725683ad6 Miten näin normaalista kassissa olevasta tekstis
      Maailman menoa
      357
      1356
    6. Kääminsä polttanut taksi suomussalmella

      Vieläkö sillä hermonsa menettäneellä hulluja ylinopeuksia ajavalla asiakkaansa haukkuvalla( jos ajat paska kyydin hänen
      Suomussalmi
      25
      1246
    7. Se ei ihan oikeasti vaatisi kuin yhden

      Tekstiviestin... Jos rakastat minua vielä toivoisin että laittaisit minulle viestiä. Rakastatko? Oletko oikeasti niin pe
      Ikävä
      61
      1213
    8. Eronnut Janni Hussi palaa julkisuuteen - Aloittaa uudessa työssä, joka on aivan uusi pesti Suomessa

      Janni Hussi on saanut viime aikoina kohujulkisuutta, kun hänen ja Joel Harkimon avioliitto päättyi eroon kesällä 2025. H
      Suomalaiset julkkikset
      14
      1146
    9. olisit voinut mies edes

      Pyytää anteeksi 🙏🫶
      Ikävä
      55
      1006
    10. Jorma Uotinen avaa sanaisen arkkunsa TTK-miesparista ja koko uudistuksesta: "Sehän on..."

      Tanssii Tähtien Kanssa -parketilla nähdään ensimmäistä kertaa Suomessa tanssiparina miespari kauden alusta asti. Mikko S
      Tanssii tähtien kanssa
      23
      928
    Aihe