Jump to content
Sign in to follow this  
lew2

jak uruchomic menu?

Recommended Posts

czesc

tak sobie mysle i nie wymysle, jak uruchomic menu?

<html>

<head><title>mojastrona</title>

</head>

<body>

<ul>

<li>

</ul>

<div class="1"><font color="white"><center></center></font></div>

<div class="2"><font color="white"><center><br><div id="11" bg color="#66cc66"></div>

<ul id="menu">

<li id="1"><a href="#"> <a href="strona1.html">Strona główna</a>

<li id="1"><a href="#"> <a href="strona2.html">O mnie</a>

<li id="1"><a href="#"> <a href="strona3.html">Jak urzadzic akwarium</a>

<li id="1"><a href="#"> <a href="strona4.html">Zdjecia akwarium</a>

<li id="1"><a href="#"> <a href="strona5.html">Inne zwierzeta w akwarium</a>

<li id="1"><a href="#"> <a href="strona6.html">Roslinnosc</a>

<li id="1"><a href="#"> <a href="strona7.html">Opis ryb</a>

<li id="1"><a href="#"> <a href="strona8.html">kontakt</a>

</li>

</ul>

</center><br>

</font></div>

<div class="3"><font color="white"><h1><center>Akwarium moja pasja</center></h1></font></div>

<div class="4"><font color="white"><a href ="strona1.html" title="Strona główna">Strona główna</a></font></div>

</body>

<style>

ul#menu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

height: 800px;

width: 25px;

color: #0066ff;

background-color: black;

}

ul#menu li a

{

float: left;

width: 9em;

color: #fff;

background-color: blue;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 1px solid #fff;

}

ul#menu li a:hover

{

background-color: #34b943;

color: #fff;

}

ul#submenu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

width: 15em;

color: #fff;

background-color: #86e391;

margin-right:10px;

}

ul#submenu li a

{

float: left;

width: 15em;

color: #007d0f;

background-color: #e8ffeb;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 5px solid #fff;

}

ul#submenu li a:hover

{

background-color: #34b943;

color: #fff;

}

#rozwijany:hover li { display: block;}

#rozwijany li { display: none; }

.1{

clear: both;

height: 100px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

.2{

height: 800px;

border: gray dashed 1px;

width: 200px;

background: black;

float: left;

}

.3{

height: 800px;

border: gray dashed 1px;

width: 600px;

background: black;

float: left;

}

.4{

clear: both;

height: 50px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

</style>

</html>

Share this post


Link to post
Share on other sites

W innym temacie pisałem Ci już, żebyś wziął się za porządny kurs HTML, zanim zaczniesz zadawać takie pytania. Problemy będą się pojawiać cały czas i chyba nie masz zamiaru o każdy pytać na forum?

tak sobie mysle i nie wymysle

Nie wymyślaj. Szukaj. Widzę, że nawet nie potrafisz zdefiniować problemu, bo nie wiadomo co znaczy "uruchomić menu". W takim razie przejdź jakiś cały kurs od początku do końca. Dopiero po tym "wymyślaj", a w razie problemów pytaj.


Moje skromne przemyślenia na temat pozycjonowania próbuję przedstawiać na blogu -> http://blog.karlosky.pl
Osoby zainteresowane współpracą w zakresie SEO zapraszam na stronę www.topmaker.pl oraz http://pozycjonowanie-bialystok.pl

Share this post


Link to post
Share on other sites

tak sobie mysle i nie wymysle, jak uruchomic menu?

Jak uruchomić samochód? Próbuję ale nie działa. Twoje pytanie brzmi bardzo podobnie.

Pomijając pytanie, to w podanym kodzie i tak masz szereg błędów.

(...)
<li id="1"><a href="#"> <a href="strona1.html">Strona główna</a>
<li id="1"><a href="#"> <a href="strona2.html">O mnie</a>
(...)

ID elementów powinno być unikalne. W Twoim kodzie każdy element listy ma takie samo id. Jeśli już każdy element ma być taki sam, to podaj im klasę (class), a nie id.

Poza tym każdy element menu otwierasz w postaci elementu listy "<li>". Żadnego jednak nie zamykasz. Dopiero po ostatnim elemencie pojawia się:

</li>
</ul>


Moje skromne przemyślenia na temat pozycjonowania próbuję przedstawiać na blogu -> http://blog.karlosky.pl
Osoby zainteresowane współpracą w zakresie SEO zapraszam na stronę www.topmaker.pl oraz http://pozycjonowanie-bialystok.pl

Share this post


Link to post
Share on other sites

znalazłem mimo tego - dzieki,

jak zlikwidowac te niebieskie pola u góry w menu?

<html>

<head><title>mojastrona</title>

</head>

<body>

</ul>

<div class="1"><font color="white"><center></center></font></div>

<div class="2"><font color="white"><center><br><div id="11" bg color="#66cc66"></div>

<ul id="menu">

<li id="1"><a href="#"></a>

<li id="1"><a href="#"></a>

<li id="1"><a href="#"></a>

<li id="1"><a href="#"></a>

<li id="1"><a href="#"></a>

<li id="1"><a href="#"></a>

<li id="1"><a href="#"></a>

<li id="1"><a href="#"></a>

<a href="strona1.html">Strona Główna</a>

<a href="strona2.html">O mnie</a>

<a href="strona3.html">Jak urzadzic akwarium</a>

<a href="strona4.html">Zdjecia akwarium</a>

<a href="strona5.html">Inne zwierzeta w akwarium</a>

<a href="strona6.html">Roślinność</a>

<a href="strona7.html">Opis ryb</a>

<a href="strona8.html">Kontakt</a>

</a></li>

</ul>

</center><br>

</font></div>

<div class="3"><font color="white"><h1><center>Strona Główna</center></h1></font></div>

<div class="4"><font color="white"><a href ="strona1.html" title="Na gore">Kontakt</a></font></div>

</body>

<style>

ul#menu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

height: 800px;

width: 25px;

color: #0066ff;

background-color: black;

}

ul#menu li a

{

float: left;

width: 9em;

color: #fff;

background-color: blue;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 1px solid #fff;

}

ul#menu li a:hover

{

background-color: #34b943;

color: #fff;

}

ul#submenu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

width: 15em;

color: #fff;

background-color: #86e391;

margin-right:10px;

}

ul#submenu li a

{

float: left;

width: 15em;

color: #007d0f;

background-color: #e8ffeb;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 5px solid #fff;

}

ul#submenu li a:hover

{

background-color: #34b943;

color: #fff;

}

#rozwijany:hover li { display: block;}

#rozwijany li { display: none; }

.1{

clear: both;

height: 100px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

.2{

height: 800px;

border: gray dashed 1px;

width: 200px;

background: black;

float: left;

}

.3{

height: 800px;

border: gray dashed 1px;

width: 600px;

background: black;

float: left;

}

.4{

clear: both;

height: 50px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

</style>

</html>

Edited by lew2

Share this post


Link to post
Share on other sites

poszukałem i pomysłalem i sie udało:

<html>

<head><title>mojastrona</title>

</head>

<body>

</ul>

<div class="1"><font color="white"><center></center></font></div>

<div class="2"><font color="white"><center><br><div id="11" bg color="#66cc66"></div>

<ul id="menu">

<li id="1"><a href="strona1.html">Strona Główna</a>

<li id="1"><a href="strona2.html">O mnie</a>

<li id="1"><a href="strona3.html">Jak urządzić akwarium</a>

<li id="1"><a href="strona4.html">Zdjecia akwarium</a>

<li id="1"><a href="strona5.html">Inne zwierzęta w akwarium</a>

<li id="1"><a href="strona6.html">Roślinność</a>

<li id="1"><a href="strona7.html">Opis ryb</a>

<li id="1"><a href="strona8.html">Kontakt</a>

</a></li>

</ul>

</center><br>

</font></div>

<div class="3"><font color="white"><h1><center>Strona Główna</center></h1></font></div>

<div class="4"><font color="white"><a href ="strona1.html" title="Na góre">Na góre</a></font></div>

</body>

<style>

ul#menu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

height: 800px;

width: 25px;

color: #0066ff;

background-color: black;

}

ul#menu li a

{

float: left;

width: 12em;

color: #fff;

background-color: blue;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 1px solid #fff;

}

ul#menu li a:hover

{

background-color: #34b943;

color: #fff;

}

ul#submenu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

width: 12em;

color: #fff;

background-color: #86e391;

margin-right:10px;

}

