Forum Blogowe 17 lat!

Blogerzy wszystkich platform, łączcie się!

Dyskusje Blogerów, Fotoblogerów i Vlogerów, fora blogowe, graficzne, ogólnotematyczne
rozmowy o blogach, porady, instrukcje, ciekawostki z internetu
FAQFAQ    UżytkownicyUżytkownicy  grupa Blogger Polska! na FBBlogger Polska!  GrupyGrupy  regulaminRegulamin RejestracjaRejestracja  ZalogujZaloguj

»  »  »  »  ::
Autor Wiadomość
Getright 
Blogger.Klub


Wiek: 29
Dołączył/a: 14 Sie 2012
Posty: 29
Wysłany:    [Szablon Replay] jak wyśrodkować górne menu na blogu?
Chciałbym wyśrodkować menu na górze bloga. Troche się z tym omęczyłem jednak dałem sobie spokój.

Poniżej fragment w HTML, który do tego należy

Kod

.menu a { font-family: 'Oswald',Arial,Helvetica,sans-serif; }
.subheader2 .menu{float:left}
.subheader2 .menu ul{display:block}
.subheader2 .menu li{display:block;position:relative}
.subheader2 .menu a{display:block;color:#ccc;font-size:20px;text-transform:uppercase;text-shadow:0 -1px 0 #262626}
.subheader2 .menu li.current-menu-item > a,.subheader2 .menu li.current-menu-parent > a,.subheader2 .menu li.hover > a,.subheader2 .menu li a:hover{color:#fff}
.subheader2 .menu > ul{float:left}
.subheader2 .menu > ul > li{float:left;margin-right:15px;line-height:40px}
.subheader2 .menu ul ul{position:absolute;z-index:1000;min-width:150px;display:none;background:#333;border:1px solid rgba(0,0,0,0.1)}
.subheader2 .menu ul ul li{background:url(../images/menu_divider.png) 0 bottom repeat-x;padding-bottom:2px}
.subheader2 .menu ul ul li a{padding:0 15px}
.subheader2 .menu ul ul li:last-child{background:none;padding-bottom:0}
.subheader2 .menu > ul > li > ul{left:-15px;top:42px;border-top-width:0;background:#333 url(../images/menu_bg.png) 0 0 repeat-x}
.subheader2 .menu ul ul ul{left:100%;top:-1px}


Z góry dzięki.
Ostatnio zmieniony przez Getright 2013-03-26, 22:33, w całości zmieniany 2 razy  
 
  podziel si� tym postem na:



Utwórz darmowe konto na forum --- Zaloguj się --- Polub Blogowicza na FB!
Dołącz do grupy Bloggerów na FB

Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-02-04, 17:10   
w .subheader2 .menu > ul > li zamiast

Kod

float:left;
robisz

Kod

display: inline-block;


z .subheader2 .menu > ul oraz .subheader2 .menu skasuj

Kod

float: left;

do .subheader2 .menu dopisz:
Wiadomość (widoczna dla zarejestrowanych)


powinno wystarczyć.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
Getright 
Blogger.Klub


Wiek: 29
Dołączył/a: 14 Sie 2012
Posty: 29
Wysłany: 2013-02-04, 17:21   
Kod przerobiony tak jak wyżej

Wiadomość (widoczna dla zarejestrowanych)


Jednakże nie wyśrodkowało menu. Teraz wygląda tak:

 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-02-04, 17:44   
styl dla .subheader2 .menu nie jest w klamrach {}
poza tym dobrze jakbyś zostawił to "niedziałające" na blogu, wtedy mogę sprawdzić co robisz nie tak albo gdzie ja się pomyliłem.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
adrkwi 
WordPress.Klub


Pomógł: 3 razy
Dołączył/a: 23 Sty 2013
Posty: 190
Wysłany: 2013-02-04, 17:52   

Htsz napisał/a:

styl dla .subheader2 .menu nie jest w klamrach {}
poza tym dobrze jakbyś zostawił to niedziałające na blogu, wtedy mogę sprawdzić co robisz nie tak albo gdzie ja się pomyliłem.


jak bardzo Ci się chcę to proponuje Firefox>Zbadaj element i na żywym organizmie testować. ja niestety jestem poza zasięgiem czasowym żeby koledze pomóc.
______________________________________________________
Powiedzialem.pl na facebooku
 
  podziel si� tym postem na:
Getright 
Blogger.Klub


Wiek: 29
Dołączył/a: 14 Sie 2012
Posty: 29
Wysłany: 2013-02-04, 17:58   
Poprawione
Wiadomość (widoczna dla zarejestrowanych)


Teraz wyśrodkowało, lecz nadal jest w pionie.

Zostawiłem 'niedziałające' ;)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-02-04, 18:16   

Cytat

jak bardzo Ci się chcę to proponuje Firefox>Zbadaj element i na żywym organizmie testować. ja niestety jestem poza zasięgiem czasowym żeby koledze pomóc.
tak właśnie przygotowałem mu rozwiązanie i hulało, ale jak coś nie działa to chcę widzieć 'na żywca' co ;-)

Getright, jak kasujesz styl jakiegoś elementu i nie zostaje nic to zostawiaj pustą klamrę {} lub wykasuj także ten znacznik, chodzi mi tutaj o .subheader2 .menu > ul

//edit

w razie czego jeszcze .subheader2 .menu li inline-block zamiast block
ale mi działało jak ustawiłem tylko to co w pierwszym poście.
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
adrkwi 
WordPress.Klub


Pomógł: 3 razy
Dołączył/a: 23 Sty 2013
Posty: 190
Wysłany: 2013-02-04, 18:21   
na 90% problem nie jest w CSSie tylko w kodzie html. Menu jest w

Kod

<url><li></li></ul>
czyli w liście, wystarczy usunąć listę.
______________________________________________________
Powiedzialem.pl na facebooku
 
  podziel si� tym postem na:
Getright 
Blogger.Klub


Wiek: 29
Dołączył/a: 14 Sie 2012
Posty: 29
Wysłany: 2013-02-04, 18:25   
usunąłem

Kod

.subheader2 .menu > ul

i śmiga :) już jest wyśrodkowne.

Po raz kolejny dziękuje :)
 
  podziel si� tym postem na:
Htsz 
Blogger Product Expert
Blogowicz.Team


Zaproszone osoby: 84
Imię: Arkadiusz Narowski
Pomógł: 816 razy
Wiek: 39
Dołączył/a: 01 Sty 2006
Posty: 8949
Miasto: Wrocław
Wysłany: 2013-02-04, 18:30   

adrkwi napisał/a:

na 90% problem nie jest w CSSie tylko w kodzie html.
jak widzisz problemem były błędy przy edycji CSS ;-)

Getright napisał/a:

i śmiga :) już jest wyśrodkowne.

Po raz kolejny dziękuje :)
:super: było by miło jakbyś wrzucił linka do forum ;-)
______________________________________________________
nie radzisz sobie? :arrow: pomoc indywidualna oraz blogi i strony na zamówienie
zapraszam do przewodnika po forum oraz grupy Blogger Polska! na fb
Think before you post™ | ^_^ na każdego posta znajdzie się riposta™

Jeżeli nasze posty pomogły rozwiązać Twoje problemy możesz odwdzięczyć się, udostępniając link do tego forum na swoim blogu, fanpejdżu lub stronie!
Nie zapomnij kliknąć lubię to! na facebooku. :^^:
 
  podziel si� tym postem na:
adrkwi 
WordPress.Klub


Pomógł: 3 razy
Dołączył/a: 23 Sty 2013
Posty: 190
Wysłany: 2013-02-04, 18:34   

Htsz napisał/a:

adrkwi napisał/a:

na 90% problem nie jest w CSSie tylko w kodzie html.
jak widzisz problemem były błędy przy edycji CSS ;-)

Getright napisał/a:

i śmiga :) już jest wyśrodkowne.

Po raz kolejny dziękuje :)
:super: było by miło jakbyś wrzucił linka do forum ;-)


wyrzucił klasę z listą, gdyby usunął listę z kodu efekt byłby ten sam.
______________________________________________________
Powiedzialem.pl na facebooku
 
  podziel si� tym postem na:
Wyświetl posty z ostatnich:   
»  »  »  »  ::
Odpowiedz do tematu
Nie możesz pisać nowych tematów. Zobacz szczegły.
Nie możesz odpowiadać w tematach. Zobacz szczegły.
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Nie możesz ściągać załączników na tym forum
 Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB & Weblove.pl © 2006-2024 Wrocław | modified by Przemo © 2003 phpBB Group.
↑ skocz na górę ↑   |  shoutbox
 
Dodaj na Facebooku:

Zobacz także:


Szablony blogów i stron na wordpress
ogromna baza motywów WP, podzielona na kategorie tematyczne. Proste, jednostronicowe wizytówki lub zaawansowane układy, także z funkcją sklepu internetowego (ecommerce).
Wyszukaj na Blogowiczu:
snapchat blogowicz instagram blogowicz