Kirjoittaja Aihe: Mozilla ja kotisivu (Luettu 4948 kertaa)

apassi · « : 10.07.08 - klo:22.09 »

Moi
Miksihän mozilla firefox näyttää motisivuni n. h...n pienellä? Galeon näyttää suurinpiirtein oikein.
www.ilkkaronka.fi

salai · « **Vastaus #1 :** 11.07.08 - klo:00.49 »

Ainakin minulla sivu näyttää aivan täsmälleen samalta Firefox 3.0:lla, Opera 9.51:llä ja Galeon 2.0.4, siis ilman mitään zoomauksia.
Video ei äkkiä testattuna toiminut kuin Firefoxilla.

PS. Joku on kai hakkeroinut sivua, koska siellä luki:
"HUOM! Sivut toimivat tällä hetkellä parhaiten IE:llä"

Tuplanolla · « **Vastaus #2 :** 11.07.08 - klo:08.33 »

Voit kokeilla painaa ctrl+0, se nollaa sivujen zoomauksen.

apassi · « **Vastaus #3 :** 11.07.08 - klo:10.45 »

Lainaus käyttäjältä: salai - 11.07.08 - klo:00.49

Ainakin minulla sivu näyttää aivan täsmälleen samalta Firefox 3.0:lla, Opera 9.51:llä ja Galeon 2.0.4, siis ilman mitään zoomauksia.
Video ei äkkiä testattuna toiminut kuin Firefoxilla.

PS. Joku on kai hakkeroinut sivua, koska siellä luki:
"HUOM! Sivut toimivat tällä hetkellä parhaiten IE:llä"

Joo,niinpä onnii.

Tietääks joku teistä nettiguruista miten ton ylälinkkipalkin sais tohon keskelle,loogiseen paikkaan. Ainoo selain tällä hetkellä tosiaan on IE missä se nyt kohduudella toimii. Haluiaisin kyl sen noihin muihin mitä itsekkin käytän.

Petri Järvisalo · « **Vastaus #4 :** 11.07.08 - klo:12.29 »

Muuta ensimmäinen kohta cssmenuvertical.css tällaiseksi:

ul#navmenu {
margin: 0 auto;
border: 0 none;
padding: 0;
width: 600px; /*For KHTML*/
list-style: none;
height: 24px;
}

apassi · « **Vastaus #5 :** 11.07.08 - klo:13.38 »

Lainaus käyttäjältä: Tuplanolla - 11.07.08 - klo:08.33

Voit kokeilla painaa ctrl+0, se nollaa sivujen zoomauksen.

Homma toimii. Hävettää ihan

Täytyy puolustautua sillä että olen aika noviisi ubuntus ja yleensäkin näissä koodaus ym. asioissa. Kovasti kyllä itse opiskelen "kokeile Ja testaa"- periaatteella.

Täytyy nyt alkaa kokeilla tota petrin ohjetta.

apassi · « **Vastaus #6 :** 11.07.08 - klo:14.10 »

Lainaus käyttäjältä: Petri Järvisalo - 11.07.08 - klo:12.29

Muuta ensimmäinen kohta cssmenuvertical.css tällaiseksi:

ul#navmenu {
margin: 0 auto;
border: 0 none;
padding: 0;
width: 600px; /*For KHTML*/
list-style: none;
height: 24px;
}

Eli nyt se heittää palkin noin. Alasivut tulee ylös vasemmalle. Laitan index-sivun koodia ja cssmenuverticalin myös, jos jotain apua. KIITOS:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fi-FI" />
<title>Ilkan harrastesivut</title>
<style type="text/css">


body {
margin: 0;
padding: 0px;
background: #FFF;
color: #666;
}

h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}

p {
font: 11px Arial, Helvetica, sans-serif;
}

a {
color: #900;
text-decoration: none;
}

a:hover {
background: #900;
color: #FFF;
}
</style>

</head>
<body>

<ul id="navmenu">
<li><a href="#">Blog</a></li>

<li><a href="#">Work +</a>
<ul>
<li><a href="#">Websites +</a>
<ul>
     <li><a href="#">qrayg</a></li>
<li><a href="#">qArcade</a></li>
<li><a href="#">qLoM</a></li>

<li><a href="#">qDT</a></li>
</ul>
</li>
<li><a href="#">Pen and Ink</a></li>
<li><a href="#">Free Interfaces</a></li>
</ul>
</li>

<li><a href="#">Learn +</a>
<ul>
<li><a href="#">Fireworks +</a>
<ul>
<li><a href="#">aquaButton</a></li>
<li><a href="#">aquaButton2</a></li>
<li><a href="#">waterDrop</a></li>

<li><a href="#">lightFX</a></li>
<li><a href="#">lightFX2</a></li>
</ul>
</li>
<li><a href="#">CSS +</a>
<ul>
<li><a href="#">footerStick</a></li>

<li><a href="#">spriteNav</a></li>
<li><a href="#">@import</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="ite.php">Tekijä</a></li>

<li><a href="loma1.php">Contact</a></li>

<?php

// Täällä jokaisen sivun alkuun-koodi

   /* ============================================================
         Kävijälaskurin "Jokaisen dokumentin alkuun" -koodi
            Koodia muutettu viimeksi 30.08.2006
   ============================================================*/

   /* Laita kotisivunOsoite-muuttujan arvoksi kotisivujesi juuren osoite.
   Esim. jos kotisivusi ovat MBnetissä, laita muuttujan arvoksi
   "koti.mbnet.fi/tunnuksesi". MVnetin tapauksessa muuttujan arvo olisi
   "www.mvnet.fi". Älä laita kauttaviivaa osoitteen loppuun. */

   $kotisivunOsoite = "www.ilkkaronka.fi";
   $kotisivunJuuri = $kotisivunOsoite."/";


   /* Tallennetaan muuttujaan haettu sivun osoite
   (eli se mitä kirjoitettiin selaimen osoiteriville). */

   $haettuURL = $_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];

   /* Muutetaan kaikki kaksoiskauttaviivat yksinkertaisiksi. WWW-palvelimet
   kun voivat hyväksyä osoitteen tyyliä: "http://koti.mbnet.fi/mvnet/kansio//sivu.php".
   Kaksoiskauttaviivat on korvattava, jotta alla oleva suhteellisen osoitteen määritys
   toimisi oikein. */

   while (eregi("//", $haettuURL)) {
      $haettuURL = str_replace("//", "/", $haettuURL);
   }

   /* Määritellään suhteellinen osoite kavijat-kansioon laskemalla, montako
   kauttaviivaa on haetun sivun osoitteessa suhteessa kotisivun juureen.
   Tämän avulla voidaan määrittää suhteellinen osoite kavijat-kansioon,
   koska kavijat-kansio on sijoitettava kotisivun juureen. */

   $osoiteSuhteessaJuureen = str_replace($kotisivunJuuri, "", $haettuURL);
   $kauttaviivat = substr_count($osoiteSuhteessaJuureen, "/");
   $suhteellinenOsoite = str_repeat("../", $kauttaviivat);
   $kavijatURL = $suhteellinenOsoite."kavijat/";

   /* Sisällytetään sivuun varsinainen kävijälaskuri. */
   if ($_SERVER['REMOTE_ADDR'] != "80.222.172.104") {
   include($kavijatURL."laskuri.php");
}
?>


<link href="css.css" rel="stylesheet" type="text/css" />



<div id="wrapper">

<div id="header">

<ul id="nav">
<li>
<a href="http://www.ilkkaronka.fi/album/index.html">Ammunta</a></li>
<li><a href="http://www.ilkkaronka.fi/album1/">Videot</a></li>
<li><a href="http://www.ilkkaronka.fi/album2/">Metsästys ja Kalastus</a></li>
<li><a href="http://www.ilkkaronka.fi/van1.php">Vieraskirja</a></li>
<li><a href="blogi.php">Blogi</a></li>
<li><a href="loma1.php">Palaute</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>

