Discussion:
Firefox näyttää sivun oikein - IE 8 väärin
(too old to reply)
Harri Juntunen
2011-01-13 11:50:32 UTC
Permalink
Verkkosivu http://www.kajuutankapteenit.com/ näkyy Mozilla Firefoxilla
oikein.
IE 8 taas näyttää "tuoreimmat uutiset" liian kapeina, jolloin se sotkee
rivityksen ja näyttää karmealta.

Koska en ymmärrä PHP:stä mitään, en tiedä kuinka lähdekoodia tulisi
käpistellä.
Sorry, että meni nyt kysymysvaihde päälle.
Jukka K. Korpela
2011-01-13 14:02:19 UTC
Permalink
Post by Harri Juntunen
Verkkosivu http://www.kajuutankapteenit.com/ näkyy Mozilla Firefoxilla
oikein.
IE 8 taas näyttää "tuoreimmat uutiset" liian kapeina, jolloin se
sotkee rivityksen ja näyttää karmealta.
Koska en ymmärrä PHP:stä mitään, en tiedä kuinka lähdekoodia tulisi
käpistellä.
Täältä katsoen PHP-koodia on vielä vaikeampi käpistellä, kun sitä ei näe
lainkaan. :-)

Mutta sivussa on monenlaista ongelmaa:
1) Kaksi <TABLE>-tagia mutta vain yksi </TABLE>. Pitäisi lisätä </TABLE>
juuri ennen </BODY>-tagia.
2) Hankala pikselintarkka taitto sisäkkäisillä taulukoilla, jolloin tulos ei
useinkaan ole ollenkaan pikselintarkka.
3) Yksi syy on se, että sisemmästä taulukosta puuttuu cellspacing="0",
jolloin selaimen on aika vaikea mahduttaa 660 pikselin levyiseen soluun
sisemmän taulukon soluja leveykdeltään 400 ja 260 - koska oletus-cellspacing
on positiivinen.
4) Toinen syy on elementin <IMG SRC="kuvat/h.jpg" ...> HSPACE="20", jolloin
kuva vie tilaa 221 + 20 + 20 eli yhden pikselin enemmän kuin mahtuisi. Tuota
HSPACE arvoa pitää pienentää enemmänkin kuin ykkösen verran, koska jokin
tuolla näyttää syövän leveyttä enemmän kuin sitä on. Esim. HSPACE="10"
näyttäisi oleva OK.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Harri Juntunen
2011-01-13 14:50:06 UTC
Permalink
Post by Jukka K. Korpela
1) Kaksi <TABLE>-tagia mutta vain yksi </TABLE>. Pitäisi lisätä
</TABLE> juuri ennen </BODY>-tagia.
2) Hankala pikselintarkka taitto sisäkkäisillä taulukoilla, jolloin
tulos ei useinkaan ole ollenkaan pikselintarkka.
3) Yksi syy on se, että sisemmästä taulukosta puuttuu cellspacing="0",
jolloin selaimen on aika vaikea mahduttaa 660 pikselin levyiseen
soluun sisemmän taulukon soluja leveykdeltään 400 ja 260 - koska
oletus-cellspacing on positiivinen.
4) Toinen syy on elementin <IMG SRC="kuvat/h.jpg" ...> HSPACE="20",
jolloin kuva vie tilaa 221 + 20 + 20 eli yhden pikselin enemmän kuin
mahtuisi. Tuota HSPACE arvoa pitää pienentää enemmänkin kuin ykkösen
verran, koska jokin tuolla näyttää syövän leveyttä enemmän kuin sitä
on. Esim. HSPACE="10" näyttäisi oleva OK.
Kiitos sinulle taas!
Korjasin kohdan 4) HSPACE arvoon HSPACE="10" ja nyt IE:kin näyttää sivun
jotenkuten siedettävästi.

Kohtiin 1), 2) ja 3) näyttää olevan hieman hankalaa päästä käsiksi,
mutta eiköhän se tästä suttaannu tietäessäni mitä pitää tehdä.

(Ennen käytettiin nimitystä verkkoenkeli - tekisi mieli käyttää sitä
nytkin) :)
Harri Juntunen
2011-01-13 18:52:13 UTC
Permalink
Post by Harri Juntunen
Kohtiin 1), 2) ja 3) näyttää olevan hieman hankalaa päästä käsiksi,
mutta eiköhän se tästä suttaannu tietäessäni mitä pitää tehdä.
Lisäsin cellspacing="0", mutta mahtoikohan se tulla oikeaan kohtaan?
Voiko tästä alla olevasta PHP-koodista päätellä, mihin tuo lopetustagi
</TABLE> tulisi lisätä?

<TABLE border="0" height="600" width="660" valign="top"
cellpadding="20">
<tr>
<td width="400" height="260" valign="top" cellspacing="0">
<h5>
Tuoreimmat uutiset
</h5>
<?php
//luetaan viestit taulukkoon
$viestit = file("hallinta/viestit.txt");
//käännetään taulukko, jolloin uusimmat viestit tulevat ylimmiksi
$viestit = array_reverse($viestit);
//viestien määrä on suoraan taulukon rivien määrä
$viestimaara = count($viestit);

//käydään tarpeellinen määrä viestejä läpi
for ($i = 0; $i < 3; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 3);

//erotellaan tiedot omiin muuttujiinsa
$aika = $tiedot[0];
$otsikko = $tiedot[1];
$viesti = $tiedot[2];

//tulostetaan viesti
echo "<p><span class=\"keltb\">$aika $otsikko</span><br><span
class=\"valk\">$viesti</span></p>";
}
?>
<IMG ALIGN="absmiddle" SRC="kuvat/kolmio.png">
<a href="index.php?sivu=02" class="k">Lisää uutisia...</a>
</td>
<td width="260" height="260">
<?php
//haetaan päivä tulevaa käyttöä varten
$paiva = date(d);
$kuukausi = date(m);
$vuosi = date(y);
//tehdään siitä sopivan muotoinen vertailuun
$paivamaara = ($paiva . "." . $kuukausi . ".");
//ja tulostukseen
$tulostusp = ($paiva . "." . $kuukausi . "." . "20" . $vuosi);
//muutetaan tekstitiedosto taulukoksi riveittäin $viestit[0]
$viestit[1] jne
$viestit = file("sivut/taulukko.txt");

//lasketaan viestien määrä
$viestimaara = count($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen = $e[$u];}
}
$uutinen = substr($uutinen, 3);
echo ("<h5>Tänään " . $tulostusp . "</h5>");
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen == "")
{echo "EI TAPAHTUMIA</span></p>";}
else
{echo ($uutinen . "</span></p>");}

