Otsikko keskelle sivua

Discussion:

(too old to reply)

Harri Juntunen

2010-12-04 11:26:53 UTC

Sivustolla http://www.kajuutankapteenit.com/ on pelkästään jäsenille
tarkoitetuilla sivuilla syyskokouskutsu, jonka alkuosa näyttää tältä:

Syyskokouskutsu
Biljardikerho Kajuutan Kapteenit ry
Sääntömääräinen syyskokous 11.12.2010 klo 10.00

Ravintola Kapteenin Kajuutta, Koulutanhua 6

Esityslista

...................................................................
Alla on sitten lista käsiteltävistä asioista.

Ikävä kyllä, tälle sivulle johtavaa URLia on turha antaa, koska se
edellyttää kirjautumistunnuksia.
Tämän biljardikerhon koko sivuston on laatinut eräs toinen henkilö kuin
minä, mutta minut on valtuutettu sivuston päivittämiseen.

Sivusto on tehty tekniikalla, joka ei ole minulle entuudestaan tuttu.
Päivitykset ovat sujuneet kuitenkin hyvin, mutta tämän nimenomaisen
sivun kohdalla minulla on ongelma, johon toivon teiltä asiantuntijoilta
vihjeitä.

Kyse on siitä, etten saa keskitettyä otsikkoa "Esityslista" sivun
keskelle, asialistan yläpuolelle.

Tässä sivun lähdekoodi, jota tutkimalla joku saattaa keksiä jotain:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html;
charset=windows-1252">
<TITLE></TITLE>
<META NAME="GENERATOR" CONTENT="OpenOffice.org 3.1 (Win32)">
<META NAME="AUTHOR" CONTENT="laitika">
<META NAME="CREATED" CONTENT="20091203;10250000">
<META NAME="CHANGEDBY" CONTENT="Kari Laitinen">
<META NAME="CHANGED" CONTENT="20101203;13055300">
<STYLE TYPE="text/css">

</STYLE>
</HEAD>
<BODY LANG="fi-FI" TEXT="#000000" DIR="LTR">
<H1 CLASS="western" ALIGN=CENTER><FONT
SIZE=4>Syyskokouskutsu</FONT></H1>
<H1 CLASS="western" ALIGN=CENTER><FONT SIZE=5>Biljardikerho Kajuutan
Kapteenit ry</FONT></H1>
<P CLASS="western" STYLE="margin-left: 0cm; margin-bottom: 0cm"><BR>
</P>
<H2 CLASS="western"
ALIGN=CENTER>Sääntömääräinen
syyskokous 11.12.2010 klo 10.00</H2>
<H2 CLASS="western" ALIGN=CENTER>Ravintola Kapteenin Kajuutta,
Koulutanhua 6</H2>
<P CLASS="western"><BR><BR>
</P>
<OL>
<H1 CLASS="western" ALIGN=CENTER><FONT SIZE=4>Esityslista</FONT></H1>
</FONT></H1>
<BR>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">kokouksen
avaus</FONT></P>
</OL>
<P CLASS="western" STYLE="margin-left: 2.94cm; margin-bottom: 0cm"><BR>
</P>
<OL START=2>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">valitaan
kokouksen puheenjohtaja, sihteeri, kaksi
pöytäkirjantarkastajaa
ja tarvittaessa kaksi ääntenlaskijaa</FONT></P>
</OL>
<P CLASS="western" STYLE="margin-left: 0cm; margin-bottom: 0cm"><BR>
</P>
<OL START=3>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">todetaan
kokouksen laillisuus ja päätösvaltaisuus</FONT></P>
</OL>
<P CLASS="western" STYLE="margin-left: 0cm; margin-bottom: 0cm"><BR>
</P>
<OL START=4>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">hyväksytään
kokouksen työjärjestys</FONT></P>
</OL>
<P CLASS="western" STYLE="margin-left: 0cm; margin-bottom: 0cm"><BR>
</P>
<OL START=5>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">vahvistetaan
toimintasuunnitelma, tulo- ja menoarvio sekä liittymis- ja
jäsenmaksun suuruus seuraavalle kalenterivuodelle</FONT></P>
</OL>
<P CLASS="western" STYLE="margin-left: 0cm; margin-bottom: 0cm"><BR>
</P>
<OL START=6>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">valitaan
hallituksen puheenjohtaja ja muut jäsenet</FONT></P>
</OL>
<P STYLE="margin-left: 2.3cm; margin-bottom: 0cm"><BR>
</P>
<P CLASS="western" STYLE="margin-left: 1.89cm; margin-bottom: 0cm"><FONT
FACE="Arial, sans-serif">(
huom. Jos haluat esittää henkilöä joka ei ole
paikalla niin varmistathan etukäteen, että hän on
myös
käytettävissä ko. tehtävään )</FONT></P>
<P CLASS="western" STYLE="margin-left: 0cm; margin-bottom: 0cm"><BR>
</P>
<OL START=7>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">valitaan
yksi tai kaksi tilintarkastajaa ja heille
varatilintarkastajat</FONT></P>
</OL>
<P STYLE="margin-left: 2.3cm; margin-bottom: 0cm"><BR>
</P>
<OL START=8>
<LI><P CLASS="western" STYLE="margin-bottom: 0cm"><FONT FACE="Arial,
sans-serif">kokouksen
päätös</FONT></P>
</OL>
<P CLASS="western" STYLE="margin-left: 0cm; margin-bottom: 0cm"><BR>
</P>
</BODY>
</HTML>

Jukka K. Korpela

2010-12-04 12:29:48 UTC

Permalink

Post by Harri Juntunen
Ikävä kyllä, tälle sivulle johtavaa URLia on turha antaa, koska se
edellyttää kirjautumistunnuksia.

Sellaisessa tilanteessa kannattaa tehdä sivusta versio, jonka voi laittaa
vapaasti saataville johonkin www-palvelimeen. Samalla voi poistaa sen
sensitiivisen sisällön, jonka takia itse sivu ei voi olla julkinen, kunhan
tarkistaa, että poisto ei vaikuta tarkasteltavaan ongelmaan.

Post by Harri Juntunen
Sivusto on tehty tekniikalla, joka ei ole minulle entuudestaan tuttu.

Käyttää olevan OpenOffice, jonka suoltama koodisotku ei ole aivan yhtä
kamalaa kuin Microsoft Offfice Wordin. Aika outoa kumminkin. Mitenköhän
tarpeellista on esimerkiksi se, että CSS-koodissa on epästandardeja
ominaisuuksia, joilla arvosta ar-SA päätellen on tarkoitus viitata
Saudi-Arabiassa puhuttuun arabian versioon? :-)

Post by Harri Juntunen
Kyse on siitä, etten saa keskitettyä otsikkoa "Esityslista" sivun
keskelle, asialistan yläpuolelle.

Ilmeisesti olet yrittänyt keskittää sen H1-elementin määritteellä
ALIGN=CENTER. Muuten hyvä, mutta OpenOfficen generoima CSS-koodi sisältää
asetuksia, jotka kumoavat tuon. (Sattumoisin juuri tällainen HTML:n ja CSS:n
"yhteentörmäys" selitetään kirjassani "CSS verkkosivujen muotoilussa" s.
500.)

Post by Harri Juntunen
H1 { margin-bottom: 0.11cm; direction: ltr; color: #000000;
text-align: left; page-break-inside: avoid; widows: 2; orphans: 2 }

Tuossa oleva text-align: left ajaa HTML-määritteen yli. Toisaalta jos
poistat sen, niin kaikki H1-elementit muuttuvat keskitetyiksi (selainten
yleinen oletusarvo).

Joten jos haluat keskittää vain yhden H1-elementeistä, niin pitää tehdä
juuri sille jotain.

Post by Harri Juntunen
<OL>
<H1 CLASS="western" ALIGN=CENTER><FONT SIZE=4>Esityslista</FONT></H1>
</FONT></H1>
<BR>
<LI>

Huh, tuollaisesta tagisopasta tulee ruuansulatusvaikeuksia. Muuta tuo
katkelma tällaiseksi:

<H1 CLASS="western" style="text-align:center"><FONT
SIZE=4>Esityslista</FONT></H1>
<OL>
<LI>

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Harri Juntunen

2010-12-04 13:21:36 UTC

Permalink

Post by Jukka K. Korpela

Post by Harri Juntunen
Sivusto on tehty tekniikalla, joka ei ole minulle entuudestaan tuttu.

Käyttää olevan OpenOffice, jonka suoltama koodisotku ei ole aivan yhtä
kamalaa kuin Microsoft Offfice Wordin. Aika outoa kumminkin.
Mitenköhän tarpeellista on esimerkiksi se, että CSS-koodissa on
epästandardeja ominaisuuksia, joilla arvosta ar-SA päätellen on
tarkoitus viitata Saudi-Arabiassa puhuttuun arabian versioon? :-)

Kuten kerroin, sivun on laatinut aivan toinen henkilö kuin minä.
Minunkin vähäisellä asiantuntemuksellani jotkin merkkaukset tuntuivat jo
heti alkuun omituisilta.

Post by Jukka K. Korpela

Post by Harri Juntunen
Kyse on siitä, etten saa keskitettyä otsikkoa "Esityslista" sivun
keskelle, asialistan yläpuolelle.

Ilmeisesti olet yrittänyt keskittää sen H1-elementin määritteellä
ALIGN=CENTER.

Silläpä juuri yritin.

Post by Jukka K. Korpela
Joten jos haluat keskittää vain yhden H1-elementeistä, niin pitää
tehdä juuri sille jotain.

Post by Harri Juntunen
<OL>
<H1 CLASS="western" ALIGN=CENTER><FONT SIZE=4>Esityslista</FONT></H1>
</FONT></H1>
<BR>
<LI>

Huh, tuollaisesta tagisopasta tulee ruuansulatusvaikeuksia. Muuta tuo
<H1 CLASS="western" style="text-align:center"><FONT
SIZE=4>Esityslista</FONT></H1>
<OL>
<LI>

Tuosta ei neuvo enää paremmaksi voi tulla, kiitos taas sinulle!
Nyt tuo sivu näkyy juuri sellaisena kuin pitääkin/haluankin.
Nostan hattua asiantuntemuksellesi.

Harri Juntunen

2010-12-04 16:00:15 UTC

Permalink

Post by Harri Juntunen
H1 { margin-bottom: 0.11cm; direction: ltr; color: #000000;
text-align: left; page-break-inside: avoid; widows: 2; orphans: 2 }
Tuossa oleva text-align: left ajaa HTML-määritteen yli. Toisaalta jos
poistat sen, niin kaikki H1-elementit muuttuvat keskitetyiksi (selainten
yleinen oletusarvo).

Kokeilin vielä tuonkin poistamista H1- ja H2-elementeistä.
Jawohl, sivusta tuli entistäkin ehompi!

Harri Juntunen

2010-12-04 19:12:53 UTC

Permalink

Post by Harri Juntunen
Sivusto on tehty tekniikalla, joka ei ole minulle entuudestaan tuttu.
Päivitykset ovat sujuneet kuitenkin hyvin, mutta tämän nimenomaisen
sivun kohdalla minulla on ongelma, johon toivon teiltä asiantuntijoilta
vihjeitä.

Kaikkien Korpelan hyvien neuvojen jälkeenkin ilmaantui odottamaton pulma.

Tällä sivulla http://www.kolumbus.fi/harri.juntunen/kevkokous.htm sivun
vasemmassa laidassa on ylimääräinen numeroluettelo, jota en nyt saa pois
omin konstein.

Jukka K. Korpela

2010-12-04 23:30:24 UTC

Permalink

Post by Harri Juntunen
Tällä sivulla http://www.kolumbus.fi/harri.juntunen/kevkokous.htm
sivun vasemmassa laidassa on ylimääräinen numeroluettelo, jota en nyt
saa pois omin konstein.

Sivulla on sekä käytetty <ol>-elementtiä, joka generoi automaattisesti
kohtien numeroinnin, että kirjoitettu kunkin kohdan sisälle tekstisisällön
alkuun numerointi. Siis tuplanumerointi. En tiedä, mistä se on ilmestynyt,
mutta sen korjaamiseksi yksinkertaisin tapa lienee lisätä alkuun