</ul>

</div>

<h2>ILKAN HARRASTESIVUT</h2><div style="clear : both"></div>

<div id="sidebar">

<STRONG>PÄIVITYKSET:</STRONG><br>
*4.7.08<br>
-lisätty kysely<br>
*3.7.2008<br>
-lisätty eurolaskin<br>
*29.6.2008:<br>
-Lisätty palautesivu
<br>
*28.6.2008:<br> -Lisätty Seurat- ja Blogisivut.<br> Vieraskirjan toimivuutta paranneltu.
<br>
*17.6.2008:<br> -Lisätty kuvia ja yksi video.<br>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
<p>
Kävijälaskuri:
<?php include($kavijatURL."kavijat.txt");
?>

<p>
<p>
<p>
<p>
<p><p>

<SCRIPT LANGUAGE="javascript" type="text/javascript">
function AvaaIkkuna()
{
window.open("laskin.html","ikkuna","width=285,height=180");

}
</SCRIPT>
<FORM NAME="avaus" action="">
<INPUT TYPE="button" VALUE="Eurolaskin" onClick="AvaaIkkuna()">
</FORM>

</div>

<div id="content"><br>
¤7.7:<br>
Poistettu kysely. yritetään saada se toimimaan oikein. Linkkipalkki kuvan yläpuolella ei toimi oikein Operalla ja Mozillalla. Asian eteen tehdään työtä.<br>
¤4.7:<br>
Lisätty kysely mahdollisuus, joka tulee vaihtumaan sanotaan kuukausittain. Sen toimivuutta parannellaan.<br>
¤2.7.<br>
Palautelomake toimii nyt myös Operalla ja IE:llä.<br>
¤29.6.<br>
Laitettu palautesivu. Ei valitettavasti toimi vielä IE:llä ja Operalla. Ongelmaa ratkotaan<br>
¤28.6.<br>
Nyt pitäisi toimia kuvien osalta opera-selaimellakin. Operaan tarvitsee ilmeisesti video-osiossa, jonkin lisäosan toimiakseen. En vaan tiedä minkä.
<br>Palautetta. KIITOS!
<br>
¤25.6.<br>
Sivut on työn alla ja siksi kovin sekavatkin. Pikkuhiljaa tässä kehittelen näitä. Opera-selaimen kanssa on ongelmia eniten. En pysty testaan kuin netissä miten koodi toimii.
<br>
¤17.6.08<br>
Olen lisännyt kuvia ja videon. Kun päivitän sivujani niin ilmoittelen siitä vasemmalla olevassa palkissa. Sivuillani "liikkuminen" vaatii paneutumista, mutta parantelen jahka viitsin.
Jostain syystä video ei lataannu Opera-selaimella, valitettavasti.

<p>
</div>

<div id="footer"><font size="0"><script language="php"> echo date("j.n.Y H:i:s", getlastmod()); </script>©2008 IlkkaR<br><b>HUOM! Sivut toimivat tällä hetkellä parhaiten IE:llä</b></font></div>

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-4888338-1";
urchinTracker();
</script>

</body>
</html>

ja cssmenuverticalin.koodin:

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
margin: 0 auto;
border: 0 none;
padding: 0;
width: 600px; /*For KHTML*/
list-style: none;
height: 24px;
}

}

ul#navmenu li {
margin: 0;
border: 0 none;
padding: 0;
float: left; /*For Gecko*/
display: inline;
list-style: none;
position: relative;
height: 24px;
}

ul#navmenu ul {
margin: 0;
border: 0 none;
padding: 0;
width: 160px;
list-style: none;
display: none;
position: absolute;
top: -24px;
left: 0;
}

ul#navmenu ul li {
float: none; /*For Gecko*/
display: block !important;
display: inline; /*For IE*/
}