//käännetään taulukko, jolloin saadaan luettua alhaaltapäin tapahtuma
$viestit = array_reverse($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen1 = $e[$u];}
}
$uutinen1 = substr($uutinen1, 3);
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen1 == $uutinen)
{echo "";}
else
{echo ($uutinen1 . "</span></p>");}
?>
<IMG align="absmiddle" SRC="kuvat/kolmio.png"><a
href="index.php?sivu=01" class="k">Koko kauden kalenteri</a>
<br>
<br>
<IMG SRC="kuvat/h.jpg" ALT="Biljardikerho Kajuutan Kapteenit"
ALIGN="right" VSPACE="30" HSPACE="10">
<br>
</td>
</tr>
<tr valign="top">
<td colspan="2" rowspan="1">
<h5>
Biljardikerho Kajuutan Kapteenit ry
</h5>
<p><span class="valk">
Kajuutan Kapteenit on perustettu vuodenvaihteessa 2003-2004 ja se on
merkitty yhdistysrekisteriin 6.2.2009. Kerhon tarkoitus on edistää
biljardiharrastusta Laajasalossa ja kouluttaa pelaajia vasta-alkajista
lähtien. Kerhoon kuuluu nuoremman polven aktiivipelaajien ohella
merkittävä joukko
senioripelaajia sekä ilahduttavan runsaasti naispelaajia.<br>Pelaamisen
lisäksi kerho järjestää vuosittain peli- ja virkistysmatkoja koti- ja
ulkomaille sekä järjestää illanistujaisia jäsenilleen.
</span>
</p>
<p>
<span class="valk">
Kerho pelaa ja kokoontuu Laajasalon ostoskeskuksessa <a
href="http://www.kapteeninkajuutta.com" class="k"><k>Ravintola Kapteenin
Kajuutassa</k></a>. Ravintolassa on kaksi pöytää: toinen 9- ja toinen
8-jalkainen. Viikkokisat pelataan lauantaisin klo 11 alkaen. Tiistaisin
on ilmainen bilis ja keskiviikkoisin klo 18.00 pelataan Saaren avoimen
9-pallomestaruusturnauksen osakilpailuja. Muina arkipäivinä ja
viikonloppuisin voi pelata muuten vaan.
<p><span class="valk">
Lisäksi pelaamme ystävyysotteluita toisia ravintoloita vastaan sekä
osallistumme usealla joukkueella <a href="http://www.eastpool.fi"
class="k"><k>East-Pool ry:n alueliigaan</k></a>.
</span>
</p>
<p>
<span class="valk">
Halutessasi lisätietoja kerhostamme ja siihen liittymisestä napsauta
vasemman laidan valikosta "Palaute". Kerro nimesi, sähköpostiosoitteesi
ja puhelinnumerosi, niin sinuun otetaan yhteyttä. Antamiasi tietoja ei
rekisteröidä mitenkään, vaan ne jäävät ainoastaan palautteen
vastaanottajalle.
</span>
</p>
</td>
</tr>
</TABLE>
Jukka K. Korpela
2011-01-13 19:19:33 UTC
Permalink
Post by Harri Juntunen
Lisäsin cellspacing="0", mutta mahtoikohan se tulla oikeaan kohtaan?
Ei tullut, se meni <td>-tagiin kun pitäisi mennä <table>-tagiin.
Post by Harri Juntunen
Voiko tästä alla olevasta PHP-koodista päätellä, mihin tuo lopetustagi
</TABLE> tulisi lisätä?
Nähdäkseni ihan loppuun, toisen </table>-tagin perään.
Post by Harri Juntunen
<TABLE border="0" height="600" width="660" valign="top"
cellpadding="20">
<tr>
<td width="400" height="260" valign="top" cellspacing="0">
Tuo cellspacing="0" siis kuuluisi <table>-tagin sisään, esimerkiksi loppuun
määritteen cellpadding="20" jälkeen.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Harri Juntunen
2011-01-13 21:07:35 UTC
Permalink
Post by Jukka K. Korpela
Tuo cellspacing="0" siis kuuluisi <table>-tagin sisään, esimerkiksi
loppuun määritteen cellpadding="20" jälkeen.
Kiitos taas!
Sain tuon cellspacingin tablen sisään ja sivun lopussa on nyt allekkain
kaksi tablen lopetustagia.
Vähän on sellainen tunne, etten osannut tehdä kaikkea ihan nappiin,
mutta kyllä tuo IE nyt näyttää sen käyttäjille (?) sivun ihan
kohtuullisesti.
Harri Juntunen
2011-01-15 12:26:03 UTC
Permalink
Post by Harri Juntunen
Vähän on sellainen tunne, etten osannut tehdä kaikkea ihan nappiin,
mutta kyllä tuo IE nyt näyttää sen käyttäjille (?) sivun ihan
kohtuullisesti.
Sen verran sain korjattua, että kirjoitin alla olevalle riville TABLE
ALIGN="left" ja pienensin HSPACE:n arvoksi 8.
Alkuperäisessä koodissa oli ALIGN="right", jolloin oikeanpuoleisessa
lohkossa kuva ja teksti eivät olleet linjassa.
<IMG SRC="kuvat/h.jpg" ALT="Biljardikerho Kajuutan Kapteenit" TABLE
ALIGN="left" VSPACE="30" HSPACE="8">

Tuolle vasemmanpuoleiselle lohkolle (vai onko se taulukko otsikolla
"Tuoreimmat uutiset") pitäisi vielä keksiä jotain.
Firefox näyttää sen halutulla leveydellä, mutta IE kaventaa sitä niin,
että otsikot ja tekstit rivittyvät liian lyhyinä.

Tuohon kun vielä löytyisi ratkaisu, niin silloin IE:kin nöyrtyisi ja
homma olisi valmis.

http://www.kajuutankapteenit.com/

Tämänhetkinen PHP-koodi:

<TABLE border="0" height="600" width="660" valign="top" cellpadding="20"
cellspacing="0">
<tr>
<td width="400" height="260" valign="top">
<h5>
Tuoreimmat uutiset
</h5>
<?php
//luetaan viestit taulukkoon
$viestit = file("hallinta/viestit.txt");
//käännetään taulukko, jolloin uusimmat viestit tulevat ylimmiksi
$viestit = array_reverse($viestit);
//viestien määrä on suoraan taulukon rivien määrä
$viestimaara = count($viestit);

//käydään tarpeellinen määrä viestejä läpi
for ($i = 0; $i < 3; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 3);

//erotellaan tiedot omiin muuttujiinsa
$aika = $tiedot[0];
$otsikko = $tiedot[1];
$viesti = $tiedot[2];

//tulostetaan viesti
echo "<p><span class=\"keltb\">$aika $otsikko</span><br><span
class=\"valk\">$viesti</span></p>";
}
?>
<IMG ALIGN="absmiddle" SRC="kuvat/kolmio.png">
<a href="index.php?sivu=02" class="k">Lisää uutisia...</a>
</td>
<td width="260" height="260">
<?php
//haetaan päivä tulevaa käyttöä varten
$paiva = date(d);
$kuukausi = date(m);
$vuosi = date(y);
//tehdään siitä sopivan muotoinen vertailuun
$paivamaara = ($paiva . "." . $kuukausi . ".");
//ja tulostukseen
$tulostusp = ($paiva . "." . $kuukausi . "." . "20" . $vuosi);
//muutetaan tekstitiedosto taulukoksi riveittäin $viestit[0]
$viestit[1] jne
$viestit = file("sivut/taulukko.txt");

//lasketaan viestien määrä
$viestimaara = count($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen = $e[$u];}
}
$uutinen = substr($uutinen, 3);
echo ("<h5>Tänään " . $tulostusp . "</h5>");
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen == "")
{echo "EI TAPAHTUMIA</span></p>";}
else
{echo ($uutinen . "</span></p>");}

//käännetään taulukko, jolloin saadaan luettua alhaaltapäin tapahtuma
$viestit = array_reverse($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen1 = $e[$u];}
}
$uutinen1 = substr($uutinen1, 3);
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen1 == $uutinen)
{echo "";}
else
{echo ($uutinen1 . "</span></p>");}
?>
<IMG align="absmiddle" SRC="kuvat/kolmio.png"><a
href="index.php?sivu=01" class="k">Koko kauden kalenteri</a>
<br>
<br>
<IMG SRC="kuvat/h.jpg" ALT="Biljardikerho Kajuutan Kapteenit" TABLE
ALIGN="left" VSPACE="30" HSPACE="8">
<br>
</td>
</tr>
<tr valign="top">
<td colspan="2" rowspan="1">
<h5>
Biljardikerho Kajuutan Kapteenit ry
</h5>
<p><span class="valk">
Kajuutan Kapteenit on perustettu vuodenvaihteessa 2003&ndash;2004 ja se
on merkitty yhdistysrekisteriin 6.2.2009. Kerhon tarkoitus on edistää
biljardiharrastusta Laajasalossa ja kouluttaa pelaajia vasta-alkajista
lähtien. Kerhoon kuuluu nuoremman polven aktiivipelaajien ohella
merkittävä joukko
senioripelaajia sekä ilahduttavan runsaasti naispelaajia.<br>Pelaamisen
lisäksi kerho järjestää vuosittain peli- ja virkistysmatkoja koti- ja
ulkomaille sekä järjestää illanistujaisia jäsenilleen.
</span>
</p>
<p>
<span class="valk">
Kerho pelaa ja kokoontuu Laajasalon ostoskeskuksessa <a
href="http://www.kapteeninkajuutta.com" class="k"><k>Ravintola Kapteenin
Kajuutassa</k></a>. Ravintolassa on kaksi pöytää: toinen 9- ja toinen
8-jalkainen. Viikkokisat pelataan lauantaisin klo 11 alkaen. Tiistaisin
on ilmainen bilis ja keskiviikkoisin klo 18.00 pelataan Saaren avoimen
9-pallomestaruusturnauksen osakilpailuja. Muina arkipäivinä ja
viikonloppuisin voi pelata muuten vaan.
<p><span class="valk">
Lisäksi pelaamme ystävyysotteluita toisia ravintoloita vastaan sekä
osallistumme usealla joukkueella <a href="http://www.eastpool.fi"
class="k"><k>East-Pool ry:n alueliigaan</k></a>.
</span>
</p>
<p>
<span class="valk">
Halutessasi lisätietoja kerhostamme ja siihen liittymisestä napsauta
vasemman laidan valikosta "Palaute". Kerro nimesi, sähköpostiosoitteesi
ja puhelinnumerosi, niin sinuun otetaan yhteyttä. Antamiasi tietoja ei
rekisteröidä mitenkään, vaan ne jäävät ainoastaan palautteen
vastaanottajalle.
</span>
</p>
</td>
</tr>
</TABLE>
</TABLE>
Osmo Saarikumpu
2011-01-15 14:16:12 UTC
Permalink
Post by Harri Juntunen
<IMG SRC="kuvat/h.jpg" ALT="Biljardikerho Kajuutan Kapteenit" TABLE
ALIGN="left" VSPACE="30" HSPACE="8">
Tuosta toi TABLE on ylimääräinen, eli sen voit poistaa kokonaan.
Post by Harri Juntunen
Tuolle vasemmanpuoleiselle lohkolle (vai onko se taulukko otsikolla
"Tuoreimmat uutiset") pitäisi vielä keksiä jotain.
Firefox näyttää sen halutulla leveydellä, mutta IE kaventaa sitä niin,
että otsikot ja tekstit rivittyvät liian lyhyinä.
Valitettavasti ympäristössä jossa nykyään luen nyyssejä löytyy IE:stä
vain 6-versio, jossa tuota kaventumista ei esiinny.
...
Post by Harri Juntunen
</TABLE>
</TABLE>
Äkkiä katsottuna tuossa olisi vain yksi TABLE-elementti, joten yksi
lopputagi riittänee.

