zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Bild innerhalb eines Textfeldes platzieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.12.2009, 20:55
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard Bild innerhalb eines Textfeldes platzieren

Hallo!

Ich habe diesen Code:
Code:
<form action="form.php" method="get">
<input type="text" name="query" size="25" class="text" value="" />
<input style="border:0;" type="image" src="suchen.jpg" alt="" />
</form>
Damit habe ich das Bild rechts vom Textfeld platziert. Ich möchte es aber im Textfeld platzieren. Wer möchte mir dabei helfen?

//EDIT

Könnte es so gehen:

1) Rahmen von Textfeld unsichtbar machen.
2) Bild rechts davon platzieren
3) DIV um Textfeld und Bild
4) Rahmen von DIV einfärben

//EDIT2

Code:
<form action="/form.php" method="get" style="width:300px; border:1px solid black; padding:5px;">
<input style="background:white; border:0;" type="text" name="query" size="30" value="" />
<input style="background:white; border:0;" type="image" src="search.png" alt="Search" title="Search" />
</form>
Soweit komme ich alleine. Problem dabei: size="30" interpretiert jeder Browser anders sodass width:300px mal zuviel, mal zuwenig ist. Wie kriege ich das gelöst? Bitte.

Gruß,
Thomas

Geändert von thomas78 (15.12.2009 um 21:57 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 17.12.2009, 12:13
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

Niemand?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 17.12.2009, 12:34
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

size brauchst Du eh nicht, input kann per CSS eine Breite bekommen.

Bei weiteren Fragen poste mal einen Link.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #4 (permalink)  
Alt 17.12.2009, 13:54
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

Ah, guter Tip.

Wie findest du das Ergebnis? Kann man das noch besser lösen?

Code:
<form action="/form.php" method="get" style="width:320px; border:1px solid black; padding:5px;">
<input style="background:white; border:0; width:299px;" type="text" name="query" value="" />
<input style="background:white; border:0; outline:none; vertical-align:middle;" type="image" src="search.png" alt="Search" title="Search" />
</form>
Angehängte Grafiken
Dateityp: png search.png (734 Bytes, 27x aufgerufen)
Mit Zitat antworten
  #5 (permalink)  
Alt 17.12.2009, 13:57
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ich bastle nicht Bau das mal zusammen und poste den Link.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #6 (permalink)  
Alt 17.12.2009, 14:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

*hmpf*

Ok, hier: Search Form Test

EDIT:

Merkwürdig, das Konstrukt lässt sich irgendwie nicht rechts ausrichten?

Geändert von thomas78 (17.12.2009 um 15:22 Uhr)
Mit Zitat antworten
  #7 (permalink)  
Alt 17.12.2009, 15:05
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Dein Link geht nicht.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #8 (permalink)  
Alt 17.12.2009, 15:22
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

Sorry. Versuche es bitte jetzt nochmal.

Geändert von thomas78 (17.12.2009 um 15:59 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 17.12.2009, 16:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Als erstes bitte einen Doctype (Google), und kein Inline-CSS. Dann siehe http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html "CSS-Prolog". Und was soll wie rechts ausger. werden?
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 17.12.2009, 17:18
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.09.2009
Beiträge: 41
thomas78 befindet sich auf einem aufstrebenden Ast
Standard

So, habs geändert.

Nach rechts, also an den rechten Rand des Browser-Fensters soll das Suchfeld.

EDIT:

Ok, auf ein text-align:right; reagiert das Formular nicht. Wohl aber auf ein div align="right".

Geändert von thomas78 (17.12.2009 um 17:39 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild durch Bild ersetzten! (a:hover) Prof. Awesome CSS 11 16.03.2011 15:33
Bild über Bild rafa CSS 2 24.01.2010 19:46
mehrere Bilder innerhalb eines divs horizontal mittig platzieren a-i-r CSS 2 09.12.2009 15:24
Bild links und rechts unten neben der Hp platzieren DiHo (X)HTML 3 24.10.2008 21:37
bild innerhalb eines divs zentrieren zitronenbaum CSS 3 23.08.2006 14:56


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:12 Uhr.