/* Root Menu */
ul#navmenu a {
border: 1px solid #FFF;
border-right-color: #CCC;
border-bottom-color: #CCC;
padding: 0 6px;
float: none !important; /*For Opera*/
float: left; /*For IE*/
display: block;
background: #EEE;
color: #666;
font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: auto !important;
height: 100%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
background: #CCC;
color: #FFF;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
float: none;
background: #EEE;
color: #666;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
background: #CCC;
color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
background: #EEE;
color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
background: #CCC;
color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
display: none;
position: absolute;
top: 0;
left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
display: block;
}

Petri Järvisalo · « **Vastaus #7 :** 11.07.08 - klo:14.53 »

Kyllä se omalla selaimella toimii aivan oikein, samoin operalla.
Testasitko ladata sivun ctrl-f5, jolloin välimuisti tyhjennetään myös.

IE-yhteensopivuudesta ei ole mitään tietoa.

[ylläpito on poistanut liitteen]

apassi · « **Vastaus #8 :** 11.07.08 - klo:15.22 »

Mulla näyttää noin. Kehittelenkin windows ympäristössä. Liekkö sillä merkitystä?

Petri Järvisalo · « **Vastaus #9 :** 11.07.08 - klo:15.28 »

hmm. no pitää joskustaina bootata windowsiin ja yrittää löytää ratkaisua.
Ehkäpä ennen sitä kannattaa pysytellä vanhassa versiossa.

apassi · « **Vastaus #10 :** 11.07.08 - klo:16.23 »

Lainaus käyttäjältä: Petri Järvisalo - 11.07.08 - klo:15.28

hmm. no pitää joskustaina bootata windowsiin ja yrittää löytää ratkaisua.
Ehkäpä ennen sitä kannattaa pysytellä vanhassa versiossa.

Minä kiitän tähän astisesta.
Yritän kyllä itsekkin ratkoa, mutta kykyni ovat rajalliset. Toinen vaihtoehto minulla oli että sais kuvan vas. puolen linkkeihin lisättyä noita alasivuja, mutta vaatisi ilmeisesti aikamoista css-tyylitiedoston muokkausta.

EDIT: itsellä kyllä näytti aivan samalta Ubuntun puolella kuin wintouhkankin eli väärin.

JJK · « **Vastaus #11 :** 11.07.08 - klo:22.32 »

Tuolta saat apuja

http://www.tanfa.co.uk/css/examples/menu/vs7.asp

Petri Järvisalo · « **Vastaus #12 :** 14.07.08 - klo:00.15 »

boottasin windowsiin. mutta olitkin jo saanut sivut kuntoon. hyvä näin!

apassi · « **Vastaus #13 :** 15.07.08 - klo:11.38 »

Lainaus käyttäjältä: Petri Järvisalo - 14.07.08 - klo:00.15

boottasin windowsiin. mutta olitkin jo saanut sivut kuntoon. hyvä näin!

Olisin kyllä kiitollinen edelleen avusta. Päädyin tuohon ratkaisuun koska sain aivan sekaisin cssmenuverticalin. Toinen vaihtoehto olis tuo yllä mainitsemani eli jos jotenkin vois sivupohjan css-tiedostoa muokata niin että sais noita alasivuja

ILKKA

Ubuntu Suomen keskustelualueet

Uutiset:

Kirjoittaja Aihe: Mozilla ja kotisivu (Luettu 4948 kertaa)

apassi

Mozilla ja kotisivu

salai

Vs: Mozilla ja kotisivu

Tuplanolla

Vs: Mozilla ja kotisivu

apassi

Vs: Mozilla ja kotisivu

Petri Järvisalo

Vs: Mozilla ja kotisivu

apassi

Vs: Mozilla ja kotisivu

apassi

Vs: Mozilla ja kotisivu

Petri Järvisalo

Vs: Mozilla ja kotisivu

apassi

Vs: Mozilla ja kotisivu

Petri Järvisalo

Vs: Mozilla ja kotisivu

apassi

Vs: Mozilla ja kotisivu

JJK

Vs: Mozilla ja kotisivu

Petri Järvisalo

Vs: Mozilla ja kotisivu

apassi

Vs: Mozilla ja kotisivu