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

gelöst Text-Textfeld-Text in einer Zeile - Textfeld soll Freiraum ausfüllen

Mitglied: Melkos-Sohn

Melkos-Sohn (Level 1) - Jetzt verbinden

18.09.2007, aktualisiert 04.10.2007, 5112 Aufrufe, 5 Kommentare

Ich habe ein Div mit einer Breite von 510 Pixeln definiert. Innerhalb dieses Divs soll es jetzt eine Zeile geben, in dem vor einem Textfeld (input type=text) ein Text steht und dahinter auch. Der hintere Text soll am rechten Ende dieser Zeile stehen, der vordere am linken Ende, das Textfeld soll den Rest der Breite ausmachen.
Da ich schon jede Menge Varianten ausprobiert habe, bitte ich euch darum, mir eine Lösung mit komplettem Code zu geben. Ich habe zwar schon eine Lösung mit einer Tabelle, aber eigentlich wollte ich darauf verzichten.

Vielen Dank im Voraus
Melko's Sohn

So stelle ich mir das vor, das Blaue ist das übergeordnete Div:
9a2df9f1658d2a982bd206677e6c2f03-textfeldzeile - Klicke auf das Bild, um es zu vergrößern
Mitglied: Dani
18.09.2007 um 20:12 Uhr
Hi Melko's Sohn,
könntest du vlllt. dein Vorhaben mit eine Bildchen (z.B. Paint) verdeutlichen?? Kann es mir nicht ganz vorstellen. Zuästzlich vllt. noch den Quellcodes Div's (512px) einstellen.


Grüße
Dani
Bitte warten ..
Mitglied: Melkos-Sohn
19.09.2007 um 06:53 Uhr
Hallo Dani!

Vielen Dank für deine Antwort. Ein Bild habe ich in meinen ersten Eintrag gepackt, hier noch eines von den vielen Code-Beispielen, die ich inzwischen ausprobiert habe (bei dem allerdings noch fehlt, dass das Textfeld die größtmögliche Breite annimmt):

01.
<div style="width:510px;"> 
02.
      <span style="float:left;">Text1</span> 
03.
      <input type="text" style="float:left;" /> 
04.
      <span style="float:right;">Text2</span> 
05.
</div>
Auf die Spans kann ich meiner Meinung nach nicht verzichten, weil die beiden Texte verschieden eingefärbt werden sollen.
Bitte warten ..
Mitglied: Melkos-Sohn
04.10.2007 um 03:06 Uhr
So, ich hab es jetzt geschafft. Ein Div erfüllt in meinem Fall den selben Zweck wie ein Textfeld, der Rest ist mit CSS ganz einfach zu bewerkstelligen.

Grüße
Melko's Sohn
Bitte warten ..
Mitglied: Dani
04.10.2007 um 11:02 Uhr
Moin!
Sry, dich habe ich total vergessen. Kommt nicht mehr vor... *g*
Könntest du bitte noch den kompletten Quellcode poste, da die Nachwelt auch etwas davon haben soll.


Grüße
Dani
Bitte warten ..
Mitglied: Melkos-Sohn
04.10.2007 um 16:04 Uhr
01.
<div style="width:200px"> 
02.
        <div style="float:left;">Nummer1</div> 
03.
        <div style="float:right;">Ende</div> 
04.
        <div style="overflow:hidden;word-wrap:break-word;">Dasallesallesundnochvielmehrf&uuml;lltallesaus</div> 
05.
</div>
Das Interessante daran ist der Befehl word-wrap, den ich erst jetzt gefunden habe. Overflow trennt eigentlich ganze Worte nicht, mit word-wrap wird das möglich gemacht (getestet in den aktuellen Browsern IE, Opera und FF).
Bitte warten ..
Ähnliche Inhalte
VB for Applications
Suchen in Word-Textfeldern
gelöst Frage von MarcoBornVB for Applications17 Kommentare

Hallo Forum, ich habe folgendes Problem. In einer Word-Datei habe ich pro Seite normalen Text und jeweils ein Textfeld. ...

Batch & Shell

Doppelte Zeilen in Text-Datei löschen

gelöst Frage von reckheimBatch & Shell15 Kommentare

Hallo ich schreibe lange Übersetzungsprogramme in FoxPro in unten folgender Text-Datei-Form. Die Datei ist allerdings durch Zusammenführung verschiedener Versionen ...

Microsoft Office

Absatz in Textfeld deaktivieren

gelöst Frage von eraiserMicrosoft Office6 Kommentare

Hallo, ich kämpfe gerade mit dem erstellen einer Briefvorlage in MS Office Word 2016. Da die Vorlage zukünftig aus ...

Datenbanken

MySQL Grösse eines Textfeldes

gelöst Frage von ChrisFahDatenbanken1 Kommentar

Hallo, leider habe ich wieder ein Mysql Datenbank Problem: Ich habe ein grosses Array mit mehreren tausend Textbausteinen. Dieses ...

Neue Wissensbeiträge
SAN, NAS, DAS
QNAP NAS Datenschutz-Loop nach Firmware-Update
Tipp von vanTast vor 3 StundenSAN, NAS, DAS

Moin, im allgemeinen Trend seine geänderten Datenschutzbedingungen den Kunden zukommen zu lassen kam die Firma QNAP auf die glorreiche ...

Datenschutz
DSGVO Datenschutzgesetz
Anleitung von 1Werner1 vor 4 StundenDatenschutz4 Kommentare

Moin, ja was ist das, da ist die DSGVO Datenschutzverordnung. Wie das Gesetz gibt es schon 2 Jahre? Nun ...

CPU, RAM, Mainboards
Neverending story
Tipp von keine-ahnung vor 1 TagCPU, RAM, Mainboards1 Kommentar

Da kommt man mit dem fixen gar nicht mehr hinterher und die CPU erreichen wieder Rechenleistungen im Bereich des ...

Multimedia & Zubehör
AVM Fritz USB WLAN Sticks schneller einschalten
Tipp von NetzwerkDude vor 3 TagenMultimedia & Zubehör4 Kommentare

Die AVM Fritz WLAN Sticks haben in der Firmware 2 Modis: Einmal als Massenspeicher und einmal als WLAN Netzwerkkarte ...

Heiß diskutierte Inhalte
PHP
Nach Umzug zu 1und1 bekomme ich beim Eintrag in die DB Tabelle folgenden Fehler
gelöst Frage von jensgebkenPHP35 Kommentare

INSERT command denied to user 'dbo45342345342231244'@'112.127.102.073' for table 'orders'

LAN, WAN, Wireless
Powerline über zwei Stockwerke optimieren
Frage von DultusLAN, WAN, Wireless29 Kommentare

Guten Morgen liebes Forum, ich hätte einmal eine Frage bezüglich Powerline Adapter: Mein Problem ist seit gestern präsent, da ...

Windows Userverwaltung
Problem mit Benutzerprofil
Frage von lieferscheinWindows Userverwaltung24 Kommentare

Guten Tag liebe Community, folgendes Problem habe ich: User meldet sich auf Client A an - sein Homelaufwerk verbindet. ...

Rechtliche Fragen
DSGVO - Impressum und Datenschutz auf Anmeldeseiten notwendig?
Frage von StefanKittelRechtliche Fragen20 Kommentare

Hallo, was mit gerade eingefallen ist. Muss man auf Anmeldeseiten auch ein Impressum und Datenschutzhinweis haben? Auch hier wird ...