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, 5214 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
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 ...

Sonstige Systeme

Adobe Acrobat Professional 7 kopierten Text einfügen wird erst bei Doppelklick auf das Textfeld sichtbar

Frage von cramtroniSonstige Systeme3 Kommentare

Guten Tag zusammen, ich habe ein kleines Problem, ist wohl nur eine Einstellungssache, ich möchte gerne in eine PDF ...

Datenbanken

Access 2010 Textfeld automatisch aktualisieren

gelöst Frage von Dr.CornwallisDatenbanken2 Kommentare

Liebe Gemeinde, auf einem Formular befinden sich 2 Textfelder, 1. Feld: txtDatumPicker hier wird ein Datum eingetragen(kurz), also zb. ...

Microsoft Office

Access Bericht Steuerelementeninhalt im Textfeld

gelöst Frage von bluepythonMicrosoft Office4 Kommentare

Hallo, stehe vor folgendem Problem: Tabelle "tbl_benutzer" Name Tebelle "tbl_Projekte" ProjektID Die Tabelle "tbl_Projekte" wird über ein Formular gefüllt, ...

Neue Wissensbeiträge
Humor (lol)
Preisvertipper
Information von Dilbert-MD vor 1 TagHumor (lol)6 Kommentare

Moin! weil heute Freitag ist, zeige ich Euch den Preisvertipper der Woche: vergesst den Acer Predator 21x, der ist ...

Windows Update
Sicherheitsupdate für SQL Server 2014 SP3
Information von sabines vor 2 TagenWindows Update2 Kommentare

Für den SQL Server 2014 existiert ein Sicherheitsupdate. Laut KB Artikel wird es als CU3 angezeigt: Server 2014 SP3 ...

Backup

Veeam Agent für MS Windows - neue Version verfügbar (bedingt jedoch offenbar .NET Framework 4.6)

Information von VGem-e vor 3 TagenBackup1 Kommentar

Moin Kollegen, einer unserer Server zeigte grad an, dass für o.g. Software ein Update verfügbar ist. Ob ein evtl. ...

Python

Sie meinen es ja nur gut - Microsoft hilft python-Entwicklern auf unnachahmliche Weise

Information von DerWoWusste vor 4 TagenPython2 Kommentare

Stellt Euch vor, Ihr nutzt python unter Windows 10 und skriptet damit regelmäßig Dinge. Nach dem Update auf Windows ...

Heiß diskutierte Inhalte
Windows Update
WSUS - erforderlich Updates
Frage von emeriksWindows Update24 Kommentare

Hi, ein gängiges Verfahren, welche Updates man am WSUS-Server genehmigen soll und welche nicht, beruft sich darauf, dass man ...

Off Topic
Installationskosten Verkabelung
Frage von Xaero1982Off Topic14 Kommentare

Moin Zusammen, ich bräuchte mal ein paar Meinungen, weil ich mir da gerade echt nicht ganz sicher bin. Ich ...

Debian
Alle Verbindungen bis auf eine IP Adresse blockieren
Frage von BananenmeisterDebian13 Kommentare

Hallo Zusammen, Ich habe einen Hyper-V Server auf dem ein debian (ohne desktop) läuft. Dort drauf ist ein Webserver ...

Windows 7
Windows 7: Keine Anmeldung mehr möglich
Frage von hreinartWindows 711 Kommentare

hallo, bei meinem win7 rechner (medion laptop) kann ich mich nicht mehr anmelden. er fährt ohne fehlermeldungen hoch, bringt ...