✔ textarea auf jpg-Hintergrund platzieren aber wie?

queicherius hat gesagt.:
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*
Zum Vergrößern anklicken....


Es wir,..es wird.. *strahl*

So und wie kann ich das jetzt auf "center" setzen
 

Anhänge

  • 2.JPG
    2.JPG
    17,7 KB · Aufrufe: 49
Die Schnittmenge beider Quelltexte würde so lauten:
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">
* {margin:0;padding:0}
html,body{height:100%}
#wrapper{
        height:100%;
        width:100%;
        display:table;
        vertical-align:middle;
        background-color:white;
        background-image:url(http://www.telefon.to/kathrin/limitplanung/05_Hintergrund.jpg);
        background-repeat:no-repeat;
        background-position:center;
}
#outer{
        display:table-cell;
        vertical-align:middle;
}
#formwrap{
        position:relative;
        left:50%;
        float:left;
}
#form1{
        padding:20px 20px;
        position:relative;
        text-align:right;
        left:-50%;
}
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>
<!--[if gte IE 5]>
<style type="text/css">
#wrapper{        overflow:hidden;/* stop hoz scroll bar from appearing*/}
#formwrap {top:50%}
#form1{top:-50%;}
</style>
<![endif]-->
</head>

<body>

<div id="wrapper">
        <div id="outer">
                <div id="formwrap">
                     <form id="form1" method="post" action="">
                          <textarea rows="25" cols="50"></textarea>
                     </form>
                </div>
        </div>
</div>

</body>
</html>


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück