Buttons in einer Linie

[scale]

Hiho,

hab da ein Problem an dem ich schon länger rumnage. Ich habe überall Buttons. Leider lassen die sich nicht auf eine Linie bringen. Ich weis auch wieso, nehmlich wird bei manchen Buttons ein: width und height gesetzt. ich finde nicht die Stelle wo diese Zusatzparameter herkommen. Hat jemand nen Tipp?

Code: PHP  [Auswählen]

<div><a href="http://www.xxxxxxxxxx.de/zwerggarnelen-shop/account.php"><img src="templates/xtc5/buttons/german/button_back.gif" alt="Zur&uuml;ck" width="100" height="24" /></a>&nbsp;<input type="image" src="templates/xtc5/buttons/german/button_continue.gif" alt="Weiter" title=" Weiter " /></div>

Linkback: https://www.modified-shop.org/forum/index.php?topic=24388.0

[Webcraft Solutions]

Hallo scale,

mit Aussagen wie "ich habe überall Buttons" und "auf eine Linie bringen" ist wirklich schwer nachzuvollziehen was bzw. wo du genau diese Buttons hinhaben willst. Gibts dazu einen Screenshot oder eine URL?

[Modulfux]

Die Parameter height und width bekommt der Button durch die Funktion xtc_image().

Um die Buttons auf eine einheitliche Grundlinie zubekommen, behelfe ich mir immer wie folgt:
Lege ein <span> -Element um die Buttons, als in deinem Fall:

Code: XML  [Auswählen]

<span class="buttonundlink">
<a href="http://www.xxxxxxxxxx.de/zwerggarnelen-shop/account.php"><img src="templates/xtc5/buttons/german/button_back.gif" alt="Zur&uuml;ck" width="100" height="24" /></a>&nbsp;<input type="image" src="templates/xtc5/buttons/german/button_continue.gif" alt="Weiter" title=" Weiter " /></span>
 

Und dann machst du in deiner Stylesheetdatei noch folgende Angabe:

Code: CSS  [Auswählen]

.buttonundlink {vertical-align:middle;}
 

Gruß
Ronny

[scale]

Hi Ronny,

das hab ich gefunden, dass der Button von xtc_image_button_inc. php produziert wird. Nur da drin wird auch nur ein Parameter String übergeben:

Code: PHP  [Auswählen]

// Output a function button in the selected language
  function xtc_image_button($image, $alt = '', $parameters = '') {

    return xtc_image('templates/'.CURRENT_TEMPLATE.'/buttons/' . $_SESSION['language'] . '/'. $image, $alt, '', '', $parameters);
  }

Komm mir vor wie ein Vollnoob, ich kreig nicht raus wo/wie das

Code: PHP  [Auswählen]

width="100" height="24"

da reinflutscht.

Gruß Tom

[scale]

Problem ist behoben:

Standard Css Werte im Style sheet auf 0 gesetzt:

Code: CSS  [Auswählen]

*
{
margin:0px auto;
padding:0;
border-collapse:collapse;
border-spacing:0;
vertical-align:top;
}

Und dann ein verfliktes pading:2px bei

Code: CSS  [Auswählen]

input {
font-family:Arial, Sans-serif;
font-size:12px;
        -moz-border-radius:2px;
        -webkit-border-radius:2px;  
        border-radius:2px;
    vertical-align: middle;
 
   
}

entfernt.

Jetzt sind alle Buttons auf einer Linie. Kommt daher, dass halt normale < href links mit Grafik als Button verwendet werden und Input Felder mit Grafik belegt - unterschiedliches padding udn Problem war da.

Gruß Tom