scorpios
Avatar scorpios
Themenersteller
Metallbauermeister
Fortgeschrittener (66 Beiträge)

Textboxen mit CSS?

am 19.06.2010, 13:57 Uhr eröffnete scorpios folgenden Thread
HTML5 & CSS    2093 mal gelesen    8 Antwort(en).

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


http://kabinettfoto.de

UFOMelkor
Avatar UFOMelkor
Student
Content Meister (350 Beiträge)
am 19.06.2010, 14:36 Uhr schrieb UFOMelkor

Ich 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?


Naturkosmetik in Bochum

Steppenhahn Ultramarathon-Community

joerg
Avatar joerg
Fachinformatiker Anwendungsentwicklung
Content Gott (1941 Beiträge)
am 19.06.2010, 14:39 Uhr schrieb joerg

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


Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools

scorpios
Avatar scorpios
Metallbauermeister
Fortgeschrittener (66 Beiträge)
am 19.06.2010, 15:04 Uhr schrieb scorpios

@ Joerg
Vielen Dank. Werde es gleich mal probieren.

@ UFOMelkor
Beispiel ist zu sehen unter "Beispiel"

Gruß
Andreas


http://kabinettfoto.de

hansen
Foren Moderator
Content Gott (1886 Beiträge)
am 19.06.2010, 15:11 Uhr schrieb hansen

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

scorpios
Avatar scorpios
Metallbauermeister
Fortgeschrittener (66 Beiträge)
am 19.06.2010, 16:19 Uhr schrieb scorpios

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


http://kabinettfoto.de

joerg
Avatar joerg
Fachinformatiker Anwendungsentwicklung
Content Gott (1941 Beiträge)
am 20.06.2010, 13:24 Uhr schrieb joerg

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


Zufällige Umleitung zu der Startseite einer meiner Domains
Meine ungewöhnlichen Tools

scorpios
Avatar scorpios
Metallbauermeister
Fortgeschrittener (66 Beiträge)
am 20.06.2010, 13:49 Uhr schrieb scorpios

Hallo Joerg,
wird erledigt. Aber heute amüsiere ich mich mit meinen neuesten Bildern.


Einen schönen Sonntag noch

Andreas


http://kabinettfoto.de

scorpios
Avatar scorpios
Metallbauermeister
Fortgeschrittener (66 Beiträge)
am 20.06.2010, 18:04 Uhr schrieb scorpios

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 )


http://kabinettfoto.de

  • 1


« zurück zu: HTML5 & CSS

Das Seitenreport Forum hat aktuell 5275 Themen und 36110 Beiträge.
Insgesamt sind 48360 Mitglieder registriert.