• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Samo deaktywacja "select-menu", "dropdownmenu"

Object Storage Arubacloud
0 głosów
172 wizyt
pytanie zadane 6 lipca 2015 w HTML i CSS przez Tomgrabal Początkujący (380 p.)
zamknięte 7 lipca 2015 przez krecik1334
Witam!
Jestem tu nowy więc wybaczcie jeśli nie w tym dziale założyłem wątek itp. Dobra, może przejdę do rzeczy, otóż projektuję witrynę responsywną i chcę zrobić, żeby to normalne pionowe menu, to co wyświetla się przy standardowej rozdzielczości, zmieniało się w momencie gdy ta rozdzielczość jest inna, (mniejsza), na select-menu lub dropdownmenu. I zmienia się, tylko problem w tym, że nie jest aktywne, gdy klika się na nie myszką, to nie rozwija się, nie wyświetla pozycji.

A gdy dam zamiast tego pionowego menu, select-menu lub dropdownmenu, żeby się wyświetlało się przy standardowej rozdzielczości, to działa oky.

Już szukałem rozwiązania u wujka google, ale nic sensownego nie znalazłem.

Dlatego zwróciłem się do specjalistów ;)

Jak będziecie chcieli zobaczyć kod, to mówcie.
komentarz zamknięcia: problem rozwiązany

2 odpowiedzi

+1 głos
odpowiedź 6 lipca 2015 przez Czort Nałogowiec (32,500 p.)
Bez kodu ani rusz.
komentarz 6 lipca 2015 przez Tomgrabal Początkujący (380 p.)

Proszę;

 HTML;

<div class="col-md-3">

<div id="menu-left">

<div class="etykiety">
Menu
</div>

<div id="menul">
   <nav>
	<ul>
<?php
require_once ('admin/connect.php');

$get_cats = "select * from dzialy";

$run_cats = mysqli_query ($db, $get_cats); 

while ($cats_row = mysqli_fetch_array ($run_cats)) {

$cat_id = $cats_row['cat_id'];
$cat_nazwa = $cats_row['cat_nazwa'];

echo "<li><a href='category.php?cat=$cat_id&$cat_nazwa'>$cat_nazwa</a></li>";
}
?>
<li><a href='ogloszenia.php'>Ogłoszenia</a></li>
<li><a href='forum.php'>Forum</a></li>
	</ul>
	</nav>
</div>

<div class="dropdown">
   <button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Wybierz
    <span class="caret"></span></button>
    <ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
<?php
require_once ('admin/connect.php');

$get_cats = "select * from dzialy";

$run_cats = mysqli_query ($db, $get_cats); 

while ($cats_row = mysqli_fetch_array ($run_cats)) {

$cat_id = $cats_row['cat_id'];
$cat_nazwa = $cats_row['cat_nazwa'];

echo "<li><a href='category.php?cat=$cat_id&$cat_nazwa'>$cat_nazwa</a></li>";
}
?>
<li><ahref='ogloszenia.php'>Ogłoszenia</a></li>
<li><a href='forum.php'>Forum</a></li>
	</ul>
</div>

<div class="etykiety" id="chowa" style="margin-top: 30px;">
Ostatnio dodane
</div>

<div class="tlopod">
<?php
$get_posty = "select * from posty order by post_id desc limit 0,5";

$run_posty = mysqli_query ($db, $get_posty) or die (mysqli_error());

while ($row_posty = mysqli_fetch_array($run_posty)) {

$post_id = $row_posty['post_id'];
$post_Tytul = $row_posty['post_Tytul'];
$post_Data = $row_posty['post_Data'];
$post_Zajawka = substr($row_posty['post_Zajawka'],0,147);
	
	echo "
	<div id='zajawka'>
	<div class='row'>
	<div class='col-md-12'>
	<h1><b>$post_Tytul</b></h1>
	</div>
	</div>
		<div class='row'>
	<span class='col-md-8'>$post_Data</span>
	</div>
		<div class='row'>
	<p class='col-md-12'>$post_Zajawka (...)</p>
		</div>
		<div class='row'>
	<div class='col-md-4 col-md-offset-7' id='przycisk'>
	<a href='postfull.php?post=$post_id/$post_Tytul'>Więcej</a>
	</div>
	</div>
	</div>
	"; 
	
	}
?>
</div>
</div>

A to CSS:

@media (min-width: 769px) and (max-width: 979px) {
#body {
font-size: 2.0em;
 }
 .container {
width: 95%;
}

#menul{
display: none;
}

#zajawka{
display: none;
}

.dropdown {
display: block;
}
}

@media (min-width: 480px) and (max-width: 768px) {
#body {
font-size: 2.0em;
 }
 .container {
width: 95%;
}
#menul{
display: none;
}

#zajawka{
display: none;
}

.dropdown {
display: block;
}
}

@media (max-width: 479px) {
#body {
font-size: 2.0em;
 }
 .container {
width: 95%;
}
#menul{
display: none;
}

#zajawka{
display: none;
}

.dropdown {
display: block;
}
}
+1 głos
odpowiedź 7 lipca 2015 przez Tomgrabal Początkujący (380 p.)
Oky, już sobie poradziłem.

Zapisałem to mobilne menu w oddzielnym pliku, następnie includowałem je do indeksu głównego i działa jak natura chciała. ;) Oczywiście, w tym głównym indeksie, w sekcji "head" podpiąłem co trzeba. To takie wyjaśnienie, jakby ktoś w przyszłości miał podobny problem.

Tak więc wątek do zamknięcia.

Podobne pytania

0 głosów
1 odpowiedź 310 wizyt
pytanie zadane 4 października 2017 w HTML i CSS przez Radek Begej Użytkownik (580 p.)
0 głosów
1 odpowiedź 455 wizyt
pytanie zadane 29 maja 2016 w HTML i CSS przez CzikaCarry Szeryf (75,340 p.)
0 głosów
6 odpowiedzi 907 wizyt

92,575 zapytań

141,424 odpowiedzi

319,649 komentarzy

61,960 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...