<style>
ol li { list-style-type: none; }
</style>

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Harri Juntunen

2010-12-05 08:59:09 UTC

Permalink

Post by Jukka K. Korpela

Post by Harri Juntunen
Tällä sivulla http://www.kolumbus.fi/harri.juntunen/kevkokous.htm
sivun vasemmassa laidassa on ylimääräinen numeroluettelo, jota en nyt
saa pois omin konstein.

Sivulla on sekä käytetty <ol>-elementtiä, joka generoi automaattisesti
kohtien numeroinnin, että kirjoitettu kunkin kohdan sisälle
tekstisisällön alkuun numerointi. Siis tuplanumerointi. En tiedä,
mistä se on ilmestynyt, mutta sen korjaamiseksi yksinkertaisin tapa
lienee lisätä alkuun
<style>
ol li { list-style-type: none; }
</style>

Kiitos taas - sillähän se ratkesi!

Harri Juntunen

2011-02-24 11:07:09 UTC

Permalink

Sivuston http://www.kajuutankapteenit.com/ etusivulla on h5-tason
otsikko Biljardikerho Kajuutan Kapteenit ry.

Jostain syystä tuo otsikko on siirtynyt sisemmän taulukon vasempaan
reunaan. Asia ei taida korjautua html:llä tyyliin align="center", mutta
ehkäpä PHP:llä, josta - kuten olen todennut - en ymmärrä mitään.

Tässä varalta PHP-koodi, ellette ole jo kyllästyneet jatkuviin
kyselyihini:

<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">Kevätkauden 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>
<IMG align="absmiddle" SRC="kuvat/kolmio.png"><a
href="kuvat/hallitus11.jpg"
class="k">Hallitus</a>                                                                        <IMG
align="absmiddle" SRC="kuvat/kolmio.png"><a
href="http://www.kajuutankapteenit.com/sivut/saannot.htm"
class="k">Yhdistyksen säännöt</a>
<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. Kannatusjäsenet
mukaan menoon!
</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>, jossa on kaksi pöytää: toinen 9– ja toinen
8–jalkainen.<br>Viikkokisat pelataan lauantaisin klo 11.00 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 toisten ravintoloiden kanssa sekä
osallistumme neljällä 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ä.<br>Webmasterit <a
href="mailto:***@luukku.com"
class="k"><k>Aatu</k></a> ja <a
href="mailto:***@kolumbus.fi"
class="k"><k>Harri</k></a> vastaavat myös kyselyihin.
</span>
</p>
</td>
</tr>
</TABLE>
</TABLE>

Jukka K. Korpela

2011-02-24 12:58:38 UTC

Permalink

Post by Harri Juntunen

Sivuston http://www.kajuutankapteenit.com/ etusivulla on h5-tason
otsikko Biljardikerho Kajuutan Kapteenit ry.

Jostain syystä tuo otsikko on siirtynyt sisemmän taulukon vasempaan
reunaan.

Mihin se haluttaisiin? Keskitettynä vihreän alueen sisällä, oletan-

Post by Harri Juntunen
Asia ei taida korjautua html:llä tyyliin align="center",
mutta ehkäpä PHP:llä, josta - kuten olen todennut - en ymmärrä mitään.

Kyllä sen pitäisi korjaantua juuri noin. Tai vaihtoehtoisesti CSS:llä
(text-align: center), mutta silloin pitäisi antaa kyseiselle h5-elementille
class- tai id-määrite, jolla se voidaan erottaa sivun muista
h5-elementeistä.

Otsikko on sisemmässä taulukossa solussa, joka alkaa

<td colspan="2" rowspan="1">
<h5>
Biljardikerho Kajuutan Kapteenit ry
</h5>

Määrite colspan="2" merkitsee, että solu kattaa taulukon kaksi saraketta
(tässä siis molemmat sarakkeet). Jos <h5>-tägi muutetaan tägiksi <h5
align="center">, niin otsikkoteksti tulee keskelle.

