[CSS][PHP]Menu na stronie |
[CSS][PHP]Menu na stronie |
10.02.2021, 06:38:06
Post
#1
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
Menu na stronie w zależności od rozdzielczosci
Dlaczego drugie menu nie pojawia się na samej górze tylko linijkę niżej ?
Ten post edytował david8213 10.02.2021, 07:26:06 |
|
|
10.02.2021, 07:01:26
Post
#2
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) |
Odpowiedź masz np. tutaj
Poza tym na każde menu masz nałożone width=100%, więc sam rozumiesz, że zajmują 100% dostępności ekranu w poziomie. A już poza tym, to z ciekawości zapytam po co dwa menu obok siebie? |
|
|
10.02.2021, 07:15:48
Post
#3
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
nie ma być dwóch obok siebie.
na komputerze ma być widoczne jedno a na telefonie drugie W tym linku co mi podałeś nie ma odpowiedzi mają być 100% w poziomie tyle że widoczne jedno i drugie ma być w zalezności od tego czy strona wyswietlana jest na telefonie czy komputerze Parametry te same a jedno wyświetla mi sie niżej a nie na tej samej wysokości. dlaczego ?
Dodam ze na komputerze działa to normalnie a jak wrzucę na serwer i otwieram z serwera juz jest inaczej Ten post edytował david8213 10.02.2021, 07:48:14 |
|
|
10.02.2021, 07:50:10
Post
#4
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) |
To sie nie zrozumieliśmy. Wrzuciłem to na swój serwer i działa tak jak lokalnie:
testo |
|
|
10.02.2021, 07:52:37
Post
#5
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
1. W obydwu media brak nawiasu zamykającego (możesz je przenieść do CSS).
2. Do komentarzy w CSS używa się /* */. 3. Przy szerokości viewportu=800px znikną obydwa menu. 4. Podałeś dwa kody CSS - jeden z position:fixed dla menu, drugi bez. -------------------- |
|
|
10.02.2021, 07:55:36
Post
#6
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
1. W obydwu media brak nawiasu zamykającego (możesz je przenieść do CSS). 2. Do komentarzy w CSS używa się /* */. 3. Przy szerokości viewportu=800px znikną obydwa menu. 4. Podałeś dwa kody CSS - jeden z position:fixed dla menu, drugi bez. Wszystko działa jak należy . Przyczyną było to że css był w pliku style.css a nie bezpośrednio w pliku index.php Choć dziwne że nie można tego wszystkiego wrzucić do pliku style.css jak dodałem dwa nawiasy to nie działa . Działa z jednym jak było wcxeśniej
Ten post edytował david8213 10.02.2021, 08:35:53 |
|
|
10.02.2021, 08:03:51
Post
#7
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) |
To teraz policz ile masz nawiasów otwierających i zamykających.
edit: nie ma znaczenie, że css jest w osobnym pliku. Ten post edytował gino 10.02.2021, 08:05:05 |
|
|
10.02.2021, 08:33:20
Post
#8
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Teraz między 800px a 820px, obydwa będą widoczne.
Wystarczy różnica 1px. -------------------- |
|
|
10.02.2021, 08:39:19
Post
#9
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
edit: nie ma znaczenie, że css jest w osobnym pliku. u mnie ma znaczenie. bo jak wrzucę wszystko do pliku to mi nie działa tak jak jest w index.php co do nawiasów. przeoczyłem. masz rację
To jak to zrobic żeby menu wyświetlało mi się zawsze poprawnie w zalezności od rozdzielczosci TELEFON/PC Ten post edytował david8213 10.02.2021, 08:40:19 |
|
|
10.02.2021, 08:54:41
Post
#10
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) |
Dosyć dobrze mechanizm responsywności oparty o @media jest opisany w tym tutorialu:
tutorial Albo bootstrap. |
|
|
10.02.2021, 10:19:04
Post
#11
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
jeśli chodzi o plik style.css. Po przeniesieniu styli z pliku index.php do pliku style.css ukrywanie menu i niektóre style nie działają
Co moze byc przyczyną? Ten post edytował david8213 10.02.2021, 10:19:30 |
|
|
10.02.2021, 11:21:10
Post
#12
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Przyczyną może być kolejność selektorów.
Pokaż CSS po modyfikacjach. -------------------- |
|
|
10.02.2021, 13:06:33
Post
#13
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
|
|
|
10.02.2021, 14:31:57
Post
#14
|
|
Grupa: Zarejestrowani Postów: 6 761 Pomógł: 1822 Dołączył: 11.03.2014 Ostrzeżenie: (0%) |
Działa poprawnie: https://jsfiddle.net/bcr3mLdh/
Dla .menu powinna być domyślnie nadana właściwość display:none, bo cały czas jest wyświetlane, ale pod .menu1. -------------------- |
|
|
11.02.2021, 06:06:46
Post
#15
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
no to u mnie w pliku css nie działa. Nie wyświetlane są czcionki oraz nie działa @media
Może to kwestia serwera PRV. Bo jak uruchamiam to z dysku na PC to działa |
|
|
11.02.2021, 07:03:37
Post
#16
|
|
Grupa: Zarejestrowani Postów: 6 365 Pomógł: 1114 Dołączył: 30.08.2006 Ostrzeżenie: (0%) |
A wczytują się? Wielkość liter na linuksie w nazwie ma znaczenie.
-------------------- |
|
|
11.02.2021, 08:44:47
Post
#17
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
|
|
|
11.02.2021, 08:53:41
Post
#18
|
|
Grupa: Zarejestrowani Postów: 319 Pomógł: 52 Dołączył: 18.02.2008 Ostrzeżenie: (0%) |
Zrób to jeszcze zgodnie ze sztuką:
Kod <link href="style.css" rel="stylesheet" type="text/css">
|
|
|
12.02.2021, 16:42:38
Post
#19
|
|
Grupa: Zarejestrowani Postów: 308 Pomógł: 0 Dołączył: 9.12.2009 Ostrzeżenie: (10%) |
Zrób to jeszcze zgodnie ze sztuką: Kod <link href="style.css" rel="stylesheet" type="text/css"> tak też próbowałem nie wczytuje wszystkich styli Jak uruchamiam plik z dysku to jest wszystko ok. Jak uruchamiam z ftp to nie wczytuje mi wszystkich styli z pliku css Wrzuciłem na serwer płatny i jest ok Ten post edytował david8213 12.02.2021, 16:47:43 |
|
|
Wersja Lo-Fi | Aktualny czas: 26.04.2024 - 02:33 |