Skocz do zawartości

jak uruchomic menu?


lew2

Rekomendowane odpowiedzi

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>

Odnośnik do komentarza
Udostępnij na innych stronach

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 -> https://blog.karlosky.pl
Osoby zainteresowane współpracą w zakresie SEO zapraszam na stronę www.topmaker.pl oraz https://pozycjonowanie-bialystok.pl

Odnośnik do komentarza
Udostępnij na innych stronach

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 -> https://blog.karlosky.pl
Osoby zainteresowane współpracą w zakresie SEO zapraszam na stronę www.topmaker.pl oraz https://pozycjonowanie-bialystok.pl

Odnośnik do komentarza
Udostępnij na innych stronach

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>

Odnośnik do komentarza
Udostępnij na innych stronach

Naprawdę wróć do nauki podstaw.

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

Odnośnik do komentarza
Udostępnij na innych stronach

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>

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności