Textboxen mit CSS?
Redaktionelle Einordnung
Diese archivierte Diskussion behandelt Textboxen mit CSS? aus Sicht der Rubrik HTML5 & CSS.
Die Diskussion bleibt als Archiv nutzbar. Für die aktuelle Bewertung empfehlen sich ergänzend neuere Artikel, Tools oder eine konkrete Analyse.
Sinnvoll nutzbar bleibt der Thread vor allem als historischer Kontext, für typische Fragestellungen und zur Einordnung älterer Empfehlungen.
Einige im historischen Thread genannte Tools, Dienste oder externe Links könnten heute nicht mehr verfügbar oder inhaltlich überholt sein. Nutzen Sie sie bitte nur mit zusätzlicher Prüfung.
Startbeitrag
Archivierter Thread aus dem Seitenreport-Forum.
Hallo Forum,
langsam verzweifle ich. Ich möchte mittels CSS Textboxen oder besser Textfelder erstellen, wie sie bisher unter meinen Bildern sind. EINE bekomme ich ja gerade noch hin. Aber keine Zweite daneben.
Alle Boxen rutschen dann immer nach unten...
Bisher bin ich weder durch Ausprobieren, noch durch tagelanges Suchen weitergekommen.
Danke für die Hilfe
Andreas
Beispiel: kabinettfoto.de/html/damen.html
Antworten
8 BeiträgeIch muss zugeben, ich weiß nicht genau, worauf du hinauswillst. Was willst du erreichen und wo genau liegt das Problem? Gibt es vielleicht eine Beispielseite, wo das Problem sichtbar ist?
Hallo Andreas
Es gefällt mir einfach nicht daran erinnert zu werden das man noch Seiten umstellen wollte.
Prinzipiell würde ich eine Liste dafür nehmen und halt eben display:inline-block verwenden um solche Blöcke zu erzeugen. Hat den Vorteil das man nicht jedes einzelne Element positionieren muss. Die Lösung ist aber nichts wenn du den IE 6 noch unterstützen willst.
Ich habe die Sache aber auch noch nicht richtig abgeshlossen deshalb ist der Code nur ein Gedankenanstoss.
[html]
[/html]
[css]
<style> <br />#game ul {margin:auto;} <br />#game li {overflow:auto;margin:5px;padding:5px;text-align:center;vertical-align:top;font-size:80%;display:inline-block;width:180px;height:180px;border:1px solid #00ff00;} <br /></style>[/css]
Gruß
Jörg
@ Joerg
Vielen Dank. Werde es gleich mal probieren.
@ UFOMelkor
Beispiel ist zu sehen unter "Beispiel"
Gruß
Andreas
scorpios schrieb:
@ UFOMelkor
Beispiel ist zu sehen unter "Beispiel"
Gruß
Andreas
Hallo Andreas,
unter Beispiel war auf Deiner Seite nichts zu sehen, was Du für ein Problem hast. Hier wäre es besser gewesen, Du hättest einen missglückten Versuch für kurze Zeit online gelassen, oder einen Screenshot gemacht. So kann man nur Vermutungen anstellen.
hansen
Nepal Rundreisen
Dank an das Forum.
Problem gelöst. (Nächstes Mal frage ich eine Woche früher
Jetzt noch 122 Seiten neu schreiben und schon bin ich fertig....
Ein schönes Wochenende
Andreas
Hallo Andreas
Abgesehen von dem Vergnügen die 122 Seiten zu überarbeiten wäre es für andere vielleicht auch interressant, wenn sie vor demselben Problem stehen eine Lösung dann präsentiert zu sehen.
Gruß
Jörg
Hallo Joerg,
wird erledigt. Aber heute amüsiere ich mich mit meinen neuesten Bildern.
Einen schönen Sonntag noch
Andreas
Hach, immer dieser Gruppendruck...
Also meine Lösung sieht so aus:
#apDiv1 {
position:absolute;
top:275px;
width:110px;
height:50px;
z-index:1;
margin-left: 50%;
margin-right: 50%;
left: -294px;
font: 9px Arial;
color: #FFFFCC;
}
#apDiv2 {
position:absolute;
left:-172px;
top:275px;
width:110px;
height:50px;
z-index:2;
margin-left: 50%;
margin-right: 50%;
font: 9px Arial;
color: #FFFFCC;
}
und so fort.
Das geht bestimmt noch eleganter, aber es funktioniert.
Der komplette (noch nicht bereinigte Code) ist ja über den Quellcode zu erreichen
Bin aber erst bei den "Damen" so weit. Den Rest werde ich schön über die Woche verteilen.
Und sogar der IE zickt ausnahmsweise mal nicht rum.
Einen schönen Restsonntag
Andreas
(Das ist der, der es langsam lernt )