Yst. terv. Osmo
Jukka K. Korpela
2011-01-15 15:05:12 UTC
Permalink
Post by Osmo Saarikumpu
Post by Jukka K. Korpela
</TABLE>
</TABLE>
Äkkiä katsottuna tuossa olisi vain yksi TABLE-elementti, joten yksi
lopputagi riittänee.
Postatussa koodinkatkelmassa kyllä, mutta itse sivulla on ennen sitä, tai
siis siitä generoitunutta koodia, yhtä ja toista muutakin, kuten TABLE-tagi,
ja se pitää _jossain_ sulkea.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Jukka K. Korpela
2011-01-15 15:21:05 UTC
Permalink
Post by Harri Juntunen
Tuolle vasemmanpuoleiselle lohkolle (vai onko se taulukko otsikolla
"Tuoreimmat uutiset") pitäisi vielä keksiä jotain.
Se on sisemmän taulukon solu, jossa "Tuoreimmat uutiset" on merkattu 5.
tason otsikoksi.
Post by Harri Juntunen
Firefox näyttää sen halutulla leveydellä, mutta IE kaventaa sitä niin,
että otsikot ja tekstit rivittyvät liian lyhyinä.
Tuohon kun vielä löytyisi ratkaisu, niin silloin IE:kin nöyrtyisi ja
homma olisi valmis.
Hm, valmis? Mutta noissa leveyksissä kyse on siitä, että eri selaimet
jakavat leveyden taulukon sarakkeille eri tavoilla. Sen enempää IE kuin
Firefoxkaan ei noudata koodissa asetettuja leveyksiä 400 ja 260, mutta ne
poikkeavat niistä eri suuntiin. Ne ottavat huomioon, paljonko eri soluissa
on sisältöä, mutta soveltavat tässä eri arviointitapoja.

