Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Kuvat rinnakkain sivupohjaan

10 views
Skip to first unread message

Harri Juntunen

unread,
Aug 7, 2012, 1:26:40 PM8/7/12
to
URL: http://www.kajuutankapteenit.com

Sivun alalaidassa on kolme kuvaa rinnakkain.
Oikeanpuoleisin kuva menee kuitenkin ulos sivupohjan oikealle puolelle,
mitenk�h�n l�hdekoodia t�ytyisi korjata?


Harri Juntunen

unread,
Aug 7, 2012, 2:34:16 PM8/7/12
to
"Harri Juntunen" <etu....@kolumbus.fi.invalid> kirjoitti:
En osannut ratkaista tuota asemointia ja palautin sivun ennalleen.
Poistin siis keskimm�isen kuvan.


Seppo Loisa

unread,
Aug 7, 2012, 2:40:48 PM8/7/12
to
Harri Juntunen <etu....@kolumbus.fi.invalid> kirjoitti:

>URL: http://www.kajuutankapteenit.com
>
>Sivun alalaidassa on kolme kuvaa rinnakkain.
>Oikeanpuoleisin kuva menee kuitenkin ulos sivupohjan oikealle puolelle,

Taulukkotaiton ongelma: Jos alussa on kaksi palstaa niin et voi
laittaa heitt�m�ll� alas kolmea palstaa.

T�m� voisi teoriassa toimia:

Colspaneilla homman voi pelastaa kotiin niin ettei koodia tarvitse
paljoa muuttaa:
1-palstaiseen colspan=6, 2-palstaiseen colspan=3 ja 3-palstaiseen
colspan=2

Harri Juntunen

unread,
Aug 8, 2012, 3:10:19 AM8/8/12
to
"Seppo Loisa" <seppo...@savitaipale.fi> kirjoitti:

> Colspaneilla homman voi pelastaa kotiin niin ettei koodia tarvitse
> paljoa muuttaa:
> 1-palstaiseen colspan=6, 2-palstaiseen colspan=3 ja 3-palstaiseen
> colspan=2

Varmaankin hyvä neuvo, vaan kun minulla ei ole tuo colspan hallinnassa.
Voisitko antaa vinkkiä, kuinka tuota koodia voisi vääntää siten, että
vasemmalle tulisi logo "dhl1.gif", keskelle "sbil.gif" ja oikealle
"kajuutta.gif"?

Minulta se ei näy onnistuvan, mutta kiitos silti sinulle vastauksestasi.


Seppo Loisa

unread,
Aug 8, 2012, 1:09:37 PM8/8/12
to
"Harri Juntunen" <etu....@kolumbus.fi.invalid> kirjoitti:

>"Seppo Loisa" <seppo...@savitaipale.fi> kirjoitti:
>
>> Colspaneilla homman voi pelastaa kotiin niin ettei koodia tarvitse
>> paljoa muuttaa:
>> 1-palstaiseen colspan=6, 2-palstaiseen colspan=3 ja 3-palstaiseen
>> colspan=2
>
>Varmaankin hyv� neuvo, vaan kun minulla ei ole tuo colspan hallinnassa.

Colspan on m��rite jolla taulukkosolu (<td>-tagi) saadaan levi�m��n
useamman solun kokoiseksi. Sis�lt�taulukkosi leve� tekstiosa on tehty
colspan=2 -m��ritteell�.

Ideani on siis tehd� taulukosta 6-sarakkeinen.

T�ss� sis�lt�taulukkosi rakenne: (ep�olennainen karsittu pois)

<TABLE>
<tr><td>vasen palsta</td><td>oikea palsta</td></tr>
<tr><td colspan="2">colspanilla levitetty tekstipalsta josta n�emm�
puuttuu lopetustagit.
<tr><td>s��nn�t</td><td>hallitus</td></tr>
<tr><td>dhl-kuva</td><td>biljardiliitto</td></tr>
</TABLE>

Tarkoitus on muokata tuota t�h�n tyyliin:

<TABLE>
<tr><td colspan=3>vasen palsta</td><td colspan=3>oikea
palsta</td></tr>
<tr><td colspan=6>colspanilla levitetty tekstipalsta josta n�emm�
puuttui lopetustagit.</td></tr>
<tr><td colspan=3>s��nn�t</td><td colspan=3>hallitus</td></tr>
<tr><td colspan=2>dhl-kuva</td><td colspan=2>kolmas kuva</td><td
colspan=2>biljardiliitto</td></tr>
</TABLE>

