Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

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, 7250 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
Python
gelöst Schmale vertikale Scrolleiste (6)

Frage von 132232 zum Thema Python ...

Entwicklung
Seite automatisch wieder ausrichten mit css oder javascript? (2)

Frage von rababar2014 zum Thema Entwicklung ...

C und C++
Arduino "Serial input zu analogwrite" (1)

Frage von Zerou24 zum Thema C und C ...

Batch & Shell
gelöst Zusammenführen mehrere Felder, Datei auswählen (3)

Frage von GeoSem zum Thema Batch & Shell ...

Neue Wissensbeiträge
Ubuntu

Ubuntu 17.10 steht zum Download bereit

(3)

Information von Frank zum Thema Ubuntu ...

Datenschutz

Autofahrer-Pranger - Bewertungsportal illegal

(8)

Information von BassFishFox zum Thema Datenschutz ...

Windows 10

Neues Win10 Funktionsupdate verbuggt RemoteApp

(8)

Information von thomasreischer zum Thema Windows 10 ...

Microsoft

Die neuen RSAT-Tools für Win10 1709 sind da

(2)

Information von DerWoWusste zum Thema Microsoft ...

Heiß diskutierte Inhalte
Monitoring
Netzwerk-Monitoring Software (18)

Frage von Ghost108 zum Thema Monitoring ...

Windows 10
Seekrank bei Windows 10 (17)

Frage von zauberer123 zum Thema Windows 10 ...

Windows Server
gelöst Kopiervorgang schlägt fehl, weil Datei- und Ordnername zu lang sind (14)

Frage von Schroedi zum Thema Windows Server ...

Windows 10
Windows 10 Fall Creators Update Fehler (13)

Frage von ZeroCool23 zum Thema Windows 10 ...