Supportnet / Forum / Webseiten/HTML
Textfelder
Frage
Hallo!
Folgendes: ich versuche auf einer seite Textfelder mit farbigem Hintergrund zu erstellen. Also nicht wie bei formularen sone Textareas, sondern einfach nur das da ein Kasten ist der Farbe hat und in dem etwas Text ist. Bisher habe ich es nur geschafft das sich dann ein farbiger Balken von links nach recht zieht aber ich möchte dne ja nur an einer Stelle in einer bestimmten größe haben...
Dann noch gleich dazu..wie richte ich diese aus das sie sich auch an einer Ecke überschneiden? (Designgründe)
ICh danke schonmal für eure Hilfe!!
Antwort 1 von Feuervogel
öhm, also ich weiß dass das, was du haben willst, sicher mit css geht. zumindest dein erstes problem. aber ich weiß nicht, was du willst...eine textarea? einen kasten? ein textfield?
und wie ist das überschneiden gemeint?
und wie ist das überschneiden gemeint?
Antwort 2 von Feuervogel
also...nach mehrmaligen durchlesen:
du willst text mit farbigem hintergrund und einem rahmen drumrum? dann nimm mal eine tabelle. die dann wie folgt aussieht:
dann hast du den farbigen "kasten"...
und überschneiden sollen die sich? das ist schon etwas komplizierter...
vielleicht postest du mal das, worums hier geht...danke!
du willst text mit farbigem hintergrund und einem rahmen drumrum? dann nimm mal eine tabelle. die dann wie folgt aussieht:
<table cellpadding="0" cellspacing="0" width="100px" height="200px" style="border:1px;border-color:#000000;border-style:solid;background-color:#00FF00">
<tr>
<td style="font:arial;color:#FF0000>
das ist nun dein text mit farbigem hintergrunde
</td>
</tr>
</table>
dann hast du den farbigen "kasten"...
und überschneiden sollen die sich? das ist schon etwas komplizierter...
vielleicht postest du mal das, worums hier geht...danke!
Antwort 3 von Friedel
LOL
Antwort 4 von ChSt
Aalso, danke schonmal, hat mir sehr geholfen!
Was mein zweites Prob ist: Es soll noch ein Zweiter Kasten dazu. Die beiden kästen sollen sich dann an den ecken überschneiden... verstanden? oder noch zu undeutlich? jedenfalls würde es so besser aussehen als wenn die nur direkt aneinander liegen würden...
danke!
Was mein zweites Prob ist: Es soll noch ein Zweiter Kasten dazu. Die beiden kästen sollen sich dann an den ecken überschneiden... verstanden? oder noch zu undeutlich? jedenfalls würde es so besser aussehen als wenn die nur direkt aneinander liegen würden...
danke!
Antwort 5 von Feuervogel
okay, überschneiden geht nicht.
die tabellen liegen auf einer ebene, da geht das nicht. du kannst sie m.e. nicht übereinander legen...aber vielleicht kann dir da ja wer anders weiterhelfen?
die tabellen liegen auf einer ebene, da geht das nicht. du kannst sie m.e. nicht übereinander legen...aber vielleicht kann dir da ja wer anders weiterhelfen?
Antwort 6 von Griemokhan
Hat ChSt auch ne Emailadresse?
Antwort 7 von derpfleger
@ChSt:
um Friedels "LOL" richtig zu deuten(?):
schau dir doch mal auf seiner Homepage unter dem Menuepunkt "HTML-Crashkurs" den Unterabschnitt "Absatzformatierung" an, scrolle mal ganz nach unten, vielleicht ist das ja die Form der Überschneidung, nach der du suchst?
Gruss auch an Friedel
Heiko
um Friedels "LOL" richtig zu deuten(?):
schau dir doch mal auf seiner Homepage unter dem Menuepunkt "HTML-Crashkurs" den Unterabschnitt "Absatzformatierung" an, scrolle mal ganz nach unten, vielleicht ist das ja die Form der Überschneidung, nach der du suchst?
Gruss auch an Friedel
Heiko
Antwort 8 von googlehupf
beispiel (mit überschneidung):
<div id="Layer1" style="position:absolute; width:200px; height:100px; z-index:1; background-color: #0099CC; border: 1px solid #000000; left: 50px; top: 70px">
DEIN TEXT</div>
<div id="Layer1" style="position:absolute; width:200px; height:100px; z-index:1; background-color: #009999; border: 1px solid #000000; left: 150px; top: 120px">DEIN TEXT</div>
<div id="Layer1" style="position:absolute; width:200px; height:100px; z-index:1; background-color: #0099CC; border: 1px solid #000000; left: 50px; top: 70px">
DEIN TEXT</div>
<div id="Layer1" style="position:absolute; width:200px; height:100px; z-index:1; background-color: #009999; border: 1px solid #000000; left: 150px; top: 120px">DEIN TEXT</div>
Antwort 9 von rfb
allerdings sollten beim letztgenannten Beispiel die ids verschieden sein (also besser "Layer1" und "Layer2"). Sehr hübsch erklärt findest du die Arbeit mit positionierten divs es auch bei selfhtml http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#pos...
Antwort 10 von ChSt
Moin!
Ja hab ne mail addy und hab auch eigentlich nen account nur musste es schnell gehen *g* war länger nich da gewesen...
Hey danke übrigens das letzte Beispiel mit div und Layer ist haargenau das was ich gesucht habe! Vielen dank!!!
Dankeschön :-)
ys Tachchen :-)
Ja hab ne mail addy und hab auch eigentlich nen account nur musste es schnell gehen *g* war länger nich da gewesen...
Hey danke übrigens das letzte Beispiel mit div und Layer ist haargenau das was ich gesucht habe! Vielen dank!!!
Dankeschön :-)
ys Tachchen :-)

