Jukka
12-11-2003, 02:12 AM
Okay, so at my website:
http://koti.mbnet.fi/motu_fin/index_00.html
I only want everything to be centered. I have my top and bottom made with tables in order, though I admit, the bottom doesn´t seem to be working.
Also I made an div-layer, that I think is placed inside my css-center-piece, but I still see it differ a pixel away from the top and bottom. It can be seen on the right side of it.
Can anyone help?
I don't know what fluid does, but making it absolute works ^^;;
<div id=layer1 style="position:absolute; top:230; width:80%; height:100%; z-index:1; padding:40px; border: #063A71 4px solid; background-color:#9DBFE1;">
Jukka
12-11-2003, 07:12 PM
Thanks for the advice, but it then becomes all solid to the 100% height, destroying my bottom-part:(
I don´t wish to start measuring on every page, what the height should be, cause it still would be only good-looking on my screen...
Instead of positioning that area with the text inside, you could just use nested tables....
<style type="text/css">
body
{ margin-left: 10%;
padding: 0px;
margin-right: 10%;
margin-top: 20px;
}
</style>
<table border="0" cellspacing="0" cellpadding="0" align="center" width="100%">
<tr><td align="center">
<table width="80%" border="0" cellspacing="0" cellpadding="0" bgcolor="#063A71">
<tr>
<td border="0" cellspacing="0" cellpadding="0" align="left" valign="top" >
<img src="http://koti.mbnet.fi/motu_fin/upperleft.gif" width="20" height="20" alt="top-lefty">
</td>
<td border="0" cellspacing="0" cellpadding="0" align="right" valign="top" >
<img src="http://koti.mbnet.fi/motu_fin/upperright.gif" width="20" height="20" alt="top-righty">
</td>
</tr>
<tr>
<td colspan="2" border="0" cellspacing="0" cellpadding="0" align="center" valign="top">
<img src="http://koti.mbnet.fi/motu_fin/eternian_valtiaat_mainbanner.jpg" width="600" height="125" alt="Eternian Valtiaat - Suomalaiselle He-Man piirretylle omistettu kotisivu">
</td>
</tr>
</table>
<table width="80%" border="0" cellspacing="0" cellpadding="0" bgcolor="#063A71">
<tr>
<td align="center" valign="middle">
<a href="http://koti.mbnet.fi/motu_fin/maailma/index.html" onmouseover="over_image('img0');" onmouseout="off_image('img0')"> <img src="http://koti.mbnet.fi/motu_fin/menu01_off.gif" width="214" height="29" border="0" name="img0" alt="Hahmot ja Maailma - Tutustu Eternian ihmeellisiin rotuihin, kansoihin ja paikkoihin." hspace="0"> </a>
<a href="http://koti.mbnet.fi/motu_fin/sarja/index.html" onmouseover="over_image('img1');" onmouseout="off_image('img1')"> <img src="http://koti.mbnet.fi/motu_fin/menu02_off.gif" width="158" height="29" border="0" name="img1" alt="Sarjan Tiedot - Kuinka monta jaksoa on yhteensä? Ketkä lainaavat äänensä hahmoille Suomen rintamalla?" hspace="0"> </a>
<a href="http://koti.mbnet.fi/motu_fin/arvostelut/index.html" onmouseover="over_image('img2');" onmouseout="off_image('img2')"> <img src="http://koti.mbnet.fi/motu_fin/menu03_off.gif" width="125" height="29" border="0" name="img2" alt="Arvostelut - Kommentteja uusista ja vanhoista jaksoista." hspace="0"> </a>
<a href="http://koti.mbnet.fi/motu_fin/extrat/index.html" onmouseover="over_image('img3');" onmouseout="off_image('img3')"> <img src="http://koti.mbnet.fi/motu_fin/menu04_off.gif" width="81" height="29 "border="0" name="img3" alt="Extrat - Galleria täynnä kuvia, dubbaus-studion haastattelu ja paljon muuta." hspace="0"> </a>
<a href="http://koti.mbnet.fi/motu_fin/historia/index.html" onmouseover="over_image('img4');" onmouseout="off_image('img4')"> <img src="http://koti.mbnet.fi/motu_fin/menu05_off.gif" width="101" height="29" border="0" name="img4" alt="Historia - Mikä on He-Manin tarina?" hspace="0"> </a>
</td>
</tr>
<tr>
<td align="center" valign="middle">
<a href="http://koti.mbnet.fi/motu_fin/uutiset.html" onmouseover="over_image('img5');" onmouseout="off_image('img5')"> <img src="http://koti.mbnet.fi/motu_fin/menu06_off.gif" width="46" height="16" border="0" name="img5" alt="Menneet Uutiset ja Päivitykset." hspace="0"> </a>
<a href="http://harmaakallo.proboards15.com" target="_blank;" onmouseover="over_image('img6');" onmouseout="off_image('img6')"> <img src="http://koti.mbnet.fi/motu_fin/menu07_off.gif" width="109" height="16" border="0" name="img6" alt="Tule Suomalaisille He-Man Keskustelufoorumeille muita faneja tapaamaan!" hspace="0"> </a>
<a href="http://koti.mbnet.fi/motu_fin/linkit.html" onmouseover="over_image('img7');" onmouseout="off_image('img7')"> <img src="http://koti.mbnet.fi/motu_fin/menu08_off.gif" width="40" height="16" border="0" name="img7" alt="Linkkejä virallisille ja fanisivuille, ulkomaisille ja suomalaisille." hspace="0"> </a>
<a href="http://koti.mbnet.fi/motu_fin/kysymykset.html" onmouseover="over_image('img8');" onmouseout="off_image('img8')"> <img src="http://koti.mbnet.fi/motu_fin/menu09_off.gif" width="140" height="16 "border="0" name="img8" alt="Kysytyimmät Kysymykset ja niiden vastaukset." hspace="0"> </a>
<a href="http://www.freebok.net/books/eternia/view.html" target="_blank;" onmouseover="over_image('img11');" onmouseout="off_image('img11')"> <img src="http://koti.mbnet.fi/motu_fin/menu12_off.gif" width="66" height="16" border="0" name="img11" alt="Kirjoita Vieraskirjaan mitä pidit sivustosta!" hspace="0"> </a>
<a href="http://koti.mbnet.fi/motu_fin/kiitokset.html" onmouseover="over_image('img9');" onmouseout="off_image('img9')"> <img src="http://koti.mbnet.fi/motu_fin/menu10_off.gif" width="59" height="16" border="0" name="img9" alt="Keitä saamme kiittää tämän sivuston materiaalista?" hspace="0"> </a>
<a href="mailto:jukka.issakainen@mbnet.fi" onmouseover="over_image('img10');" onmouseout="off_image('img10')"> <img src="http://koti.mbnet.fi/motu_fin/menu11_off.gif" width="66" height="16" border="0" name="img10" alt="Lähetä viesti jos haluat ottaa yhteyttä!" hspace="0"> </a>
</td>
</tr>
</table>
</td></tr>
<tr><td align="center">
<table width="80%" cellspacing="0" cellpadding="0" bgcolor="#063A71" style="border: 4px solid #063A71;"><tr><td border="0" align="left" valign="top" style="background-color: #9DBFE1; padding: 40px">
<p>Leluyhtiö Mattel päätti 80-luvun alussa alkaa valmistamaan poikien toiminta-hahmoja, jotka perustuisivat Conan the Barbarian-elokuvaan, mutta huomattuaan kuinka paljon raakaa väkivaltaa ja seksiä Conaniin yleensäkin liitettiin, Mattel ei uskonut siitä tulevan hyvää rooli-mallia lapsille, joten he peruivat aiempana vuonna saamansa lisenssin, ottivat yhteyttä markkinointi-osastoonsa, josta vietiin tieto tulevista muutoksista lelujen tekijä-tiimille, ja seuraavana kuukautena Mattel ilmoitti uudesta lelutuotanto-linjastaan Masters of the Universe.
Vaikka He-Manin tapauksessa ei valitettavasti voi nimetä yhtä henkilöä, joka olisi vastuussa hänen syntymisestään, on joitain nimiä kuitenkin mainittava: Mark Taylor ja Edward Mayer olivat suurimmat vaikuttajat He-Man lelujen teossa ja ulkonäköön liittyvissä seikoissa. Ensimmäiset lelu-figuurit, jotka Mattel toi markkinoille Helmikuussa 1982, olivat He-Man, Man-At-Arms, Skeletor ja Beastman jotka toimivat osana uutta lelusarjaa nimeltä Masters of the Universe. Jokaisella lelu-figuurilla oli oma heilautus-toimintonsa, joka lisäsi mielenkiintoa lasten leikkeihin, sekä jokaisen lelun mukana tuli mini-sarjis. Nämä lyhyt-tarinat kertoivat useimmiten uuden hahmon syntytarinan ja miten hän sijoittui Masters of the Universe-maailmaan.
Mattel aloittikin heti alusta suuren kampanjan tuodakseen He-Manin kaikkien tietoon ja teetätti DC Comics-sarjakuvayhtiöllä crossover-tarinan, jossa He-Man esiintyi Teräsmiehen rinnalla "From Eternia with Death!" heinäkuussa 82, kun nämä kaksi sankaria ottivat yhteen Skeletorin loitsun takia. Tässä esiteltiin myös Prinssi Adam He-Manin alter egona, kun ensimmäiset mini-sarjikset kuvasivat He-Manin barbaarisena soturina alkukantaisesta heimosta. Myöhemmin DC:ltä tuli eräänlainen "preview"-lehti "Fate is the Killer", joka ilmestyi useiden DC´n julkaisemien sarjakuvien välissä marraskuun aikana. Tämä kertoi enemmän He-Manista ja hänen maailmastaan omana tarinana, mutta ehtipä Teräsmies käväistä tässäkin tarinassa nopeasti. DC Comics ehti tehdä 11 ensimmäistä mini-sarjakuvaa, kunnes Mattel otti näiden pikku tarinoiden teon oman osastonsa huoleksi.
Kun lelut alkoivat yhä enemmän kerätä suosiota ja menestystä, otti Mattel yhteyttä Filmation animaatio-studioihin, jotta nämä voisivat tehdä 65 piirrettyä jaksoa. Mattelia kiinnosti piirretty mainostamis-mielessä, mutta Lou Scheimer, yhtiön toinen aloittaja saikin tehtyä sopimuksen Mattelin kanssa, mahdollistaen sen, että Filmationin ei tarvinnut pakosti lisätä jokaista uutta lelu-hahmoa tai alusta, mitä Mattel oli juuri luonut ja tyrkyttämässä piirrettyyn, vaan ainoastaan jos he itse näkivät sen sopivaksi juoneen.
Filmation-yhtiöllä oli rajatut varat animaation tekemiseen, (studio oli myös viimeisimpiä, joilla kaikki animointi-työskentely tapahtui omalla mantereella) ja he olivat oppineet luottamaan luovaan kirjoittaja-tiimiinsä, joka myös koostui freelance-tekijöistä. Näinollen Mattel sai enemmän kuin halusi, kun Filmation otti He-Man and the Masters of the Universe-sarjan hahmot, ja teki niistä todellisia ihmisiä, joilla oli ajoittain ongelmia ja jotka myös kasvoivat henkisesti sarjan edetessä. Michael Halperin loi joulukuussa 1982 He-Man and the Masters of the Universe-Series Biblen, eli eräänlaisen raamatun, joka toimi kirjoittajille ohjelankana. Tämä teos käsitti kaikki päähahmot, laitteet ja paikat, kertoen syntytarinoita ja miten hahmot toimivat suhteessa toisiinsa. Juuri hän käsitteli tarkemmin Prinssi Adam/He-Man suhdetta, ja hän alunperin toivoi Adamin näyttävän heikolta teini-ikäiseltä, kun He-Man olisi kookas aikuinen. Useimmat asiat eivät kääntyneet jaksoihin kuin oli tarkoitettu, mutta idea oli sama.
</p>
</td></tr></table>
</td></tr>
<tr><td align="center">
<table width="80%" border="0" cellspacing="0" cellpadding="0" bgcolor="#063A71">
<tr>
<td border="0" cellspacing="0" cellpadding="0" align="left" valign="bottom" >
<img src="http://koti.mbnet.fi/motu_fin/lowerleft.gif" width="20" height="20" alt="lower-lefty">
</td>
<td border="0" cellspacing="0" cellpadding="0" align="right" valign="bottom" >
<img src="http://koti.mbnet.fi/motu_fin/lowerright.gif" width="20" height="20" alt="lower-righty">
</td>
</tr>
</table>
</td></tr>
</table>
(I had to remove some text, it went over the character limit)