Eli muihin td-soluihin lis�t��n colspan ja tuohon keskipalstaan
vaihdetaan 2 -> 6.

En tied� toimiiko tuo toivotulla tavalla, solujen leveyksien kanssa
voi tulla ongelmia.

Harri Juntunen

unread,
Aug 8, 2012, 3:06:42 PM8/8/12
to
"Seppo Loisa" <seppo...@savitaipale.fi> kirjoitti:

> Colspan on määrite jolla taulukkosolu (<td>-tagi) saadaan leviämään
> useamman solun kokoiseksi. Sisältötaulukkosi leveä tekstiosa on tehty
> colspan=2 -määritteellä.

> Ideani on siis tehdä taulukosta 6-sarakkeinen.
> Tässä sisältötaulukkosi rakenne: (epäolennainen karsittu pois)

> <TABLE>
> <tr><td>vasen palsta</td><td>oikea palsta</td></tr>
> <tr><td colspan="2">colspanilla levitetty tekstipalsta josta näemmä
> puuttuu lopetustagit.
> <tr><td>säännöt</td><td>hallitus</td></tr>
> <tr><td>dhl-kuva</td><td>biljardiliitto</td></tr>
> </TABLE>

> Tarkoitus on muokata tuota tähän tyyliin:

> <TABLE>
> <tr><td colspan=3>vasen palsta</td><td colspan=3>oikea
> palsta</td></tr>
> <tr><td colspan=6>colspanilla levitetty tekstipalsta josta näemmä
> puuttui lopetustagit.</td></tr>
> <tr><td colspan=3>säännöt</td><td colspan=3>hallitus</td></tr>
> <tr><td colspan=2>dhl-kuva</td><td colspan=2>kolmas kuva</td><td
> colspan=2>biljardiliitto</td></tr>
> </TABLE>

> Eli muihin td-soluihin lisätään colspan ja tuohon keskipalstaan
> vaihdetaan 2 -> 6.

> En tiedä toimiiko tuo toivotulla tavalla, solujen leveyksien kanssa
> voi tulla ongelmia.

Kiitos vaivannäöstäsi! Näitä ohjeita pitää pureskella ihan ajan kanssa.
Solujen leveydet saattavat varmaankin olla pulma. Sainpahan ainakin
miettimistä :)


Harri Juntunen

unread,
Aug 9, 2012, 2:21:41 PM8/9/12
to
"Seppo Loisa" <seppo...@savitaipale.fi> kirjoitti:

> En tied� toimiiko tuo toivotulla tavalla, solujen leveyksien kanssa
> voi tulla ongelmia.

Kiitos kovasti ohjeistasi!
Colspania soveltaen ja vain tuossa kuvariviss� keskitt�m�ll� k�ytt�en
sivusta tuli ihan kelvollinen :)

Ajan my�t� ehk� saan viel� reunimmaiset logot sivupohjan laitoihin - jos
tuo nyt lienee tarpeen ja vaivan arvoista.


Harri Juntunen

unread,
Aug 10, 2012, 3:54:33 AM8/10/12
to
9.8.2012 21:21, Harri Juntunen kirjoitti:

> Ajan myötä ehkä saan vielä reunimmaiset logot sivupohjan laitoihin -
> jos tuo nyt lienee tarpeen ja vaivan arvoista.

Sain CSS:llä asemoitua kuvien marginaalit sopiviksi.
Firefox ja Chrome näyttävät marginaalit oikein, mutta IE 8 ei?

Harri Juntunen

unread,
Aug 10, 2012, 6:51:18 AM8/10/12
to
10.8.2012 10:54, Harri Juntunen kirjoitti:
> 9.8.2012 21:21, Harri Juntunen kirjoitti:
>
>> Ajan my�t� ehk� saan viel� reunimmaiset logot sivupohjan laitoihin -
>> jos tuo nyt lienee tarpeen ja vaivan arvoista.
>
> Sain CSS:ll� asemoitua kuvien marginaalit sopiviksi.
> Firefox ja Chrome n�ytt�v�t marginaalit oikein, mutta IE 8 ei?

Sekin tuli kuntoon :)
0 new messages