Optimalizácia pre FF a Operu

mienkofax · Napísal **mienkofax**: 24.10.2008 21:34

Ahojte lidičky takže potreboval by som to optymalizovať pre FF a Operu
ja som to robil cez PSPAD a tam mi to islo velmi dobre ako som chcel aj IE 7 slo ale Opera a FF neslo a uz fakt neviem preco
je to tato stranka

http://www.nieco.hostuju.cz/

Kód:

html
<html>
  <head>
    <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="css3.css"/>
    <title >Web </title>
  </head>
  
  <body>
       <div id="center"> 
      <ul id="header">
        <li class="vrch"></li>
        <li class="stred"></li>
        <li class="menu3"><a href="#">Hlavná stránka</a></li>
        <li class="menu"><a href="#">Referencie</a></li>
        <li class="menu"><a href="#">Služby a Kontakt</a></li>
        
        <li id="stred">asdasdasd</li>
        
        <li id="spodok"></li>
      
        
        
      
      
      </div>
      
  </body>
</html>

CSS

Citácia:

body {
background:url('image/bg.PNG') repeat;
text-align:center;
padding:0px;
}

#center {
width:944px;
margin:0px auto;
position: relative;
}

#header {
list-style-type:none;
}

#header .vrch {
margin:0px;
padding:0px;
background:url('image/vrchny_header.PNG') no-repeat;
width:944px;
height:54px;
}

#header .stred {
margin:0px;
padding:0px;
background:url('image/stred_header.PNG') no-repeat;
width:944px;
height:196px;
}

#header .menu {
float:left;
display:block;
background:url('image/menu2.PNG') no-repeat;
width:205px;
height:55px;
margin:0px 0px 0px 10px;

}

#header .menu a {
padding:15px 10px 10px 0px;
text-decoration:none;
font-family: Garamond, Times, serif;
}

#header .menu a:hover {
background:url('image/ahover.PNG') no-repeat;
width:205px;
height:55px;
}

#header .menu3 {
float:left;
display:block;
background:url('image/menu2.PNG') no-repeat;
width:205px;
height:55px;
margin:0px 0px 10px 164px;
}

#header .menu3 a {
padding:15px 10px 0px 0px;
text-decoration:none;
font-family: Garamond, Times, serif;
}

#header .menu3 a:hover {
background:url('image/ahover.PNG') no-repeat;
width:205px;
height:55px;
}

#stred {
width:944px;
height:708px;
background:black;
}

#center2 {
text-align:center;
margin:0px;
padding:0px;
}

#spodok {
position:relative;
text-align:center;
margin:20px 0px 0px -17.5px;
padding:0px;
list-style-type:none;
background:url('image/spodok.PNG') no-repeat;
height:108px;
width:979;
}

ak my tu najdete nejaku chybu kde som spravil tak vam budem vdacny
a ak mi pomozee s tou optymalizaciou budem stastny

jablko05 · Napísal **jablko05**: 24.10.2008 21:56

co ti na tom nejde? mne to ide..

BBUlet · Napísal **BBUlet**: 24.10.2008 21:57

div spodok width:979; nechyba tam nieco?
a v html nemas dokonceny </ul>

neutronmind · Napísal **neutronmind**: 24.10.2008 21:59

IE7 sice nemam, takze neviem, ako chces aby to vyzeralo, ale hned ako prve som si vsimol, ze ti chyba ukoncenie tagu <ul>.
Tie tlacitka v menu si mohol riesit trochu inak, kazdemu si mal dat class="menu"

Kód:

#header .menu { 
float:left;  
background:url('image/menu2.PNG') no-repeat; 
width:205px; 
height:40px; 
margin-right: 10px;
text-align: center;
padding-top: 15px;
}

Potom by to imho malo ist... (teda ak bol problem v tom, ale pravdepodobne, kedze jedine menu sa zobrazovalo zle...)

mienkofax · Napísal autor témy **mienkofax**: 25.10.2008 0:08

no moc mi to nepomohlo dost sa mi to potom doondialo

mne tam skor nefunguje ked najedem na to mal by byt s rozlisenim 205 na 55px ale ukaze mi to iba okolo textu a neviem ako to mam spravit aby to slo ako ma

vdaka za odpoved

don jebot · Napísal **don jebot**: 25.10.2008 22:34

display:block;

luko222 · Napísal **luko222**: 26.10.2008 13:04

Mas tam viacero chyb, v prvom rade ked mas transparentny obrazok PNG tak IE 6 nedokaze zobrazit transparentnost.(spodok) (bud pouzivaj GIF alebo to treba osetrit cez javascript)..
Neviem co presne ti nejde ale mne natiahlo vo firefoxe obsah,, to bude paddingom,, css skus zmenit takto

Kód:

#stred {
background:silver none repeat scroll 0%;
display:block;
font-family:Verdana,Arial,Courier,sans-serif;
font-size:12pt;
height:708px;
margin:10px 0px 0px;
padding-left:20%;
padding-right:20%;
text-align:center;
width:944px;
}
div[id]#stred { 
width:904px;
}
 

dsljohn · Napísal **dsljohn**: 11.01.2009 16:54

ahpjte mam podobny problem len na rozdiel od povodneho mne v Opere a vo FF zobrazuje spravne ale v IE 7 mi to hadže menu nižsie

Kód:

/* Header */

#header {
   width: 758px;
   margin: 0 auto;
   height: 146px; 
}

#menu {
   height: 31px;
   width: 690px;
   padding-left: 14px;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
}

#menu a {
   display: block;
   float: left;
   height: 26px;
   width: 125px;
   margin-right: 1px;
   text-decoration: none;
   font-size: 1.1em;
   font-weight: bold;
   color: #ffffff;
   padding-top: 5px;
    text-align: center;
}

#menu a:hover {
    height: 26px;
   color: #F5F3C1;
   background: url(images/buttons_r.gif) repeat-x;
}

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Metamorphosis Design Free Css Templates</title>
<meta name="keywords" content="SPŠ, IKI, Stredná priemyselná škola, Ipari szakközépiskola Komárno, Komárno, Študentský parlament, Diákparlament" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<!-- start header -->
<div id="header">
 <div id="logo">
 <table border="0">
  <tr>
   <td>
   <a href="http://www.spskn.sk">
   <img border="0" src="images/logo.gif" width="42" height="59">
   </a>
   </td>
   <td>
    <h2>
     <a href="http://www.spskn.sk">STREDNÁ PRIEMYSELNÁ ŠKOLA KOMÁRNO :::::::: 
      IPARI SZAKKÖZÉPISKOLA KOMÁRNO&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     </a>
    </h2>
    <h1>
     <a href="index.html" id="metamorph">Študentský parlament<br> Diákparlament<br>
     </a>
    </h1>
   </td>
     </tr>
 </table>
   
   
  </div>
<div id="menu">
<?php include_once("menu.php") ?>
</div>   
<!-- end header -->
</div>
<!-- start page -->
<div id="page">
<div id="intro">
<h3><a href="#">Vitajte na stránke</a></h3>


<p align=right>
<?php
$dny["Mon"] = "Pondelok"; 
$dny["Tue"] = "Utorok"; 
$dny["Wed"] = "Streda"; 
$dny["Thu"] = "Štvrtok";  
$dny["Fri"] = "Piatok";  
$dny["Sat"] = "Sobota"; 
$dny["Sun"] = "Nedela"; 

$mesice = array(1=>"Január", "Február", "Marec", "Apríl", "Máj", "Jún", "Júl", "August", "September", "Október", "November", "Decembér"); 
$dnes = $dny[Date("D")] . Date(" d. ") .  
$mesice[(int)Date("m")] . Date(" Y "); 
echo 'Dnes je ' ,$dnes; 
?>
<br>
Dnes má meniny: 
<strong> <SCRIPT src="meniny.js" type="text/javascript"></SCRIPT> </strong>
| Zajtra má meniny: 
<strong> <SCRIPT src="meniny2.js" type="text/javascript"></SCRIPT> </strong></p>
</div>
   <!-- start content -->
   <div id="content">
      <div class="back">
       <div class="top">
         <div class="bottom">
         <h4><a href="#">Aktivity 1</a></h4>
         <p>Tu budu aktivity šp</p>
             <p>čo Chystáme, .........<br />
                <br />
               A projekty na škole</a><br />
  <br />
                <p class="date"><img src="images/comment.gif" alt="" />  
               7.1.2009  <img src="images/comment.gif" />  21:12</a> </p> 
         </div>
         </div>
         </div>
         <div><img src="images/spacer.gif" width="1" height="20px" alt="" /></div>
      <div class="back">
         <div class="top">
         <div class="bottom">
         <h4><a href="#">Aktivity2</a></h4>
   <ol>
            <li>Tu budú aktivity šp</li><br>
            <li>Čo chystáme</li><br>
            <li>A projekty na škole</li><br>             
        </ol>
        
        <p class="date"><img src="images/comment.gif" alt="" />  7.1.2009  <img src="images/comment.gif" />  
         21:12</a> </p>
        
        </div>
         </div>
         </div>
         <div><img src="images/spacer.gif" width="1" height="20px" alt="" /></div>
      <div class="back">
         <div class="top">
         <div class="bottom">
         <h4><a href="#">Aktivoty3</a></h4>
         <p>Tu budú aktivity ŠP</p>
         <p>Čo chystáme.............</p>
         <p>A projekty na škole</p>
         <p class="date"><img src="images/comment.gif" alt="" />  7.1.2009  <img src="images/comment.gif" />  
         21:12</a> </p>          
             </div>
              </div>
         </div>
         <div><img src="images/spacer.gif" width="1" height="20px" alt="" /></div>
     </div>

   <!-- end content -->
   <!-- start sidebar two -->
   <div id="sidebar2" class="sidebar">
          <div class="back_r">
            <div class="top_r">
            <div class="bottom_r">
            <h2>Novinky</h2>
            <?php include_once("novinky.php") ?>
            </div></div></div>
           <div><img src="images/spacer.gif" width="1" height="20px" alt="" /></div>
           <div class="back_r">
            <div class="top_r">
            <div class="bottom_r">
            <h2>Zasadnutia</h2>
            <?php include_once("zasadnutia.php") ?>           </div></div></div><br>
           <div><img src="images/spacer.gif" width="1" height="20px" alt="" /></div>
           <div class="back_r">
            <div class="top_r">
            <div class="bottom_r">
            <h2>Kalendár</h2>
   
    <?php

    $den_dnes = date('j');
    $mesiac_dnes = date('n');
    $rok_dnes = date('Y');
    
    // prevzatie udajov z POST
    $mesiac = $mesiac_dnes;
    if (!empty($_POST['mesiac'])) $mesiac = abs(intval($_POST['mesiac']));
    if ($mesiac < 1 || $mesiac > 12) $mesiac = $mesiac_dnes;
    
    $rok = $rok_dnes;
    if (!empty($_POST['rok'])) $rok = abs(intval($_POST['rok']));
    if ($rok < 1970 || $rok > 2038) $rok = $rok_dnes;
    ?>
   <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
   <label>mesiac: <select name="mesiac" onchange="this.form.submit();">
    <?php
    for ($i = 1; $i < 13; $i++) {
    echo '            
   <option value="'.$i.'"';
    if ($mesiac == $i) echo ' selected="selected"';
    echo '>'.$i.'
   </option>'."\r\n";
    }
    ?>
   </select>
   </label>
  <label>rok: <select name="rok" onchange="this.form.submit();">
    <?php
    for ($i = 1970; $i < 2039; $i++) {
    echo '            
   <option value="'.$i.'"';
    if ($rok == $i) echo ' selected="selected"';
    echo '>'.$i.'
   </option>'."\r\n";
    }
    ?>
   </select>
   </label>
   <button type="submit">Ok</button>
   </form><?php

    $datum = mktime(0, 0, 0, $mesiac, 1, $rok);    // timestamp pre aktualne nastaveny datum
    $prvy_den = date('N', $datum) - 1;    // v ktorom dni zacina prvy den v mesiaci 0-6

    $pocet_dni = date('t', $datum);    // pocet dni v danom mesiaci
    ?>   
   <div align="center">
   <table>
    <tr>
     <th>Po</th>
     <th>Út</th>
     <th>St</th>
     <th>Št</th>
     <th>Pi</th>
     <th>So</th>
     <th>Ne</th>
    </tr>
    <?php
    $a = 1;
    for ($i = 0; $i < $pocet_dni + $prvy_den; $i++) {
    if ($a == 1) echo '        <tr>';
    if ($i < $prvy_den) {
    echo '<td></td>';    // pociatocne prazdne bunky v tabulke
    } else {
    $b = $i - $prvy_den + 1;
    if ($b == $den_dnes) {


    echo '
    <td>
    <b>
    <font style="color:#800000">'.$b.'</b>
    </td>';    // zvyraznenie dna dnesneho datumu
    } else {
    echo '<td>'.$b.'</td>';
    }
    }
        // ukoncenie riadka tabulky
    if ($a == 7 || $i == ($pocet_dni + $prvy_den - 1)) echo '</tr>'."\r\n";
    
    $a++;
    if ($a > 7) $a = 1;
    }
    ?>
   </table>
   </div>      
   </div>
   </div>
   </div>
   </div>
   </div>
   </div>
             
<!-- end sidebar two -->
   <div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
<div id="footer_all">
<div id="footer_1">
</div>
<div id="footer_2">
</div>
<div id="footer_3">
</div>
<div style="clear: both;">&nbsp;</div>
</div>
    <p>Copyright © 2008 Stredná priemyselná škola Ipari Szakközépiskola Komárno 
      :: Študentský parlament - Diákparlament </p>
   <p>Design by <a href="http://www.metamorphozis.com/" title="Free Templates">
   Free Templates</a> | Modified by <a href="mailto:zoltan.kelemen@zoznam.sk">
   Zoltán Kelemen </a> | 
   <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">
   XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">
   CSS</abbr></a></p> </p>
<!-- end footer -->
</div></body>
</html>

dadmtb · Napísal **dadmtb**: 11.01.2009 17:07

preco nikde nemas v css uvedene position?

Flety · Napísal **Flety**: 11.01.2009 17:10

Position je automaticky nastavené na relative.

Použij IE hack(gugl) a tam si vpíš normálne kus css kódu

dsljohn · Napísal **dsljohn**: 11.01.2009 17:48

no CSS som si opravil takto al stale to je tak posunute v IE7
/* Header */

Kód:

#header {
   width: 758px;
   margin: 0 auto;
   height: 146px;
   _height: 146px;
   _heigh\t: 146 px;
    
}

#menu {
   height: 31px;
   _height: 31px;
   _heigh\t: 146 px;
   width: 690px;
   _width: 690px
   _w\idth: 690px;
   padding-left: 14px;

}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
}

#menu a {
   display: block;
   float: left;
   height: 26px;
   _height: 26px;
   _heigh\t: 26px;
   width: 125px;
   _width: 125px;
   _w\idth:: 125px;
   margin-right: 1px;
   text-decoration: none;
   font-size: 1.1em;
   font-weight: bold;
   color: #ffffff;
   padding-top: 5px;
    text-align: center;
  
}

#menu a:hover {
    height: 26px;
    _height: 26px;
    _heigh\t:26px;
   color: #F5F3C1;
   background: url(images/buttons_r.gif) repeat-x;
}

don jebot · Napísal **don jebot**: 11.01.2009 20:10

tie tvoje podciarkniky su ti tam naprd kedze bez _ mas rovnaku hodnotu ...to sa dava iba vtedyak chces inu .. ak ti to nepojde spavne pouzi zvlast css pre ie7a tam si to spravne napoziciuj alebo to hod na server a pozreme sa na to ..

dsljohn · Napísal **dsljohn**: 11.01.2009 20:21

dal som to docasne sem http://btrieda.tym.sk/metamorph_redfirm/index.php
pls mohli by ste nejakerealne hodnoty napisať ktore bude OK pre IE
lebo v tychto pixeloch sa nevyznam

na tlacitkach sa neprekvapte že nefunguju funguje zatial len clenovia

edit:
este som nasiel nieco že pre IE 7 sa použiva @width : ??px

edit://
no tak podla vas ake hodnoty by som mal dať?? ake su rozumne ?

editt ://
zmenil som na ine pixeli ale nepohlo sa o voboec

dsljohn · Napísal **dsljohn**: 15.01.2009 19:19

no takže prikladam cely CSS lebo mam taky problem ako bol spomenuty aj to zarovnaanie v menu v IE 7 A IE 6 a dalsi je že v FF a IE mam nejake odkazy v strede a tam mam nejake malicke odkazy ale ja chcem aby boli cervene ako v Opere ale vo FF A IE je to biele

Kód:

/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
   margin: 0;
   padding: 0;
}

body {
   background: #A1080D;
}

body, th, td, input, textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #666666;
}


h1, h2, h3 {
   color: #2C5C89;
}

h1 {
   font-size: 3em;
}

h2 {
   text-transform: uppercase;
   font-size: 1.1em;
   
}


h3 {
   font-size: 1em;
}

p, ul, ol {
   margin-top: 1.5em;
   font-size: 1.1em;
}

ul, ol {
   margin-left: 3em;
}

a {
   text-decoration: underline;
   color: #2C5C89;
}

a:hover {
   border: none;
   color: #2C5C89
}

h1 a, h2 a, h3 a {
   border: none;
   text-decoration: none;
   color: #2C5C89;
}

h1 a:hover, h2 a:hover, h3 a:hover {
   background: none;
   color: #2C5C89;
}

hr {
   display: none;
}

#main
{
background: url(images/back_all.gif) repeat-x;
}


/* Header */

#header {
   width: 758px;
   margin: 0 auto;
   height: 146px; 
}

#menu {
   height: 31px;
   width: 718px;
   padding-left: 14px;
}

#menu ul {
   margin: 0;
   padding: 0;
   list-style: none;
   line-height: normal;
}

#menu li {
   float: left;
}

#menu a {
   display: block;
   float: left;
   height: 26px;
   width: 115px;
   margin-right: 1px;
   text-decoration: none;
   font-size: 1.1em;
   font-weight: bold;
   color: #ffffff;
   padding-top: 5px;
    text-align: center;
}

#menu a:hover {
    height: 26px;
   color: #F5F3C1;
   background: url(images/buttons_r.gif) repeat-x;
}



/* Logo */

#logo {
   width: 770px;
   height: 115px;
   margin: 0 auto;
}


#logo h1 {
   padding-top: 40px;
   color: #ffffff;
   font-size: 24px;
}

#logo h2 {
   font-style: italic;
   font-size: 10px;
   
   
}

#logo p {
   clear: left;
   margin: 0;
   padding: 0 0 0 20px;
   line-height: normal;
   font-size: 1.2em;
   font-weight: bold;
   color: #ffffff;
}

#logo a {
   color: #FFFFFF;
}

/* Page */

#page {
   width: 770px;
   margin: 0 auto;
   border-top: none;
   padding-top: 20px;
   color: #2C5C89;
}

#intro 
{
padding: 20px;
padding-left: 10px;
color: #FFFFFF;
width: 750px;
}

#intro H3
{
padding-bottom: 10px;
}

#intro H3 a
{
font-size: 18px;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
}

/* Content */

#content {
   float: left;
   width: 515px;
   padding-left: 10px;
   color: #2C5C89
}

.back
{
background: url(images/table_back.gif) repeat-y
}

.top
{
background: url(images/top.gif) no-repeat top
}

.bottom
{
background: url(images/bottom.gif) no-repeat bottom;
padding: 30px;
padding-top: 10px;
}

#content H4 a
{
text-transform: uppercase;
color: #FFFFFF;
font-family: Georgia,  Times, serif
}

#content H4 a:hover
{
text-transform: uppercase;
color: #2C5C89;
font-family: Georgia,  Times, serif
}

#content H2
{
text-transform: uppercase;
color: #830404;
font-size: 20px;
padding-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif
}

#content a
{
color: #2C5C89;
text-decoration: none;
}

#content a:hover
{
color: #830404;
text-decoration: underline;
}

#content a:visited
{
color: #830404;
}

#content ol, #content ul
{
margin-left: 30px;
}

/* Sidebars */

.sidebar {
   float: left;
   width: 229px;
   margin-left: 10px;
}

.sidebar ul {
   margin: 0;
   padding: 0;
   margin-left: 20px;
   list-style: none;

}


#sidebar2 {
   width: 227px;
}

#sidebar2 h2 {
   height: 27px;
   color: #FFFFFF;
   padding-left: 20px;
}

.back_r
{
background: url(images/table_back_r.gif) repeat-y
}

.top_r
{
background: url(images/top_r.gif) no-repeat top
}

.bottom_r
{
background: url(images/bottom_r.gif) no-repeat bottom;
padding: 10px;
padding-top: 10px;
color:#A1080D;
}


#sidebar2 ul
{
padding-top: 10px;
padding-bottom: 10px;
}


#sidebar2 li a {
   border: none;
   background: url(images/small.gif) no-repeat 4px 4px;
   padding-left: 20px;
   color: #830404;
}

#sidebar2 li a:hover {
   border: none;
   background: url(images/small2.gif) no-repeat 4px 4px;
   padding-left: 20px;
   color: #FF8401;
}

#sidebar2 a {
   border: none;
   color: #830404;
}

#calendar1 {
   padding: 0 10px 20px 10px;
}

#calendar table {
   width: 100%;
   text-align: center;
}

#calendar thead {

}

#calendar tbody td {
   border: 1px solid #DDDAB2;
}

#calendar #prev {
   text-align: left;
}

#calendar #next {
   text-align: right;
}

#calendar tfoot a {
   text-decoration: none;
   font-weight: bold;
}

#calendar #now {
   background: #696969;
   border: 1px solid #ff0000;
   font-weight: bold;
   color: #ffffff
}

/* Footer */
#footer
{
height: 264px;
background: url(images/footer.gif) repeat-x;
padding-top: 20px;
width: 100%;
}

#footer p {
   text-align: center;
   font-size: 9px;
   color: #ffffff;
   margin: 0px;
}
#footer a
{
color: #FFFFFF
}

#footer_all
{
width: 770px;
margin: 0 auto;
padding-bottom: 20px;
}

#footer_1, #footer_2
{
width: 250px;
float: left;
}

#footer_1 ul, #footer_2 ul, #footer_3 ul 
{
list-style: none;
margin: 0px;
padding: 0px
}

#footer_1 H3, #footer_2 H3, #footer_3 H3 
{
text-transform: uppercase;
text-decoration: underline;
color: #ffffff;
font-size: 16px;
padding-bottom: 10px;
font-family: Georgia, "Times New Roman", Times, serif
}

#footer_3
{
width: 270px;
float: left;
}

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Študentský Parlament :: Diákparlament - SPŠ IKI Komárno --Členovia--</title>
<meta name="keywords" content="SPŠ, IKI, Stredná priemyselná škola, Ipari szakközépiskola Komárno, Komárno, Študentský parlament, Diákparlament" />
<meta name="description" content="" />
<link href="../styles.css" rel="stylesheet" type="text/css" />
<body>
<div id="main">
<!-- start header -->
<div id="header">
 <div id="logo">
 <table border="0">
  <tr>
   <td>
   <a href="http://www.spskn.sk">
   <img border="0" src="../images/logo.gif" width="42" height="59">
   </a>
   </td>
   <td>
    <h2>
     <a href="http://www.spskn.sk">STREDNÁ PRIEMYSELNÁ ŠKOLA KOMÁRNO :::::::: 
      IPARI SZAKKÖZÉPISKOLA KOMÁRNO 
     </a>
    </h2>
    <h1>
     <a href="index.php" id="metamorph">Študentský parlament<br> Diákparlament<br>
     </a>
    </h1>
   </td>
   <td>
   </td>
  </tr>
 </table>
   
   
  </div>
<div id="menu">
<?php include_once("menu.php") ?>
</div>   
<!-- end header -->
</div>
<!-- start page -->
<div id="page">
<div id="intro">
<h3><a href="#">Vitajte na stránke</a></h3>


<p align=right>
<?php
$dny["Mon"] = "Pondelok"; 
$dny["Tue"] = "Utorok"; 
$dny["Wed"] = "Streda"; 
$dny["Thu"] = "Štvrtok";  
$dny["Fri"] = "Piatok";  
$dny["Sat"] = "Sobota"; 
$dny["Sun"] = "Nedela"; 

$mesice = array(1=>"Január", "Február", "Marec", "Apríl", "Máj", "Jún", "Júl", "August", "September", "Október", "November", "Decembér"); 
$dnes = $dny[Date("D")] . Date(" d. ") .  
$mesice[(int)Date("m")] . Date(" Y "); 
echo 'Dnes je ' ,$dnes; 
?>
<br>
Dnes má meniny: 
<strong> <SCRIPT src="meniny.js" type="text/javascript"></SCRIPT> </strong>
| Zajtra má meniny: 
<strong> <SCRIPT src="meniny2.js" type="text/javascript"></SCRIPT> </strong></p>
</div>
   <!-- start content -->
   <div id="content">
      <div class="back">
       <div class="top">
         <div class="bottom">
         <h4><a name="vedenie" id="vedenie">Vedenie Študentského parlamentu</a></h4>
         <p><table>
           <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/pragai_albert.jpg" alt="Albert Prágai " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/szabo_bea.jpg" alt="Mgr. Beáta Szabó" width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/santha_katalin.jpg" alt="Sántha Katalin " width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Albert Prágai <a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48836">2.G</a></b><br /><i>Predseda študentského parlamentu</i></p>
            </td>
            <td>
              <p class="center"><b>Mgr. Beáta Szabó </b><br><i>Učitelský dozor</i></p>
            </td>
            <td>
              <p class="center"><b>Katalin Sántha <a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=45402">3.K</a></b><br /><i>Podpredseda študentského parlamentu</i></p>
            </td>
          </tr>
         
        </table>
  <br />
  <br />
                <p> </p> 
         </div>
         </div>
         </div>
         <div><img src="../images/spacer.gif" width="1" height="20px" alt="" /></div>
      <div class="back">
         <div class="top">
         <div class="bottom">
         <h4><a name="vybor" id="vybor">Výbor študentského parlamentu</a></h4>
   <table>
           <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/kartai_klaudia.jpg" alt="Klaudia Kartaiová " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/gunda_zsuzsa.jpg" alt="Zsuzsana Gundová" width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/lukacs_tunde.jpg" alt="Tünde Lukács" width="150" height="210" class="center" />
            </td>
            
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Klaudia Kartaiová <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33920">4.D</a></b></p>
            </td>
            <td>
              <p class="center"><b>Zsuzsanna Gundová <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33920">4.D</a></b></p>
            </td>
            <td>
              <p class="center"><b>Tünde Lukács <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48832">3.C</a></b></p>
            </td>
          </tr>
             
            
          </tr>
                  <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/brunczlik_peter.jpg" alt="Brunczlík Péter " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/balla_attila.jpg" alt="Attila Balla" width="150" height="210" class="center" />
            </td>
           <td>
              <p></p>
              <img src="../images/clenovia/kelemen_zoltan.jpg" alt="Zoltán Kelemen" width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Brunczlík Péter <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33920">4.G</a></b></p>
            </td>
            <td>
              <p class="center"><b>Attila Balla <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33920">1.E</a></b></p>
            </td>
            <td>
              <p class="center"><b>Zoltán Kelemen <a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48832">2.F</a></b><br><i>webmaster</i></p>
            </td>
            
          <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/bencik_marek.jpg" alt="Marek Benčík " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/kudlicka_tomas.jpg" alt="Tomáš Kudlička" width="150" height="210" class="center" />
              </td>
            <td>
              <p></p>
              <img src="../images/clenovia/matis_laszlo.jpg" alt="László Mátis" width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Marek Benčík <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33920">4.B</a></b></p>
            </td>
            <td>
              <p class="center"><b>Tomáš Kudlička <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=45372">3.F</a></b></p>
            </td>
            <td>
              <p class="center"><b>Lászlo Mátis <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48832">3.G</a></b></p>
            </td>
          </tr>
         
        </table>
        <br>
        <br>
        <p></p>        
        </div>
         </div>
         </div>
         <div><img src="../images/spacer.gif" width="1" height="20px" alt="" /></div>
      <div class="back">
         <div class="top">
         <div class="bottom">
         <h4><a name="ostatny" id="ostatny">Ostatný členovia študentského parlamentu</a></h4>
               <table>
           <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/antovszky_peter.jpg" alt="Peter Antovszký " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/takacs_jaroslav.jpg" alt="Jaroslav Takács " width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/voros_marta.jpg" alt="Márta Vörösová " width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Peter Antovszký <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=58072">1.A</a></b></p>
            </td>
            <td>
              <p class="center"><b>Jaroslav Takács  <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=58073">1.C</a></b></p>
            </td>
            <td>
              <p class="center"><b>Márta Vörösová <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=58074">1.D</a></b></p>
            </td>
          </tr>
                  <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/tran_adrian.jpg" alt="Adrián Tran " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/palmay_david.jpg" alt="Dávid Pálmay " width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/szabo_peter.jpg" alt="Péter Szabó " width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Adrián Tran <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=58076">1.F</a></b></p>
            </td>
            <td>
              <p class="center"><b>Dávid Pálmay <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=58077">1.G</a></b></p>
            </td>
            <td>
              <p class="center"><b>Péter Szabó <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=58078">1.K</a></b></p>
            </td>
          </tr>
          <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/siarnik_tomas.jpg" alt="Tomáš Šiarnik " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/farkas_tamara.jpg" alt="Tamara Farkasová " width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/kovacs_zoltan.jpg" alt="Zoltán Kovács " width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Tomáš Šiarnik <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48831">2.A</a></b></p>
            </td>
            <td>
              <p class="center"><b>Tamara Farkasová <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48832">1.B</a></b></p>
            </td>
            <td>
              <p class="center"><b>Zoltán Kovács <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48833">2.C</a></b></p>
            </td>
          </tr>
          <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/kliment_tunde.jpg" alt="Tünde Klimentová " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/furi_gyula.jpg" alt="Július Fűri " width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/hano_tomas.jpg" alt="Tomáš Hano " width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Tünde Klimentová <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48834">2.D</a></b></p>
            </td>
            <td>
              <p class="center"><b>Július Fűri <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=48837">2.K</a></b></p>
            </td>
            <td>
              <p class="center"><b>Tomáš Hano <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=45223">3.A</a></b></p>
            </td>
          </tr>
         <tr class="row_a">
            <td>
              <p></p>
              <img src="../images/clenovia/papp_andrea.jpg" alt="Andrea Vivien Papp " width="150" height="210" class="center" />
            </td>
            <td width="150" height="210">
              <p></p>
              <img src="../images/clenovia/fazekas_csaba.jpg" alt="Csaba Fazekas " width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/szuri_andras.jpg" alt="András Szüri " width="150" height="210" class="center" />
            </td>
          </tr>
          <tr class="row_b">
            <td>
              <p class="center"><b>Andrea Vivien Papp <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=45315">3.D</a></b></p>
            </td>
            <td>
              <p class="center"><b>Csaba Fazekas <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=45340">3.E</a></b></p>
            </td>
            <td>
              <p class="center"><b>András Szüri <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33919">4.C</a></b></p>
            </td>
          </tr> <tr class="row_a">
                       <td>
              <p></p>
              <img src="../images/clenovia/barath_kinga.jpg" alt="Kinga Baráthová " width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/bencik_richard.jpg" alt="Richard Bencsík " width="150" height="210" class="center" />
            </td>
            <td>
              <p></p>
              <img src="../images/clenovia/penz_attila.jpg" alt="Attila Pénz " width="150" height="210" class="center" />
            </td>
            

          </tr>
          <tr class="row_b">
             <td>
              <p class="center"><b>Kinga Baráthová <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33921">4.E</a></b></p>
            </td>  
            <td>
              <p class="center"><b>Richard Benčík <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33922">4.F</a></b></p>
            </td>
            <td>
              <p class="center"><b>Attila Pénz <br><a href="http://spskn.edupage.org/forms/?file=trieda.html&trieda=33924">4.K</a></b></p>
            </td>
           </tr>
           </table>
        <br>
        <br>
        <p></p> 
             </div>
              </div>
         </div>
         <div><img src="../images/spacer.gif" width="1" height="20px" alt="" /></div>
     </div>

   <!-- end content -->
   <!-- start sidebar two -->
   <div id="sidebar2" class="sidebar">
          <div class="back_r">
            <div class="top_r">
            <div class="bottom_r">
            <h2>Novinky</h2>
            <?php include_once("novinky.php") ?>
            </div></div></div>
           <div><img src="../images/spacer.gif" width="1" height="20px" alt="" /></div>
           <div class="back_r">
            <div class="top_r">
            <div class="bottom_r">
            <h2>Zasadnutia</h2>
            <?php include_once("zasadnutia.php") ?>           </div></div></div><br>
           <div><img src="../images/spacer.gif" width="1" height="20px" alt="" /></div>
           <div class="back_r">
            <div class="top_r">
            <div class="bottom_r">
            <h2>Kalendár</h2>
   
    <?php

    $den_dnes = date('j');
    $mesiac_dnes = date('n');
    $rok_dnes = date('Y');
    
    // prevzatie udajov z POST
    $mesiac = $mesiac_dnes;
    if (!empty($_POST['mesiac'])) $mesiac = abs(intval($_POST['mesiac']));
    if ($mesiac < 1 || $mesiac > 12) $mesiac = $mesiac_dnes;
    
    $rok = $rok_dnes;
    if (!empty($_POST['rok'])) $rok = abs(intval($_POST['rok']));
    if ($rok < 1970 || $rok > 2038) $rok = $rok_dnes;
    ?>
   <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
   <label>mesiac: <select name="mesiac" onchange="this.form.submit();">
    <?php
    for ($i = 1; $i < 13; $i++) {
    echo '            
   <option value="'.$i.'"';
    if ($mesiac == $i) echo ' selected="selected"';
    echo '>'.$i.'
   </option>'."\r\n";
    }
    ?>
   </select>
   </label>
  <label>rok: <select name="rok" onchange="this.form.submit();">
    <?php
    for ($i = 1970; $i < 2039; $i++) {
    echo '            
   <option value="'.$i.'"';
    if ($rok == $i) echo ' selected="selected"';
    echo '>'.$i.'
   </option>'."\r\n";
    }
    ?>
   </select>
   </label>
   <button type="submit">Ok</button>
   </form><?php

    $datum = mktime(0, 0, 0, $mesiac, 1, $rok);    // timestamp pre aktualne nastaveny datum
    $prvy_den = date('N', $datum) - 1;    // v ktorom dni zacina prvy den v mesiaci 0-6

    $pocet_dni = date('t', $datum);    // pocet dni v danom mesiaci
    ?>   
   <div align="center">
   <table>
    <tr>
     <th>Po</th>
     <th>Út</th>
     <th>St</th>
     <th>Št</th>
     <th>Pi</th>
     <th>So</th>
     <th>Ne</th>
    </tr>
    <?php
    $a = 1;
    for ($i = 0; $i < $pocet_dni + $prvy_den; $i++) {
    if ($a == 1) echo '        <tr>';
    if ($i < $prvy_den) {
    echo '<td></td>';    // pociatocne prazdne bunky v tabulke
    } else {
    $b = $i - $prvy_den + 1;
    if ($b == $den_dnes) {


    echo '
    <td>
    <b>
    <font style="color:#800000">'.$b.'</b>
    </td>';    // zvyraznenie dna dnesneho datumu
    } else {
    echo '<td>'.$b.'</td>';
    }
    }
        // ukoncenie riadka tabulky
    if ($a == 7 || $i == ($pocet_dni + $prvy_den - 1)) echo '</tr>'."\r\n";
    
    $a++;
    if ($a > 7) $a = 1;
    }
    ?>
   </table>
   </div>      
   </div>
   </div>
   </div>
   </div>
   </div>
   </div>
             
<!-- end sidebar two -->
   <div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
<!-- start footer -->
<div id="footer">
<div id="footer_all">
<div id="footer_1">
</div>
<div id="footer_2">
</div>
<div id="footer_3">
</div>
<div style="clear: both;">&nbsp;</div>
</div>
    <p>Copyright © 2008 Stredná priemyselná škola Ipari Szakközépiskola Komárno 
      :: Študentský parlament - Diákparlament </p>
   <p>Design by <a href="http://www.metamorphozis.com/" title="Free Templates">
   Free Templates</a> | Modified by <a href="mailto:zoltan.kelemen@zoznam.sk">
   Zoltán Kelemen </a> | 
   <a href="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">
   XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">
   CSS</abbr></a></p> </p>
<!-- end footer -->
</div></body>
</html>

takže chcem aby tie odkazy s triedami vedla mien aby sa zfarbili na cerveno a a chcem aby v IE to menu bolo na mieste. ak treba nahram aj na nejaky server

pls potrebujem vasu cim rychlejsiu pomoc pretože toto ide už pondelok na ostro na skolsky serveer a musim to mať hotove.

Optimalizácia pre FF a Operu

Podobné témy