Jump to content
xt:Commerce Community Forum
Sign in to follow this  
flavor

4.1 Buttons floaten

Recommended Posts

Hallo liebe Gemeinde,

ich versuche gerade die beiden Buttons (unten zu sehen) in der 4.1 Version nebeneinander zu floaten und gleichzeitig mit einem Abstand zu versehen. Leider entsteht dabei immer ein Absatz. Ich habe mit Sicherheit schon 30 verschiedene Kombinationen versucht um diese scheinbar einfache Aufgabe zu lösen.

*a href="javascript:history.back();" class="button">(*txt key=BUTTON_BACK*)</a*

(*css_button text=$smarty.const.BUTTON_NEXT type='form'*)[/PHP]

*Die Klammern im Code musste ich für das Forum hier entfernen/ersetzen, da neuerdings nicht akzeptiert!?

Hat hier einer eine Idee oder einen Lösungsvorschlag?

Edited by flavor

Share this post


Link to post
Share on other sites

Mit dieser Version bin ich am weitesten gekommen.

*p style="float:left">*a href="javascript:history.back();" class="button">*txt key=BUTTON_BACK=}</a>
<span style="position:relative; left:50%">css_button text=$smarty.const.BUTTON_NEXT type='form'}</span></p>[/PHP]

left:100% geht nicht, da es aus dem p Element geschleudert wird.

Im span Element funktioniert style="position:absolute; right:0px" wenn ich das übergeordene P element mit style="position:relative" versehe.

Sobald aber relative im span Element steht gibt es einen vertikalen Absatz. Das gleiche wenn ich alles andere ausser span als element nehme. Ich hoffe da kann man noch folgen :o

Share this post


Link to post
Share on other sites

um es noch einmal zu verdeutlichen. Warum hier das position:absolute den Versatz verursacht ist mir ein Rätsel.

*p style="position:relative">*a href="javascript:history.back();" class="button">*txt key=BUTTON_BACK}</a>
<span style="position:absolute; right:0px">*css_button text=$smarty.const.BUTTON_NEXT type='form'}</span></p>[/PHP]

Share this post


Link to post
Share on other sites

Gelöst! Falls es jemanden interessiert...

    <p style="clear:both">*a href="javascript:history.back();" class="button float-left">*txt key=BUTTON_BACK}</a></p>
<p class="right">*css_button text=$smarty.const.BUTTON_NEXT type='form'}</p>
<p style="clear:both"></p>[/PHP]

was für'n Akt.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...