Du bist hier: Seitenreport    Forum    Web-Entwicklung    (X)HTML & CSS    Textboxen mit CSS?

Textboxen mit CSS?

Verfasst am: 19. 06. 2010 [13:57]
scorpios
Dabei seit: 22.11.2009
Themenersteller

68 Beiträge
Beitrag hilfreich?

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: http://kabinettfoto.de/html/damen.html

 
Verfasst am: 19. 06. 2010 [14:36]
UFOMelkor
Dabei seit: 20.10.2009

348 Beiträge
Beitrag hilfreich?

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?

 
Verfasst am: 19. 06. 2010 [14:39]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

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
<ul id="game">
<li><a href="/karten/v/v/absturz_der_k_33_v_v.jpg"><img src="/karte/absturz_der_k_33_v_v.jpg" alt="Absturz der K-33" /></a><p><a href="/wiki/index.php?title=Absturz_der_K-33" title="Absturz der K-33">Absturz der K-33</a></p></li>
<li><a href="/karten/v/v/administrator_mansrin_v_v.jpg" title="Administrator Mansrin"><img src="/karte/administrator_mansrin_v_v.jpg" alt="Administrator Mansrin" /></a><p><a href="/wiki/index.php?title=Administrator_Mansrin" title="Administrator Mansrin">Administrator Mansrin</a></p></li>
<li><a href="/karten/v/v/adventurous_v_v.jpg" title="Adventurous"><img src="/karte/adventurous_v_v.jpg" alt="ADVENTUROUS" /></a><p><a href="/wiki/index.php?title=ADVENTUROUS" title="ADVENTUROUS">ADVENTUROUS</a></p></li>
</ul>


CSS
<style>
#game ul {margin:auto;}
#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;}
</style>


Gruß
Jörg

 
Verfasst am: 19. 06. 2010 [15:04]
scorpios
Dabei seit: 22.11.2009
Themenersteller

68 Beiträge
Beitrag hilfreich?

@ Joerg
Vielen Dank. Werde es gleich mal probieren.

@ UFOMelkor
Beispiel ist zu sehen unter "Beispiel" wink.gif

Gruß
Andreas

 
Verfasst am: 19. 06. 2010 [15:11]
hansen
Dabei seit: 18.05.2009

1425 Beiträge
Beitrag hilfreich?

scorpios schrieb:


@ UFOMelkor
Beispiel ist zu sehen unter "Beispiel" wink.gif

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


 
Verfasst am: 19. 06. 2010 [16:19]
scorpios
Dabei seit: 22.11.2009
Themenersteller

68 Beiträge
Beitrag hilfreich?

Dank an das Forum.
Problem gelöst. (Nächstes Mal frage ich eine Woche früher wink.gif
Jetzt noch 122 Seiten neu schreiben und schon bin ich fertig....


Ein schönes Wochenende

Andreas

 
Verfasst am: 20. 06. 2010 [13:24]
joerg
Dabei seit: 09.06.2009

1540 Beiträge
Beitrag hilfreich?

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

 
Verfasst am: 20. 06. 2010 [13:49]
scorpios
Dabei seit: 22.11.2009
Themenersteller

68 Beiträge
Beitrag hilfreich?

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


Einen schönen Sonntag noch

Andreas

 
Verfasst am: 20. 06. 2010 [18:04]
scorpios
Dabei seit: 22.11.2009
Themenersteller

68 Beiträge
Beitrag hilfreich?

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 wink.gif )

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 20.06.2010 um 18:14.]

 




Du bist nicht eingeloggt. Bitte beachte, dass Du eingeloggt sein musst, um Themen zu erstellen oder auf Beiträge zu antworten.

RSS Feed abonnieren

Werde in Echtzeit über neue Foren-Beiträge informiert:



1 Mitglied war innerhalb der letzten 15 Minuten online (15 heute gesamt):
HundeschuleFlöchen

Administratoren und Moderatoren:
[keine]

Seitenreport hat 18161 registrierte Mitglieder, 3005 Themen und 29117 Beiträge.
Der aktuelle Mitgliederzuwachs liegt bei durchschnittlich 13 bestätigten Neuregistrierungen pro Tag.
Pro Tag werden im Seitenreport Forum durchschnittlich 1 neues Thema und 7 Beiträge erstellt.
Die Durchschnittszahlen berechnen sich aus den letzten 7 Tagen.

Mehrfach empfohlen

Seitenreport ist einer der bekanntesten SEO und Website Analyse Dienste im deutschsprachigen Raum und wurde u.a. schon empfohlen:
von Mr. Wong im Wong Letter
vom Leserservice der Deutschen Post
vom Technik Blog SiN
und vielen anderen

Partnerprogramm

12% Lifetime Provision auf alle Buchungen von Dir geworbener Mitglieder sowie 0,50 € für jede Registrierung. Eines der besten deutschen Partnerprogramme laut den appCharts von 100partnerprogramme.de. Nimm jetzt teil am Seitenreport Partnerprogramm und verdiene gutes Geld dabei!

* = Partnerlinks