ul#submenu li a

{

float: left;

width: 10em;

color: #007d0f;

background-color: #e8ffeb;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 5px solid #fff;

}

ul#submenu li a:hover

{

background-color: #34b943;

color: #fff;

}

#rozwijany:hover li { display: block;}

#rozwijany li { display: none; }

.1{

clear: both;

height: 100px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

.2{

height: 800px;

border: gray dashed 1px;

width: 200px;

background: black;

float: left;

}

.3{

height: 800px;

border: gray dashed 1px;

width: 600px;

background: black;

float: left;

}

.4{

clear: both;

height: 50px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

</style>

</html>

poszukałem i pomysłalem i sie udało:

<html>

<head><title>mojastrona</title>

</head>

<body>

</ul>

<div class="1"><font color="white"><center></center></font></div>

<div class="2"><font color="white"><center><br><div id="11" bg color="#66cc66"></div>

<ul id="menu">

<li id="1"><a href="strona1.html">Strona Główna</a>

<li id="1"><a href="strona2.html">O mnie</a>

<li id="1"><a href="strona3.html">Jak urządzić akwarium</a>

<li id="1"><a href="strona4.html">Zdjecia akwarium</a>

<li id="1"><a href="strona5.html">Inne zwierzęta w akwarium</a>

<li id="1"><a href="strona6.html">Roślinność</a>

<li id="1"><a href="strona7.html">Opis ryb</a>

<li id="1"><a href="strona8.html">Kontakt</a>

</a></li>

</ul>

</center><br>

</font></div>

<div class="3"><font color="white"><h1><center>Strona Główna</center></h1></font></div>

<div class="4"><font color="white"><a href ="strona1.html" title="Na góre">Na góre</a></font></div>

</body>

<style>

ul#menu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

height: 800px;

width: 25px;

color: #0066ff;

background-color: black;

}

ul#menu li a

{

float: left;

width: 12em;

color: #fff;

background-color: blue;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 1px solid #fff;

}

ul#menu li a:hover

{

background-color: #34b943;

color: #fff;

}

ul#submenu

{

padding: 0;

margin: 0;

list-style-type: none;

float: left;

width: 12em;

color: #fff;

background-color: #86e391;

margin-right:10px;

}

ul#submenu li a

{

float: left;

width: 10em;

color: #007d0f;

background-color: #e8ffeb;

padding: 0.2em 1em;

text-decoration: none;

border-bottom: 5px solid #fff;

}

ul#submenu li a:hover

{

background-color: #34b943;

color: #fff;

}

#rozwijany:hover li { display: block;}

#rozwijany li { display: none; }

.1{

clear: both;

height: 100px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

.2{

height: 800px;

border: gray dashed 1px;

width: 200px;

background: black;

float: left;

}

.3{

height: 800px;

border: gray dashed 1px;

width: 600px;

background: black;

float: left;

}

.4{

clear: both;

height: 50px;

border: gray dashed 1px;

width: 800px;

background: #66cc66;

}

</style>

</html>

Share this post


Link to post
Share on other sites

Prowadząc zdublowany post nie otrzymasz nowych odpowiedzi tylko powielone z pierwszego. Ci co zaangażowali się w temat odpuszczą, skoro ciągniesz wątek gdzie indziej.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Terms of Use Privacy Policy