Download-Button zentrieren

[bce]

würde es besser finden, wenn der download-button zentral dargestellt würde

bisher ist er an der rechten seite zu finden.

der button befindet sich in der ul linklist und li rightside.

aber wo kann ich das auf middle oder zentriert ändern?

[oxpus]

Wenn du die ul/li-Tags entfernst und z. B. durch <p></p> ersetzt, kannst du das auch zentrieren.

[bce]

ok. ich probier mal.
dachte, dass das nicht so leicht ginge, da wenn man eingeloggt ist ja links noch der kommentieren-button sich befindet

[oxpus]

Ggf. musst du den Download Button in eine neue Zeile setzen.
Aber probiere es einfach aus...

[bce]

habe nun

Code: Alles auswählen

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

	<ul class="linklist">
		<!-- IF S_POST_COMMENT -->
		<li class="leftside">
			<form action="{S_COMMENT_POST_ACTION}" method="post" name="comments_post">
			<input type="submit" name="post" value="{L_POST_COMMENT}" class="button1" />
			{S_HIDDEN_POST_FIELDS}
			</form>
		</li>
		<!-- ENDIF -->
	
		<!-- BEGIN download_button -->
		<li class="rightside">
			<form action="{download_button.U_DOWNLOAD}" method="post" name="download" {download_button.S_DL_WINDOW}>
			<!-- IF S_VC -->
			<!-- IF CAPTCHA_TEMPLATE -->
					<!-- DEFINE $CAPTCHA_TAB_INDEX = 8 -->
					<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
			<!-- ENDIF -->
			<!-- ENDIF -->
			<input type="submit" name="submit" value="{L_DOWNLOAD}" class="button1" />
			<input type="hidden" name="hotlink_id" value="{download_button.S_HOTLINK_ID}" />
			{download_button.S_HIDDEN_FIELDS}{S_HIDDEN_FIELDS}
			</form>
		</li>
		<!-- END download_button -->
	</ul>

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

durch

Code: Alles auswählen

<!-- BEGIN download_button -->
<div class="panel">
	<div class="inner"><span class="corners-top"><span></span></span>
			<div class="zentriert">
			<form action="{download_button.U_DOWNLOAD}" method="post" name="download" {download_button.S_DL_WINDOW}>
			<!-- IF S_VC -->
			<!-- IF CAPTCHA_TEMPLATE -->
					<!-- DEFINE $CAPTCHA_TAB_INDEX = 8 -->
					<!-- INCLUDE {CAPTCHA_TEMPLATE} -->
			<!-- ENDIF -->
			<!-- ENDIF -->
			<input type="submit" name="submit" value=" + + + {L_DOWNLOAD} + + + " class="button1" />
			<input type="hidden" name="hotlink_id" value="{download_button.S_HOTLINK_ID}" />
			{download_button.S_HIDDEN_FIELDS}{S_HIDDEN_FIELDS}
			</form>
		</div>

	<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END download_button -->

<!-- IF S_POST_COMMENT -->
<div class="panel">
	<div class="inner"><span class="corners-top"><span></span></span>
		<div class="zentriert">
			<form action="{S_COMMENT_POST_ACTION}" method="post" name="comments_post">
			<input type="submit" name="post" value="{L_POST_COMMENT}" class="button1" />
			{S_HIDDEN_POST_FIELDS}
			</form>
</div>
	<span class="corners-bottom"><span></span></span></div>
</div>
<!-- ENDIF -->

ersetzt.

in der common.css folgende zeile hinzugrfügt:

Code: Alles auswählen

.zentriert { margin:0 auto; text-align:center;  }

wird nun in 2 seperaten zeilen dargestellt.

demo - (wenn man nicht eingeloggt ist, sieht man demzufolge nur eine zeile mit dem download-button)

[oxpus]

Na prima!
Das wird sicherlich dem einoder anderen auch helfen können.