Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
jak rozmieścić menu w różnym miejscu strony?
#3
(07-07-2011, 00:22)KowR napisał(a): Pokaż kod jaki już napisałeś. Smile

Kod:
<!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" lang="pl" xml:lang="pl">
    <head>
        <title>xxxxxx</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <meta name="description" content="xxxxxxx"/>
        <meta name="robots" content="all"/>
        <link rel="stylesheet" href="style.css" type="text/css"/>
    </head>
<body>
        
<div class="contain">
    <div class="container">
        <div class="top">
            <div class="logo">
            <a href="index.html" title="xxxx"><img src="img/logo.png" alt="xxxxxx"/></a>
            </div>
        
            <div class="menu">
            <ul class="menu_gora">
<li class="menu_gora_katalog"><a href="katalog_fefco.pdf">Katalog</a></li>
<li class="menu_gora_poradnik"><a href="poradnik.html">Poradnik</a></li>
<li class="menu_gora_zapytanie"><a href="zapytanie.php" title="zapytanie">Zapytanie ofertowe</a></li>
            </ul>
            </div>
        </div>
    <div class="tresc">
    <div class="kontakt">
<?php
    function passcheck($pass) {
       $nr = floor(time() / 3600);
       for($i = 0; $i < strlen($pass); $i++)
         if($i % 2 == 0) $a .= $pass[$i]; else $b .= $pass[$i];
       $a = base_convert(strrev($a), 36, 10);
       $b = base_convert($b, 36, 10);
       if($a + $b <= $nr && $a + $b <= $nr - 2) return true;
       return false;
   }

   if(!passcheck($pass)) die("Hasło nie poprawne !!!");
    
     if(!empty($_POST["mail"]))    // jeżeli pole mail nie jest puste
{

        echo "wiadomość została wysłana";    // wyświetl komunikat, że mail został wysłany (zawsze jest wysyłany więc nie ma innej opcji ;] )
        $headers = 'From: [email protected]'; // z tego maila beda wysyłane wiadomości
        $email = '[email protected]';        // zmienna w której przekazywany jest mail DO którego ma przyjść wiadomość
        $subject = $_POST['temat'];            // temat wiadomości
        $message = "wiadomość od: ".$_POST['mail']."    
                                                        
        ".$_POST['tresc'];                                // tu jest cała treść wiadomości
                                                        //
                                        
        mail($email, $subject, $message, $headers);        // funkcja wysyłająca wiadomość

}
?>
<form action="zapytanie.php" method="post">
<br/>
<b>Nazwa firmy<br/>
    <input type="text" name="firma"/><br/>

<b>E-mail/Telefon<br/>
    <input type="text" name="telefon"/><br/>

Rodzaj tektury<br/>
    <select name="tektura">
        <option>Tektura 2-warstwowa</option>
        <option>Tektura 3-warswowa</option>
        <option>Tektura 4-warstwowa</option>
        <option>Tektura 5-warstwowa</option>
        <option>Tektura 7-warstwowa</option>
    </select><br/>
Treść zapytania<br/></b>
    <textarea name="tresc" cols="60" rows="8"></textarea><br/>
    <img src="image.php"><br/>
    <input type="text" name="pass"/>
    <input type="submit" value="wyślij"/>

</form>
    </div>            
    </div>
</div>

<div class="stopka">
    <div class="stopka_inside"></div>
    <div class="stopka_autor"><p><a href="" title="nnnn">11111111111</a> 2010</p></div>
</div>


<div class="menu_boczne">
            <ul class="menu_boczne_inside">
<li class="menu_about"><a href="o_nas.html">O nas</a></li>
<li class="menu_oferta"><a href="oferta.html">Oferta</a></li>
<li class="menu_kontakt"><a href="kontakt.php">Kontakt</a></li>
            </ul>
</div>



</div>

</body>
</html>

style
Kod:
* {
    font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
    color: #000;
    line-height: 1.5;
    font-size: 10pt;
    margin: 0;
    padding: 0;
}

html {
    margin: 0;
    padding: 0;
    font-size: 11pt;
}

body {
    background-color: #c36201;
}

img {
    border: 0px;
}

/* --------------------------------------------------- */

div.contain {
    width: 100%;
    margin: 0 auto;
    position: relative;    
    float: left;
}

div.container {
    width: 1004px;
    margin: 0 auto;
    position: relative;    
}

div.top {
    width: 1004px;
    height: 153px;
    margin: 0 auto;
    position: relative;    
}

div.logo {
    width: 460px;
    height: 153px;
    float: left;
}

div.menu {
    width: 544px;
    height: 153px;
    margin: 0 auto;
    float: right;
}
    
.menu_gora {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: right;
    background: url(img/menu.png) no-repeat;
    width: 544px;
    height: 153px;
}

.menu_gora li {
    float: left;  
    height: 60px;}

.menu_gora .menu_gora_katalog {
    background: url(img/menu_katalog_fefco.png) no-repeat;
    width: 200px;}

.menu_gora .menu_gora_poradnik {
    background: url(img/menu_poradnik.png) no-repeat;
    width: 106px;}

.menu_gora .menu_gora_zapytanie {
    background: url(img/menu_zapytanie_ofertowe.png) no-repeat;
    width: 238px;}

.menu_gora li a {
    width: 100%;
    height: 60px;
    display: block;
    text-indent: -999px;
    overflow: hidden;}
    
div.lewa {
    width: 460px;
    float: left;
    background: url('img/lewa.png');
}

div.tresc {
    width: 1004px;
    min-height: 614px;
    float: left;
    background: url('img/tresc.png') no-repeat bottom;
}

.tresc p {
    width: 460px;
    margin-top: 14px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 8px;
}

/*style formularza*/
.form {
    width: 460px;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 8px;
}
.kontakt {
    width: 460px;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 8px;
}
/*Koniec styli formularza*/
    
div.stopka {
    width: 100%;
    height: 239px;
    float: left;
    background: url('img/stopka.png');
}

div.stopka_autor p {
    float: right;
    font-size: 9pt;
    color: #fff;
}

div.stopka_autor a {
    color: #fff;
    font-size: 9pt;
}

div.stopka_inside {
    width: 1004px;
    height: 218px;
    margin: 0 auto;
    background: url('img/stopka_inside.png');
}

div.stopka_autor {
    width: 1004px;
    height: 11px;
    margin: 0 auto;
}

div.menu_boczne {
    width: 100%;
    height: 420px;
    margin: 0 auto;
    overflow: auto;
    position: absolute;
    bottom: 50px;
}
    
.menu_boczne_inside {
    width: ???;
    height: ???px;
    margin: 0 auto;
    list-style-type: none;
}


Załączone pliki
.jpg   skan20110706_00000.jpg (Rozmiar: 108.02 KB / Pobrań: 7)
Odpowiedz


Wiadomości w tym wątku
RE: jak rozmieścić menu w różnym miejscu strony? - przez disaster - 07-07-2011, 00:39

Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Rozwijane menu w Bok Boshi 7 7,847 27-09-2014, 00:47
Ostatni post: Kartofelek
  [Problem] Menu [jQuery] [CSS] [HTML] EncoreCode 1 2,817 28-08-2013, 22:16
Ostatni post: msx83
  Light box menu andemel 6 6,241 19-07-2013, 12:18
Ostatni post: atp
  Superfish menu - problem z wyśrodkowaniem. Gargamel 3 3,626 13-02-2013, 19:02
Ostatni post: Kartofelek
  Menu i parametry - PILNE catalunya 8 6,501 10-12-2012, 07:26
Ostatni post: yriah

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl