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
Kuvien asemointi
10
564
Vastaukset
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änei 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änEihä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 - 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 oleOnnistuu 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
Hannu Pikkarainen ehdottomaan vankeuteen
KKO tuomitsi 1 v 9 kk. Tämä ei ole Hannulle ilon päivä.3633802Kuka on mystinen heppamies?
Nyt tänne vinkkejä siitä kuka on Martinan seurassa viihtyvä hevosmiljonääri. On tullut jo muutamia nimiä esiin keskustel1091413- 941257
Jäätävä epävarmuus
Mistä tää hirveä epävarmuus molemminpuolin johtuu? Pohjimmiltaan uskon, että molemmat tietää, että tunteita on. Vai onko651054Perjantaita!
Miltä kaivattusi tuoksuu? Tuli mieleen kun täällä usein mainitaan pahasta hajusta. 🤔58877Yksi iso yllätys luvassa The Summit Suomi -finaalijaksossa - Tiesitkö nämä Summit-loppukolmikosta?
The Summit Suomi on tarjoillut yllättäviä pudotuksia ja melkoisen määrän pelkkää kisaajien vaelluksen kuvaamista Norjass13871- 38860
Ei tullut konkurssia, tuli 3 karhua
Olipas hyvä uutinen. Näin sitä vaan tunnetaan. Persut eivät onnistuneet tuhoamaan.. tätäkään60839Voi että! Sergey Hilman paljastaa Race Across the World -kuvauksista: "Tämä oli se paras jekku"
Tykätään! Aikamoinen pari tämä Sergey Hilman ja Sini Sabotage - herättävät varmasti vahvoja tunteita suuntaan sun toise11837- 65831