✔ textarea auf jpg-Hintergrund platzieren aber wie?

Dann versuch es mal hiermit:
HTML: 
<body>
<div id="background">
    <div id="textarea"><textarea rows="25" cols="50"></textarea></div>
</div>
</body>
CSS: 
textarea{
margin-right:auto;
margin-left:auto;
padding:0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color: #000000;
text-align:left;
background-color: #FFFFFF;
}

mfg Maik
 
queicherius hat gesagt.:
:-(

Aber so:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Limitplanung</title>
<link href="css.css" rel="stylesheet" type="text/css">

<style type="text/css">
#background{
background-color:white;
background-image:url(05_Hintergrund.jpg);
background-repeat:no-repeat;
background-position:center;
}
textarea{
margin-right:auto;
margin-left:auto;
padding:0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color: #000000;
text-align:left;
background-color: #FFFFFF;
}

</style>
</head>

<body>
<div id= "background">
    <textarea rows="25" cols="50"></textarea>
</div>


</body>
</html>
Zum Vergrößern anklicken....


Danke für den Tip.
jetzt ist folgendes passiert :)

Das Textfeld ist so hoch wie dasHintergrundbild + Es befindet sich links daneben und nicht darauf :)
 

Anhänge

  • 1.JPG
    1.JPG
    4,4 KB · Aufrufe: 24
Hi,

warum setzt Du das Bild "05_Hintergrund.jpg" nochmal extra mit in das Div, das dieses Bild ja schon als Hintergrund hat?

bereinige mal den Code:

HTML: 
<div id= "background">
    <div align="center">
       <div id="textarea"></div>
    </div>
</div>

LG
 
Test Nr. 5464654 :D:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Limitplanung</title>
<link href="css.css" rel="stylesheet" type="text/css">

<style type="text/css">
#background{
background-color:white;
background-image:url(05_Hintergrund.jpg);
background-repeat:no-repeat;
background-position:center;
height: 600px; /* x px vom bild*/
width: 600px; /* x px vom bild */
}
textarea{
margin-right:auto;
margin-left:auto;
padding:0px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
color: #000000;
text-align:left;
background-color: #FFFFFF;
}

</style>
</head>

<body>
<div id= "background">
    <div style="text-align: center;">
    <textarea rows="25" cols="50"></textarea>
    </div>
</div>


</body>
</html>

// Nach 3 maligem Einfügen: Wer hat meine alten Beiträge gelöscht :confused:

// EDIT: @Maik: Nein, ich hab mir eine selbst gemalt ;)
// EDIT2: @Maik: *sorry*
 
Hi,

was an dem Bild, das Du hochgeladen hast, entspricht denn nicht Deinen Vorstellungen? Dort ist doch eine Textarea über dem Hintergrundbild.

LG
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück