wyśrodkowanie

Dyskusje na temat modyfikowania i tworzenia stylów do phpBB 3.0.x oraz spraw związanych z szablonami, motywami i zestawami obrazków.
pito
Posty: 184
Rejestracja: 19 kwietnia 2009, 17:36
Lokalizacja: Bartoszyce

wyśrodkowanie

Post autor: pito » 29 czerwca 2009, 20:04

Witam.

Chciałbym wyśrodkować oto ten pasek:
* Strona główna
* Panel użytkownika
* Zobacz swoje posty
* FAQ
* Użytkownicy
* mChat
* Kontakt
* Zarejestruj się
* Wyloguj [ Robert ]

Plik overall_header:

Kod: Zaznacz cały

<div id="topmenu">

			<ul>
			<li><a  href="{U_INDEX}"><span>{L_INDEX}</span></a></li>
			<li><a  href="{U_PROFILE}"><span>{L_PROFILE}</span></a></li>
			<li><a  href="{U_SEARCH_SELF}"><span>{L_SEARCH_SELF}</span></a></li>
			<li><a  href="{U_FAQ}"><span>{L_FAQ}</span></a></li>
			<li><a  href="{U_MEMBERLIST}"><span>{L_MEMBERLIST}</span></a></li>
			<li class="icon-bump"><a href="{ROOT_PATH}mchat.php" title="mChat">mChat</a></li>
				<!-- IF S_CONTACT_ENABLED --><li class="icon-contact"><a href="{U_CONTACT}" title="{L_CONTACT_BOARD_ADMIN}">{L_CONTACT_BOARD_ADMIN_SHORT}</a></li><!-- ENDIF -->
			<li><a  href="{U_REGISTER}"><span>{L_REGISTER}</span></a></li>
				<li><a  href="{U_LOGIN_LOGOUT}"><span>{L_LOGIN_LOGOUT}</span></a></li>
			<li><a  href="#"><span></span></a></li>

			<li><a  href="#"><span></span></a></li>
			</ul>
		</div>
				</div>
Plik stylesheet:

Kod: Zaznacz cały

#topmenu {
    margin: 0;
    padding: 0;
    font-family: tahoma, sans-serif;
    font-size: 11px;
}

#topmenu ul {
    padding: 0 0 0 5px;
    margin: 0;
    list-style-type: none;
    width: auto;
    float: left;
}

#topmenu ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

#topmenu ul li {
    margin: 0;
    padding: 0;
    display: inline;
}


#topmenu ul li a {
    float: left;
    display: block;
    margin: 0 0 0 2px;
    padding: 0 0 0 10px;
    text-decoration: none;
    line-height: 30px;
    color: #fcfcfc;
    background: #2C6CAE url("{T_THEME_PATH}/images/topmenu-l.gif") 0 0 no-repeat;
}

#topmenu ul li a span {
    float: left;
    display: block;
    padding: 0 15px 0 7px;
    cursor: pointer;
}

#topmenu ul li a.current {
    color: #000;
    font-weight: bold;
    background: #000 url("{T_THEME_PATH}/images/topmenu-active-l.gif") 0 0 no-repeat;
}


#topmenu ul li a:hover {
  display: block;
    width: auto;
    background: #000 url("{T_THEME_PATH}/images/topmenu-active-r.gif") 100% 0 no-repeat;
}

#topmenu ul li a:hover span {
    text-decoration: underline;
    display: block;
    width: auto;
}

pit
Posty: 1580
Rejestracja: 25 lutego 2009, 18:15

Re: wyśrodkowanie

Post autor: pit » 29 czerwca 2009, 22:44

Kod: Zaznacz cały

#topmenu ul {
    padding: 0 0 0 5px;
zmień na

Kod: Zaznacz cały

#topmenu ul {
    padding: 0 0 0 55px;
To 55px to tak sobie wpisałem z sufitu.

pito
Posty: 184
Rejestracja: 19 kwietnia 2009, 17:36
Lokalizacja: Bartoszyce

Re: wyśrodkowanie

Post autor: pito » 29 czerwca 2009, 23:59

działa :) dziękówa człeku :>

Zablokowany

Wróć do „Pomoc”