Top-Themen

Aktuelle Themen (A bis Z)

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Input Feld und Bild vertikal ausrichten

Frage Entwicklung CSS

Mitglied: nilius

nilius (Level 1) - Jetzt verbinden

08.07.2009, aktualisiert 13:04 Uhr, 7254 Aufrufe, 3 Kommentare

Input Feld soll vertikal mit einem Image ausgerichtet werden

Hallo zusammen,

Ich hab ein kleines Problem und auch keine wirkliche Lösung im Netz gefunden, obwohl dies ein durchaus häufiges Problem sein müßte.

In einem DIV soll ein Input Feld mit einem anschliessenden Bild vertikal ausgerichtet werden. Verbindet man beide Elemente wird das Bild immer oben ausgerichtet und das Input Feld unten. Tabelle wäre eine Lösung, will ich aber vermeiden.
Hat jmd eine Idee wie das mit CSS umsetzbar ist.

Beispiel

01.
<div class="txt-images"> 
02.
     <input type="text" name="threads_title" value="" size="40" class="input" /> 
03.
     <img src="ico_tip.png" border="0" title="Gib einen Titel für deinen Eintrag an."> 
04.
<div >
Mitglied: dog
08.07.2009 um 13:10 Uhr
Wende mal folgende Property auf das img-Tag an:

http://www.css4you.de/Texteigenschaften/vertical-align.html

Grüße

Max
Bitte warten ..
Mitglied: godlie
08.07.2009 um 13:34 Uhr
Hallo,

ich wünsch dir jetzt schon viel spaß damit weil die vertikale zentrierung sowas von verbugged ist
Hattte ähnliches zu erledigen mit einem Bild und einem Text,
die Lösung war dann einfach den Text in das Bild zu setzen.
Du könntest auch dein Bild als hintergrund definieren für den div bereich ,
das bild dementsprechend anpassen das es mittig steht.
Alles andere ist so ein gemurkse ......

man möge mich eines besseren belehren.

mfg
Bitte warten ..
Mitglied: nilius
08.07.2009 um 13:54 Uhr
die Ausrichtung funktioniert, nur wird das Image nicht im Span gehalten und ist trotzdem oben...

als BG ist zwar in Ordnung, erfüllt dann aber nicht mehr seinen Zweck, das Image soll auch gleich als Tooltip herhalten. Wenn man ein Bild verwendet das kleiner ist als das Input Feld, dann gehts gerade so... aber ich wollte es gleich gross haben....
Bitte warten ..
Ähnliche Inhalte
CSS
Schrift in div-Tag vertikal mittig ausrichten
gelöst Frage von trallerCSS1 Kommentar

Hallo, ich möchte eine Textzeile in einem div-Tag vertikal mittig ausrichten. Bekanntlich funktioniert "vertical-align:middle" hier nicht. wie bekomme ich ...

JavaScript
Wie kann ich mit jquery einem input feld einen event mit einer Function hinzufügen?
gelöst Frage von datadexxJavaScript12 Kommentare

Hallo zusammen, leider finde ich nichts im Netz und probiert hab ich (meiner Meinung nach) auch bereits alles Folgendes ...

Python
Schmale vertikale Scrolleiste
gelöst Frage von 132232Python6 Kommentare

Sehr geehrtes Forum, Auf meinem Laptop läuft Linux Mint 18 Sarah Cinnamon 64-bit als Betriebssystem. Zum Installieren zusätzlicher Software ...

Switche und Hubs
Switch mit PoE-Input
gelöst Frage von Fenris14Switche und Hubs11 Kommentare

Guten Tag, ich bin derzeit auf der Suche nach einem Switch der über PoE mit Strom versorgt wird und ...

Neue Wissensbeiträge
Windows 10

Windows 10 Fall Creators Update - Neue Funktion Hyper-V Standardswitch kann ggf. Fehler bei Proxy Configs verursachen

Erfahrungsbericht von rzlbrnft vor 9 StundenWindows 102 Kommentare

Hallo Kollegen, Da wir die Gefahr lieben, haben wir bei einigen Usern nun mittlerweile das Creators Update drauf. Einige ...

Sicherheit

TLS-Zertifikat und privater Schlüssel von Microsofts Dynamics 365 geleakt

Information von Penny.Cilin vor 11 StundenSicherheit

Microsoft hat versehentlich das TLS-Zertifikat inklusive dem privaten Schlüssel seiner Business-Anwendung Dynamics 365 geleakt. TLS-Zertifikat und privater Schlüssel von ...

Viren und Trojaner

Deaktivierter Keylogger in HP Notebooks entdeckt

Information von bitcoin vor 1 TagViren und Trojaner3 Kommentare

Ein Grund mehr warum man Vorinstallationen der Hersteller immer blank bügeln sollte Der deaktivierte Keylogger findet sich im vorinstallierten ...

Router & Routing

Lets Encrypt kommt auf die FritzBox

Information von bitcoin vor 1 TagRouter & Routing

In der neuesten Labor-Version der FB7490 integriert AVM unter anderem einen Let's Encrypt Client für Zugriffe auf das Webinterface ...

Heiß diskutierte Inhalte
Netzwerkmanagement
Firefox Profieles im Roaming
gelöst Frage von Hendrik2586Netzwerkmanagement17 Kommentare

Hallo liebe Leute. :) Ich hab da ein kleines Problem, welches anscheinend nicht unbekannt ist. Wir nutzen hier in ...

Netzwerkmanagement
NAS über zwei weitere Ethernet Anschlüsse verbinden
gelöst Frage von Sibelius001Netzwerkmanagement15 Kommentare

Sorry - ich bin hier wahrscheinlich als kompetter IT Trottel unterwegs. Aber eventuell kann mir jemand ganz einfach helfen: ...

LAN, WAN, Wireless
Häufig Probleme beim Anmelden in WLAN
Frage von mabue88LAN, WAN, Wireless15 Kommentare

Hallo zusammen, in einem Netzwerk gibt es relativ häufig (1-2 mal pro Woche) Probleme mit der WLAN-Verbindung. Zunächst mal ...

Netzwerkgrundlagen
Hi eine blöde frage. xD
Frage von 132954Netzwerkgrundlagen12 Kommentare

Also: Habe 2012 r2 essentials neuinstalliert, allerdings installiert diese version ja gleich diesen gangen AD kram mit, den hab ...