Huom. nimenomaan h5-tägiin, sillä jos align="center" lisätään td-tägiin,
niin silloin otsikkoteksti tulee kyllä keskelle mutta niin tulee myös
solussa oleva muu teksti, mikä ei varmaan ole tarkoitus.

PHP-koodilla ei itsessään ole mitään vaikutusta selaimeen. Selain näkee
sivun sellaisena, kuin palvelin sen lähettää, suoritettuaan siinä olevat
PHP-käskyt.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Harri Juntunen

2011-02-24 14:09:12 UTC

Permalink

Post by Jukka K. Korpela
Kyllä sen pitäisi korjaantua juuri noin. Tai vaihtoehtoisesti CSS:llä
(text-align: center), mutta silloin pitäisi antaa kyseiselle
h5-elementille class- tai id-määrite, jolla se voidaan erottaa sivun
muista h5-elementeistä.
Otsikko on sisemmässä taulukossa solussa, joka alkaa
<td colspan="2" rowspan="1">
<h5>
Biljardikerho Kajuutan Kapteenit ry
</h5>
Määrite colspan="2" merkitsee, että solu kattaa taulukon kaksi
saraketta (tässä siis molemmat sarakkeet). Jos <h5>-tägi muutetaan
tägiksi <h5 align="center">, niin otsikkoteksti tulee keskelle.
Huom. nimenomaan h5-tägiin, sillä jos align="center" lisätään
td-tägiin, niin silloin otsikkoteksti tulee kyllä keskelle mutta niin
tulee myös solussa oleva muu teksti, mikä ei varmaan ole tarkoitus.

Kiitos taas, ohjeesi toimii kuten aina.
Tuli vaan tässä mieleen, onkohan tuo otsikko ollutkaan koskaan keskellä
kuten muistelin.
Näyttääkö se "typerältä" siinä vai olisiko vasen laita sittenkin
parempi?

Jukka K. Korpela

2011-02-24 14:27:01 UTC

Permalink

Post by Harri Juntunen
Tuli vaan tässä mieleen, onkohan tuo otsikko ollutkaan koskaan
keskellä kuten muistelin.

Enpä muista.

Post by Harri Juntunen
Näyttääkö se "typerältä" siinä vai olisiko vasen laita sittenkin
parempi?

Mietin vähän samaa. Ei se typerältä näytä, mutta keskitetty otsikko tuntuu
ehkä vähän liian massiiviselta ja osittain epätasapainoiselta. Tilanne on
toinen esimerkiksi kirjassa, jossa luvun otsikko on keskitetty ja sen alla
on koko sivu tekstiä, joka lisäksi on tasapalstaa. Silloin symmetrisyys on
selvä ja ilmeinen. Jos otsikon alla oleva sisältö ei ole tasalevyinen tai
jos se on melko lyhyt, otsikkoa ei ole niin helppo mieltää keskitetyksi.

--
Yucca, http://www.cs.tut.fi/~jkorpela/

Harri Juntunen

2011-02-24 14:45:18 UTC

Permalink

Post by Jukka K. Korpela

Post by Harri Juntunen
Näyttääkö se "typerältä" siinä vai olisiko vasen laita sittenkin
parempi?

Mietin vähän samaa. Ei se typerältä näytä, mutta keskitetty otsikko
tuntuu ehkä vähän liian massiiviselta ja osittain epätasapainoiselta.
Tilanne on toinen esimerkiksi kirjassa, jossa luvun otsikko on
keskitetty ja sen alla on koko sivu tekstiä, joka lisäksi on
tasapalstaa. Silloin symmetrisyys on selvä ja ilmeinen. Jos otsikon
alla oleva sisältö ei ole tasalevyinen tai jos se on melko lyhyt,
otsikkoa ei ole niin helppo mieltää keskitetyksi.

Kiitos. Visuaalinen silmäsi on puhunut ja vahvisti sen, mihin suuntaan
itsekin ajattelin.
Tästä rohkaistuneena asemoin otsikon takaisin vasemmalle, mutta
sainpahan taas kerran roppakaupalla oppia.