Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Menu wyświetlania menu użytkownika

Błąd   Założony przez  PolskiTHEPLAYER.

Pasek użytkownika jak i innych administratorów jest pionowa zamiast poziomo proszę  o pomoc. a o to załącznik -
ficus napisał 09.10.2016, 08:50:
Nazwa tematu powinna być krótkim opisem problemu, zapoznaj się z


Załączone pliki Miniatury
   
Podaj konto testowe, aby sprawdzić błąd.

Ogólnie wystarczy dodać float: left dla listy z menu w css
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
(09.10.2016, 08:51)ficus napisał(a): Podaj konto testowe, aby sprawdzić błąd.

Ogólnie wystarczy dodać float: left dla listy z menu w css
Konto - Login: Test Hasło: haslo123
do global.css dodaj
li, ul, panel_links
{
  float:left;
  margin-left: 20px;
}
#header ul.menu {
margin: 0;
padding: 0;
list-style: none;
}

#header ul.menu li {
margin: 0 7px;
display: inline;
}

#header ul.menu li a {
padding-left: 20px;
background-image: url(images/headerlinks_sprite.png);
background-repeat: no-repeat;
display: inline-block;
}

#logo ul.top_links {
font-weight: bold;
text-align: right;
margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
background-position: 0 0;
}

#logo ul.top_links a.memberlist {
background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
background-position: 0 -40px;
}

#logo ul.top_links a.help {
background-position: 0 -60px;
}

#logo ul.top_links a.portal {
background-position: 0 -180px;
}

#panel .upper a.logout {
margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
background: url(images/headerlinks_sprite.png) 0 -100px no-repeat;
padding-left: 20px;
margin-left: 10px;
}

#panel .upper a.register {
background: url(images/headerlinks_sprite.png) right -80px no-repeat;
padding-right: 20px;
margin-left: 10px;
}

#panel .lower ul.panel_links {
 float:left;
 margin-left: 20px;
}

#panel .lower ul.panel_links a.usercp {
background-position: 0 -120px;
{
 float:left;
 margin-left: 20px;
}

#panel .lower ul.panel_links a.modcp {
background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
background-position: 0 -160px;
}

#panel .lower ul.user_links {
float: right;
}

#panel .lower ul.user_links li a {
padding: 0;
background-image: none;
}

#panel .upper {
color: #fff;
padding: 8px;
clear: both;
 padding-top: 18px;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
color: #fff;
}

#panel .lower {
color: #fff;
padding: 12px;
text-align: left;
padding-top: 0px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
color: #fff;
}

#search {
border: 0;
padding: 0;
margin: 0;
float: right;
vertical-align: middle;
 margin-right: 10px;
}
Gdzie dokładnie?
ficus napisał 09.10.2016, 09:30:
Kody podajemy w tagach [code] lub [php], poprawia to czytelność posta.
Po prostu obojętnie gdzie dodaj w arkuszu ten kod:
li, ul, panel_links {
  float:left;
  margin-left: 20px;
}
Rozwiązanie zastosuje się do wszystkich list na forum, co może być niepożądane.
Zamiast tego dodaj po prostu
.panel_links li {
float: left;
padding-left:10px;
padding-right:10px;
}

w dowolnym miejscu
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
Nadal nie działa
(09.10.2016, 09:51)PolskiTHEPLAYER napisał(a): Nadal nie działa

Dodaj to na końcu sb.css zamiast global.css
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?



Użytkownicy przeglądający ten wątek:

2 gości