Jos nyt yritetään kikkailla, niin...
Post by Harri Juntunen
<TABLE border="0" height="600" width="660" valign="top"
cellpadding="20" cellspacing="0">
... tuohon tagiin jos lisää style="table-layout:fixed", niin sitten selaimet
rupeavat kunnioittamaan leveyden asetuksia kuten...
Post by Harri Juntunen
<td width="400" height="260" valign="top">
... _mutta_ sitten ne noudattavat (Quirks-tilassa) myös height-määritteitä
kuin Prokrustes ennen muinoin ja leikkaavat pois sen, mikä ei mahdu. Joten
height-määritteet olisi ehkä syytä kokonaan poistaa, sekä tuosta
Post by Harri Juntunen
<td width="260" height="260">
Ja sitten pitäisi ehkä vielä width-arvojen 400 ja 260 tilalle kirjoittaa ne
leveydet, jotka oikeasti halutaan.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Harri Juntunen
2011-01-15 18:08:05 UTC
Permalink
Post by Jukka K. Korpela
Jos nyt yritetään kikkailla, niin...
Post by Harri Juntunen
<TABLE border="0" height="600" width="660" valign="top"
cellpadding="20" cellspacing="0">
... tuohon tagiin jos lisää style="table-layout:fixed", niin sitten
selaimet rupeavat kunnioittamaan leveyden asetuksia kuten...
Post by Harri Juntunen
<td width="400" height="260" valign="top">
... _mutta_ sitten ne noudattavat (Quirks-tilassa) myös
height-määritteitä kuin Prokrustes ennen muinoin ja leikkaavat pois
sen, mikä ei mahdu. Joten height-määritteet olisi ehkä syytä kokonaan
poistaa, sekä tuosta TABLE-tagista että TD-tageista, mukaan lukien
Post by Harri Juntunen
<td width="260" height="260">
Ja sitten pitäisi ehkä vielä width-arvojen 400 ja 260 tilalle
kirjoittaa ne leveydet, jotka oikeasti halutaan.
Kokeilin lisäystä sisemmän taulukon soluun neuvosi mukaan:

<TABLE border="0" height="600" width="660" valign="top"
cellpadding="20" cellspacing="0" style="table-layout:fixed">

ja tosiaankin myös IE 8 näytti solun samalla leveydellä kuin FF:kin.

Kävi kuitenkin niin kuten mainitsit: IE 8 leikkasi uutisten alaosasta
aika lailla pois.
Kokeilin muuttaa height- ja width-arvoja mielestäni sopiviksi, mutta
hullummaksi meni.
Palautin koodin ennalleen, mutta poistin Osmon mainitseman ylimääräisen
TABLEN (en siis lopusta).

Täytynee ehkä pohtia koodin alkuperäisen laatijan kanssa mitä tehdä, vai
jättäisikö tällaiseksi.

Joka tapauksessa, kiitos asiantuntevista neuvoista/ohjeista!
Harri Juntunen
2011-01-16 15:28:53 UTC
Permalink
Post by Harri Juntunen
Post by Jukka K. Korpela
Jos nyt yritetään kikkailla, niin...
.
.
.
Post by Harri Juntunen
Joka tapauksessa, kiitos asiantuntevista neuvoista/ohjeista!
Taisi sittenkin tulla työvoitto noiden ohjeittesi avulla :)

Tein kuten neuvoit ja aloin sitten kokeilemalla selvitellä sopivia
witdht-arvoja.
Minulla näyttävät nyt sekä FF että IE 8 sivun samalla tavalla.

PHP-koodi on nyt tällainen:

<TABLE border="0" width="660" valign="top" cellpadding="20"
cellspacing="0" style="table-layout:fixed">
<tr>
<td width="300" valign="top">
<h5>
Tuoreimmat uutiset
</h5>
<?php
//luetaan viestit taulukkoon
$viestit = file("hallinta/viestit.txt");
//käännetään taulukko, jolloin uusimmat viestit tulevat ylimmiksi
$viestit = array_reverse($viestit);
//viestien määrä on suoraan taulukon rivien määrä
$viestimaara = count($viestit);

//käydään tarpeellinen määrä viestejä läpi
for ($i = 0; $i < 3; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 3);

//erotellaan tiedot omiin muuttujiinsa
$aika = $tiedot[0];
$otsikko = $tiedot[1];
$viesti = $tiedot[2];

//tulostetaan viesti
echo "<p><span class=\"keltb\">$aika $otsikko</span><br><span
class=\"valk\">$viesti</span></p>";
}
?>
<IMG ALIGN="absmiddle" SRC="kuvat/kolmio.png">
<a href="index.php?sivu=02" class="k">Lisää uutisia...</a>
</td>
<td width="260">
<?php
//haetaan päivä tulevaa käyttöä varten
$paiva = date(d);
$kuukausi = date(m);
$vuosi = date(y);
//tehdään siitä sopivan muotoinen vertailuun
$paivamaara = ($paiva . "." . $kuukausi . ".");
//ja tulostukseen
$tulostusp = ($paiva . "." . $kuukausi . "." . "20" . $vuosi);
//muutetaan tekstitiedosto taulukoksi riveittäin $viestit[0]
$viestit[1] jne
$viestit = file("sivut/taulukko.txt");

//lasketaan viestien määrä
$viestimaara = count($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen = $e[$u];}
}
$uutinen = substr($uutinen, 3);
echo ("<h5>Tänään " . $tulostusp . "</h5>");
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen == "")
{echo "EI TAPAHTUMIA</span></p>";}
else
{echo ($uutinen . "</span></p>");}

//käännetään taulukko, jolloin saadaan luettua alhaaltapäin tapahtuma
$viestit = array_reverse($viestit);

//jaetaan viestit osioihin taulukoihin a[] ja b[]

for ($i = 0; $i < $viestimaara; $i++) {
//$viestit[$i] on merkkijono, joka sisältää viestin $i tiedot
//pystyviivoilla erotettuna; jaetaan viestit $tiedot-taulukkoon
$tiedot = explode("|", $viestit[$i], 2);

//tehdään niistä jaetuista omat taulukot a[] ja b[]
// a on siis päivä ja b viesti

$d[$i] = $tiedot[0];
$e[$i] = $tiedot[1];

}
//katsotaan viestit läpi, onko samalle päivälle tapahtumia
for ($u = 0; $u < $viestimaara; $u++) {

if ($d[$u] == $paivamaara)
{$uutinen1 = $e[$u];}
}
$uutinen1 = substr($uutinen1, 3);
echo "<p><span class=\"valkb\">";
//jos ei ole, niin tulostetaan "ei taphtumia, muuten tulostetaan
tapahtuma
if ($uutinen1 == $uutinen)
{echo "";}
else
{echo ($uutinen1 . "</span></p>");}
?>
<IMG align="absmiddle" SRC="kuvat/kolmio.png"><a
href="index.php?sivu=01" class="k">Koko kauden kalenteri</a>
<br>
<br>
<IMG SRC="kuvat/h.jpg" ALT="Biljardikerho Kajuutan Kapteenit"
ALIGN="left" VSPACE="30" HSPACE="8">
<br>
</td>
</tr>
<tr valign="top">
<td colspan="2" rowspan="1">
<h5>
Biljardikerho Kajuutan Kapteenit ry
</h5>
<p><span class="valk">
Kajuutan Kapteenit on perustettu vuodenvaihteessa 2003&ndash;2004 ja se
on merkitty yhdistysrekisteriin 6.2.2009. Kerhon tarkoitus on edistää
biljardiharrastusta Laajasalossa ja kouluttaa pelaajia vasta-alkajista
lähtien. Kerhoon kuuluu nuoremman polven aktiivipelaajien ohella
merkittävä joukko
senioripelaajia sekä ilahduttavan runsaasti naispelaajia.<br>Pelaamisen
lisäksi kerho järjestää vuosittain peli- ja virkistysmatkoja koti- ja
ulkomaille sekä järjestää illanistujaisia jäsenilleen.
</span>
</p>
<p>
<span class="valk">
Kerho pelaa ja kokoontuu Laajasalon ostoskeskuksessa <a
href="http://www.kapteeninkajuutta.com" class="k"><k>Ravintola Kapteenin
Kajuutassa</k></a>. Ravintolassa on kaksi pöytää: toinen 9- ja toinen
8-jalkainen. Viikkokisat pelataan lauantaisin klo 11 alkaen. Tiistaisin
on ilmainen bilis ja keskiviikkoisin klo 18.00 pelataan Saaren avoimen
9-pallomestaruusturnauksen osakilpailuja. Muina arkipäivinä ja
viikonloppuisin voi pelata muuten vaan.
<p><span class="valk">
Lisäksi pelaamme ystävyysotteluita toisia ravintoloita vastaan sekä
osallistumme usealla joukkueella <a href="http://www.eastpool.fi"
class="k"><k>East-Pool ry:n alueliigaan</k></a>.
</span>
</p>
<p>
<span class="valk">
Halutessasi lisätietoja kerhostamme ja siihen liittymisestä napsauta
vasemman laidan valikosta "Palaute". Kerro nimesi, sähköpostiosoitteesi
ja puhelinnumerosi, niin sinuun otetaan yhteyttä. Antamiasi tietoja ei
rekisteröidä mitenkään, vaan ne jäävät ainoastaan palautteen
vastaanottajalle.
</span>
</p>
</td>
</tr>
</TABLE>
</TABLE>

Loading...