[Erledigt] input type text und input type image in einer Linie

scherpa747 · 16.09.2009, 11:50

Hallo,

ich hätte hier noch ein Problem, bei dem ich nicht weiter kommen.
Folgender Code:

Code:

<div>
  <input value="1" />
  <input src="http://localhost/shop/templates/yaml/buttons/german/button_in_cart.gif" type="image" />
  <img alt="" src="http://localhost/shop/templates/yaml/buttons/german/print.gif"/>
</div>

führt leider nicht dazu, dass das Feld und die zwei Buttons in einer Reihe dargestellt werden.
Das sieht leider so aus:

Ich habe es mit verschiednen Margins und Paddings schon versucht, auch die Bilder habe ich mit dem Grafik-Programm größer und kleiner gemacht. Aber alles hat nichts gefruchtet. Auch Größen-Änderungen beim <input> haben nicht den gewünschten Effekt erbracht.

Letztendlich soll das Ganze so aussehen:

Ich würde mich sehr freuen, wenn jemand für dieses Problem eine Lösung kennt.
Viele Grüße
Marianne

Ti-Systems · 16.09.2009, 12:02

Hallo,

Versuche mal das Input in einen separaten Container zu tun und dann dort einen padding-bottom machen..
Und das height-Attribut vom Input noch ein bisschen verändern, bis es stimmt.
Diese Probleme hatte ich auch schon und habe es so lösen können!

mfg Timo

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
variable mit onclick an php	drombusch	PHP Tipps 2009	8	30.08.2009 14:45
Text Ersetzen an anderer Stelle	phpde	Off-Topic Diskussionen	6	03.08.2009 20:12
CSS Layout mit 4 Buttons nebeneinander!!	Rambo02	HTML, Usability und Barrierefreiheit	7	27.07.2009 15:33
[Erledigt] Zeilenumbruch im Input type text???	Squall	PHP Tipps 2009	12	16.04.2009 15:59
input type text standart angewaehlt		HTML, Usability und Barrierefreiheit	4	19.02.2009 00:54
JavaScript/PHP: qooxdoo 0.7.1 - Teil 1 : Eine Einführung	Zergling-new	Tutorials	6	25.01.2008 10:41
CSS - Bild im div container überlappt andere container	Buschdieb	HTML, Usability und Barrierefreiheit	13	19.07.2007 23:17
Bilder Klasse	snatch-ic	Beitragsarchiv	1	13.06.2007 11:45
input type text: value beinhaltet Anführungszeichen	ph!l	HTML, Usability und Barrierefreiheit	4	24.04.2007 20:33
CSS - Design (clear - Problem)		HTML, Usability und Barrierefreiheit	7	21.12.2005 14:55
[Erledigt] Link		PHP Tipps 2005-2	10	20.07.2005 21:28
[Erledigt] durch Klick auf Text anderen Text einblenden		HTML, Usability und Barrierefreiheit	3	03.07.2005 14:41
DIV´s wollen nicht wie ich das will :-)		HTML, Usability und Barrierefreiheit	22	28.03.2005 18:36
Problem mit Wasserzeichen auf Bildern	pixelcut	PHP-Fortgeschrittene	16	14.12.2004 02:36

16.09.2009, 11:50
scherpa747 Neuer Benutzer Registriert seit: 16.09.2009 Beiträge: 4 PHP-Kenntnisse: Anfänger	[Erledigt] input type text und input type image in einer Linie Hallo, ich hätte hier noch ein Problem, bei dem ich nicht weiter kommen. Folgender Code: Code: <div> <input value="1" /> <input src="http://localhost/shop/templates/yaml/buttons/german/button_in_cart.gif" type="image" /> <img alt="" src="http://localhost/shop/templates/yaml/buttons/german/print.gif"/> </div> führt leider nicht dazu, dass das Feld und die zwei Buttons in einer Reihe dargestellt werden. Das sieht leider so aus: Ich habe es mit verschiednen Margins und Paddings schon versucht, auch die Bilder habe ich mit dem Grafik-Programm größer und kleiner gemacht. Aber alles hat nichts gefruchtet. Auch Größen-Änderungen beim <input> haben nicht den gewünschten Effekt erbracht. Letztendlich soll das Ganze so aussehen: Ich würde mich sehr freuen, wenn jemand für dieses Problem eine Lösung kennt. Viele Grüße Marianne


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

16.09.2009, 12:02
Ti-Systems Erfahrener Benutzer Registriert seit: 06.10.2008 Beiträge: 240 PHP-Kenntnisse: Fortgeschritten	Hallo, Versuche mal das Input in einen separaten Container zu tun und dann dort einen padding-bottom machen.. Und das height-Attribut vom Input noch ein bisschen verändern, bis es stimmt. Diese Probleme hatte ich auch schon und habe es so lösen können! mfg Timo __________________ ->> Wie funktioniert das eigentlich mit dem Debuggen? <<-