Seite 1 von 1

common.css - padding Funktion

Verfasst: 24.03.2011 16:53
von Cruiser
Habe google schon durch und lese dort immer nur, das man den linke,rechten Bereich und oben und unten Einstellen kann http://www.css4you.de/padding.html. Aber wie kriege ich eine "Zentriert" Funktion darein, da es sich ja um keinen fest Text handelt? padding: center; geht nicht.

Code: Alles auswählen

.navbar {
	background-color: #ebebeb;
	padding: 0 10px;
	clear: both;

Re: common.css - padding Funktion

Verfasst: 24.03.2011 19:13
von redbull254
Hallo erstmal,

versuch es mal mit :

Code: Alles auswählen

text-align:center;

Re: common.css - padding Funktion

Verfasst: 24.03.2011 19:53
von Cruiser
Danke, das klappte ganz gut, aber warum wird meine Linkbar nicht zentriert? [ externes Bild ]

Hier der Code von overall_footer

Code: Alles auswählen

</div>
		<span class="corners-bottom"><span></span></span></div>
	</div>

<div id="page-footer">

	<div class="navbar">
		<div class="inner"><span class="corners-top"><span></span></span>

		<ul class="linklist">
					<!-- IF not S_IS_BOT -->
					<!-- IF U_WATCH_TOPIC --><li <!-- IF S_WATCHING_TOPIC -->class="icon-unsubscribe"<!-- ELSE -->class="icon-subscribe"<!-- ENDIF -->> &bull; <a href="{U_WATCH_TOPIC}" title="{L_WATCH_TOPIC}">{L_WATCH_TOPIC}</a></li><!-- ENDIF -->
					<!-- IF U_BUMP_TOPIC --><li class="icon-bump"> &bull; <a href="{U_BUMP_TOPIC}" title="{L_BUMP_TOPIC}">{L_BUMP_TOPIC}</a></li><!-- ENDIF -->
					<!-- ENDIF -->
					<!-- IF not S_IS_BOT and S_USER_LOGGED_IN --><li class="icon-ucp">&bull; <a href="{U_PROFILE}" title="{L_PROFILE}" accesskey="e">{L_PROFILE}</a>
					<!-- IF S_DISPLAY_PM -->&bull;  <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><!-- ENDIF -->
					<!-- IF S_DISPLAY_SEARCH -->
					<!-- ENDIF -->
					<!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_SEARCH_UNREAD}">{L_SEARCH_UNREAD}</a><!-- ENDIF -->
					<!-- IF S_LOAD_UNREADS --> &bull; <a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ} </a><!-- ENDIF -->					
					<!-- IF U_RESTORE_PERMISSIONS --> &bull; <a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
					<!-- IF U_TEAM -->&bull;  <a href="{U_TEAM}">{L_THE_TEAM}</a> <!-- ENDIF -->
                    </li>
					<!-- ENDIF -->
					<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST --><li class="icon-members"> &bull; <a href="{U_MEMBERLIST}" title="{L_MEMBERLIST_EXPLAIN}">{L_MEMBERLIST}</a></li><!-- ENDIF -->
					<!-- IF not S_USER_LOGGED_IN and S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --><li class="icon-register"> &bull; <a href="{U_REGISTER}">{L_REGISTER}</a></li><!-- ENDIF -->
					<li class="icon-logout"> &bull; <a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x">{L_LOGIN_LOGOUT}</a> &bull;</li>
					</ul>
					<!-- ENDIF -->
					</ul>

		<span class="corners-bottom"><span></span></span></div>
	</div>

<!--
	We request you retain the full copyright notice below including the link to www.phpbb.com and freepowerboards.com
//-->
<hr></hr>
</div>
		<span class="corners-bottom"><span></span></span></div>
	</div>

<div id="page-footer">

	<div class="navbar">
		<div class="inner" style="width: 562; height: 143">
				&nbsp;<fieldset>
					<p align="center">
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" size="20" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<b>
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a></b> 
                    {S_SEARCH_HIDDEN_FIELDS}
				</fieldset><p align="center">&nbsp;</div>
	</div>
<!--
	We request you retain the full copyright notice below including the link to www.phpbb.com and freepowerboards.com
//-->

	<div class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a> &copy; 2000, 2002, 2005, 2007 phpBB Group<br />Charcoal design by <a href="http://www.freepowerboards.com" title="Free Forums">Free Forums</a>
		<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
		<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
		<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
	</div>
</div>

</div>

<div>
	<a id="bottom" name="bottom" accesskey="z"></a>
	<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
    <p>&nbsp;</div>

</div>

</body>
</html>

Re: common.css - padding Funktion

Verfasst: 24.03.2011 20:08
von PatrickS3
Schau mal hier, Tipp um DIV Layer zu zentrieren:

http://forum.joergkrusesweb.de/div-laye ... -66-1.html

Re: common.css - padding Funktion

Verfasst: 24.03.2011 23:34
von Cruiser
Also keine Chance. Egal wo ich es eingebe, es passiert nichts. Die parameter überdecken alles bzw. werden vorrangig behandelt.

Code: Alles auswählen

</div>
		<span class="corners-bottom"><span></span></span></div>
	</div>

<div id="page-footer">

	<div class="navbar">
		<div class="inner"><span class="corners-top"><span></span></span>

		<ul class="linklist">
Egal, ich lass es erstmal. Quäl mich schon 2 Tage damit die Links zu zentrieren, einen 3ten spar ich mir. :D



EDIT: Habs nochmal über die CSS probiert. Dieser Code ist dafür zuständig:

Code: Alles auswählen

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}
Tausche ich left durch right wird alles richtig nacht rechts geschoben. Tipp ich aber center ein, siehts so aus: [ externes Bild ]

EDIT: Problem glaub ich gefunden. Arbeite dran.