Zwei Texte nebeneinander in der overall_body index

[marika]

Hallöchen

Hier der Link zum Forum : http://konradlorenz.eu/forum

Mein Problem ist, dass ich gerne unser Vereinskonto neben dem Paypal Spenden Button hätte, so mit zwei Leerzeichen dazwischen. Bei mir sitzen die dann aber übereinander und das sieht saublöd aus.
Kann mir da jemand hilfreich unter die Arme greifen?

Hier body index:

<!-- INCLUDE overall_header.html -->
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="linklist">
<!-- IF S_DISPLAY_SEARCH -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> &bull; <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
<!-- ENDIF -->

<!-- IF not S_IS_BOT and U_MARK_FORUMS --><li class="rightside"><a href="{U_MARK_FORUMS}" accesskey="m">{L_MARK_FORUMS_READ}</a></li><!-- ENDIF -->
</ul>
<!-- ENDIF -->
<div style="text-align: center;">
<!-- Beginn Code www.Speechbox.de //-->
<iframe name="speechbox" width="800" height="405" allowTransparency="true" frameborder="0" src="http://31988.speechbox.de"></iframe> <br /><a href="http://www.speechbox.de" title="Kostenlose Shoutbox">Shoutbox</a><br />
<!-- Ende Code www.Speechbox.de // --></div>
<div style="text-align: center;">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="5ZGQ2VFHC223Q">
<input type="image" src="https://www.paypal.com/de_DE/DE/i/btn/b ... eCC_LG.gif" border="0" name="submit" alt="Jetzt einfach, schnell und sicher online bezahlen – mit PayPal.">
<img alt="" border="0" src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" height="1">
</form></div>
<!-- INCLUDE forumlist_body.html -->
<p class="{S_CONTENT_FLOW_END}<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
<!-- IF U_MCP --><p>{CURRENT_TIME} <br />[&nbsp;<a href="{U_MCP}">{L_MCP}</a>&nbsp;]</p><!-- ELSEIF S_USER_LOGGED_IN --><p>{CURRENT_TIME}</p><!-- ENDIF -->

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<form method="post" action="{S_LOGIN_ACTION}" class="headerspace">
<h3><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a><!-- IF S_REGISTER_ENABLED -->&nbsp; &bull; &nbsp;<a href="{U_REGISTER}">{L_REGISTER}</a><!-- ENDIF --></h3>
<fieldset class="quick-login">
<label for="username">{L_USERNAME}:</label>&nbsp;<input type="text" name="username" id="username" size="10" class="inputbox" title="{L_USERNAME}" />
<label for="password">{L_PASSWORD}:</label>&nbsp;<input type="password" name="password" id="password" size="10" class="inputbox" title="{L_PASSWORD}" />
<!-- IF S_AUTOLOGIN_ENABLED -->
| <label for="autologin">{L_LOG_ME_IN} <input type="checkbox" name="autologin" id="autologin" /></label>
<!-- ENDIF -->
<input type="submit" name="login" value="{L_LOGIN}" class="button2" />
</fieldset>
</form>
<!-- ENDIF -->

<!-- IF S_DISPLAY_ONLINE_LIST -->
<!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
<p>{TOTAL_USERS_ONLINE} ({L_ONLINE_EXPLAIN})<br />{RECORD_USERS}<br /> <br />{LOGGED_IN_USER_LIST}
<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF S_DISPLAY_BIRTHDAY_LIST and BIRTHDAY_LIST -->
<h3>{L_BIRTHDAYS}</h3>
<p><!-- IF BIRTHDAY_LIST -->{L_CONGRATULATIONS}: <strong>{BIRTHDAY_LIST}</strong><!-- ELSE -->{L_NO_BIRTHDAYS}<!-- ENDIF --></p>
<!-- ENDIF -->

<!-- IF NEWEST_USER -->
<h3>{L_STATISTICS}</h3>
<p>{TOTAL_POSTS} &bull; {TOTAL_TOPICS} &bull; {TOTAL_USERS} &bull; {NEWEST_USER}</p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html -->

[Talk19zehn]

Hallo Marika,

ich kann den Threadtitel nicht ganz nachvollziehen: Zwei Texte nebeneinander.......
Denn eigentlich meinst du ggf. zwei Button?

index_body.html

nach

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

bitte einfügen: Beispiel

Code: Alles auswählen

<br />
<br />
<div class="navbar" style="text-align:center;">
<div class="inner"><span class="corners-top"><span></span></span>
<div>
<a href="#"><img src="./pfad zum bild" alt="..." height="31" width="88" /></a>

<a href="#"><img src="./pfad zum bild" alt="..." height="31" width="88" /></a>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<br />
<div style="clear: both;"></div>

Oder doch ein Text rechts neben dem vorhandenen Button? In dem Beispiel ist der Button 31px hoch, d.h. ich nutze line-height in entsprechender Höhe im Absatz-Element = p und ordne den Text rechts an, in dem ich eine Klasse für das links liegende Bild erstelle, die ein float: left beinhaltet. Den Abstand des Textes zum Bild bestimme ich mit margin-right. Der Text sollte nicht zu lang werden.... * --> einzeilig , da dieser in dem Beispiel mittig zum Bild ausgegeben wird.

Theme hinzufügen:

Code: Alles auswählen

.linksimg {
    float: left;
    margin-right: 11px;
    }

index_body.html

nach

Code: Alles auswählen

<!-- INCLUDE overall_header.html -->

bitte einfügen: Beispiel

Code: Alles auswählen

<br />
<br />
<div class="headerbar">
<div class="inner"><span class="corners-top"><span></span></span>
<div style="width: 280px; padding: 10px; border: 1px solid #FF0044; margin: 0 auto;">
<a href="#"><img class="linksimg" style="border:0;width:88px;height:31px" src="./Pfad zum Bild" alt="..." /></a><p style="margin: 0; line-height: 31px;">Wenig, besser weniger Text </p>
</div>
<span class="corners-bottom"><span></span></span></div>
</div>
<br />
<div style="clear: both;"></div>

Mein Test war erfolgreich. Viele Grüße

=============
Edit: * einzeilig

[marika]

Danke, ich werde das morgen mal ausprobieren und dann berichten

Liebe Grüße Marika