html / css Hintergrundgrafik einfügen

MightyDucks · 25. März 2010

hallo zusammen,

ich glaub, ich hab jetzt schon so ziemlich alles mögliche versucht, um eine hintergrundgrafik einzufügen.

<html>

 <head>

 <title>titel^^</title>

 <style type="text/css">


 <!--


ul,body,p,td,tr,table,ol,div{

font-size:11px;

font-family:Verdana;

}

.button{

border-bottom: black 1px solid;

border-left: #297394 1px solid;

border-right: black 1px solid;

border-top: #297394 1px solid;

font-family:Verdana;

font-size: 11px;

text-align:left;

padding-left:5px;

padding-top:2px;

padding-bottom:2px;

font-weight:bolder;

color:black;

background-color:/cgi-data/formmanager/files(hintergrund.jpg);

cursor:pointer;

display:inline;

width:auto;

}

.text{

background-color:/cgi-data/formmanager/files(hintergrund.jpg);

color:#297394;

border:1px solid black;

}

.select{

background-color:/cgi-data/formmanager/files(hintergrund.jpg);

color:#297394;

}

 -->

 </style>


</head><body style="background-image:/cgi-data/formmanager/files(hintergrund.jpg)">





<body background="hintergrund.jpg" /*text="#990000" link="#0000CC" vlink="#000066" alink="#000000"*/>


<div style="background:/cgi-data/formmanager/files(hintergrund.jpg) repeat-x;">

<h1 style="font-family:Arial,sans-serif; color:maroon; font-size:80px">NEWS</h1>

<div style="margin-top:45px; font-size:1.2em">

<p>Hier folgen die News...</p>

</div></div>



 <form action="{form}" method="post" enctype="multipart/form-data">

 <input type="hidden" name="fid" value="{formular_id}">

 <!-- START error --><p style="color:red">{error}</p><!-- END error -->

 <table><!-- END head --><!-- START input_text -->

 <tr>

  <td>{text_text}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td><input class="text" type="text" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}"></td>

 </tr><!-- END input_text --><!-- START input_checkbox -->

<!-- START one_input_checkbox -->

 <tr>

  <td>

   {text_checkbox}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk -->

  </td>

  <td>

   <input type="checkbox" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block --><!-- END one_input_checkbox -->

  </td>

 </tr><!-- END input_checkbox --><!-- START input_radio -->

  <!-- START one_input_radio --><tr><td>

   {text_radio}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk -->

  </td>

  <td>

   <input type="radio" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block -->

  </td>

 </tr><!-- END one_input_radio --><!-- END input_radio --><!-- START input_hidden -->

 <tr>

  <td colspan="2">

   <input type="hidden" name="{name}" value="{value}">

  </td>

 </tr><!-- END input_hidden --><!-- START input_img -->

 <tr>

  <td>{text_img}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <input class="text" type="img" src="{src}" {options} />

  </td>

 </tr><!-- END input_img --><!-- START input_password -->

 <tr>

  <td>{text_password}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <input class="text" type="password" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}" />

  </td>

 </tr><!-- END input_password --><!-- START input_submit -->

 <tr>

  <td><input class="button" type="reset" name="reset2" value="{rst_value}" /></td>

  <td><input class="button" type="submit" name="submit" value="{sbm_value}" /></td>

</tr><!-- END input_submit --><!-- START input_reset -->

 <tr>

  <td colspan="2"><input class="button" type="reset" name="reset" value="{rst_value}" /></td>

 </tr><!-- END input_reset --><!-- START input_select -->

 <tr>

  <td>{text_select}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <select class="select" name="{name}" size="{size}" <!-- START multiple -->multiple="multiple"<!-- END multiple -->><!-- START one_input_option -->

    <option value="{value}" <!-- START selected -->selected<!-- END selected -->>{option_text}</option><!-- END one_input_option -->

   </select>

  </td>

 </tr><!-- END input_select --><!-- START input_textarea -->

 <tr>

  <td colspan="2">

   {text_textarea}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --><br />

   <textarea class="text" name="{name}" cols="{cols}" rows="{rows}">{value}</textarea>

  </td>

 </tr><!-- END input_textarea --><!-- START input_file -->

 <tr>

  <td>{file_text} </td><td><p><input class="button" type="file" name="file" value="" /><br />

  <span title="{file_extensions}" style="cursor:pointer; font-size: 0.8em;">{file_extensions_short}</span></p>

  </td>

 </tr><!-- END input_file --><!-- START sternchentext -->

 <tr><td colspan="2"><span style="color:red">* Pflichtfeld</span></td>

 </tr><!-- END sternchentext -->

<!-- START footer -->

</table>

</form>


</body>

</html>

das ist ein formular, welches ich über ein baukasten bei strato erstellt habe.

hat einer einen tip für mich?

LadyPreis · 25. März 2010

<style type="text/css">

div.bg {

background-image: url(../images/bg.gif);

background-color:orange;

width:500px;height:200px;

border:1px solid red;

padding:20px;

}

</style>


...


<body>

<div class="bg">

  div-Container mit Hintergrundbild

</div>

MightyDucks · 25. März 2010

ok, habe ich jetzt hier auch noch ein fehler? oder falsch verstanden.... :confused:

<style type="text/css">

div.bg {

background-image:/cgi-data/formmanager/files(hintergrund.jpg);

background-color:orange;

width:500px;height:200px;

border:1px solid red;

padding:20px;

}

</style>

LadyPreis · 25. März 2010

background-image: url(cgi-data/formmanager/files/hintergrund.jpg);

MightyDucks · 25. März 2010

ich hab mich wirklich super wenig mit html + css beschäftigt, da ich es eigentlich auch nicht brauche. funktioniert immer noch nicht

<style type="text/css">

div.bg {

background-image: url(cgi-data/formmanager/files/hintergrund.jpg);

background-color:orange;

width:500px;height:200px;

border:1px solid red;

padding:20px;

}

</style>



<body>

<div class="hintergundbild">

 div-Container mit Hintergrundbild

</div>

LadyPreis · 25. März 2010

poste nochmal, wie deine html-datei jetzt aussieht

MightyDucks · 25. März 2010

<html>

 <head>

 <title>Bitte geben Sie Ihre Daten ein</title>

</head>

<style type="text/css">

div.bg {

background-image: url(cgi-data/formmanager/files/hintergrund.jpg);

background-color:orange;

width:500px;height:200px;

border:1px solid red;

padding:20px;

}

</style>


</head>



<body>

<div class="hintergundbild">

 div-Container mit Hintergrundbild

</div>



</body>


<div style="background:/cgi-data/formmanager/files(hintergrund.jpg) repeat-x;">

<h1 style="font-family:Arial,sans-serif; color:maroon; font-size:80px">NEWS</h1>

<div style="margin-top:45px; font-size:1.2em">

<p>Hier folgen die News...</p>

</div></div>



 <form action="{form}" method="post" enctype="multipart/form-data">

 <input type="hidden" name="fid" value="{formular_id}">

 <!-- START error --><p style="color:red">{error}</p><!-- END error -->

 <table><!-- END head --><!-- START input_text -->

 <tr>

  <td>{text_text}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td><input class="text" type="text" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}"></td>

 </tr><!-- END input_text --><!-- START input_checkbox -->

<!-- START one_input_checkbox -->

 <tr>

  <td>

   {text_checkbox}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk -->

  </td>

  <td>

   <input type="checkbox" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block --><!-- END one_input_checkbox -->

  </td>

 </tr><!-- END input_checkbox --><!-- START input_radio -->

  <!-- START one_input_radio --><tr><td>

   {text_radio}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk -->

  </td>

  <td>

   <input type="radio" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block -->

  </td>

 </tr><!-- END one_input_radio --><!-- END input_radio --><!-- START input_hidden -->

 <tr>

  <td colspan="2">

   <input type="hidden" name="{name}" value="{value}">

  </td>

 </tr><!-- END input_hidden --><!-- START input_img -->

 <tr>

  <td>{text_img}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <input class="text" type="img" src="{src}" {options} />

  </td>

 </tr><!-- END input_img --><!-- START input_password -->

 <tr>

  <td>{text_password}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <input class="text" type="password" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}" />

  </td>

 </tr><!-- END input_password --><!-- START input_submit -->

 <tr>

  <td><input class="button" type="reset" name="reset2" value="{rst_value}" /></td>

  <td><input class="button" type="submit" name="submit" value="{sbm_value}" /></td>

</tr><!-- END input_submit --><!-- START input_reset -->

 <tr>

  <td colspan="2"><input class="button" type="reset" name="reset" value="{rst_value}" /></td>

 </tr><!-- END input_reset --><!-- START input_select -->

 <tr>

  <td>{text_select}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <select class="select" name="{name}" size="{size}" <!-- START multiple -->multiple="multiple"<!-- END multiple -->><!-- START one_input_option -->

    <option value="{value}" <!-- START selected -->selected<!-- END selected -->>{option_text}</option><!-- END one_input_option -->

   </select>

  </td>

 </tr><!-- END input_select --><!-- START input_textarea -->

 <tr>

  <td colspan="2">

   {text_textarea}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --><br />

   <textarea class="text" name="{name}" cols="{cols}" rows="{rows}">{value}</textarea>

  </td>

 </tr><!-- END input_textarea --><!-- START input_file -->

 <tr>

  <td>{file_text} </td><td><p><input class="button" type="file" name="file" value="" /><br />

  <span title="{file_extensions}" style="cursor:pointer; font-size: 0.8em;">{file_extensions_short}</span></p>

  </td>

 </tr><!-- END input_file --><!-- START sternchentext -->

 <tr><td colspan="2"><span style="color:red">* Pflichtfeld</span></td>

 </tr><!-- END sternchentext -->

<!-- START footer -->

</table>

</form>


</body>

</html>

LadyPreis · 25. März 2010

wenn du schon einträge aus meinem beispiel änderst, dann änder sie auch überall. Kein Wunder, dass es nicht funktioniert.

Hier nochmal zum Vergleich

Mein Code:

<style type="text/css">

div.bg {

background-image: url(cgi-data/formmanager/files/hintergrund.jpg);

background-color:orange;

width:500px;height:200px;

border:1px solid red;

padding:20px;

}

</style>


...


<body>

<div class=[COLOR="Red"]"bg"[/COLOR]>

  div-Container mit Hintergrundbild

</div>

Dein Code:

<style type="text/css">

div.bg {

background-image: url(cgi-data/formmanager/files/hintergrund.jpg);

background-color:orange;

width:500px;height:200px;

border:1px solid red;

padding:20px;

}

</style>



<body>

<div class=[COLOR="Red"]"hintergundbild"[/COLOR]>

 div-Container mit Hintergrundbild

</div>

Fehler gefunden?

Ganz davon abgesehn sieht deine HTML grausam aus. Body auf, Body zu, Body auf, Body zu.

Wenn du das mit einem Editor gemacht hast, schmeiß ihn weg.

Wenn du es selbst gemacht hast, dann solltest du vielleicht nochmal ein Buch zur Hand nehmen

MightyDucks · 26. März 2010

erstmal danke für die hilfe

hmmm hab geändert, allerdings ist dass nicht das hintergrundbild, welches ich angegeben hatte

außerdem hab ich nur den kleinen kasten da oben...

....sollte eigentlich über die gesamte seite gehen...

MightyDucks · 26. März 2010

so habe den code mit dem baukasten nochmals neu erstellen lassen, aber keine ahnung, wo jetzt der befehl zur hintergrundgrafik hinkommt

<!-- START head -->

<html>

 <head>

 <title>Strato Formularbaukasten</title>

 <style type="text/css">

 <!--

ul,body,p,td,tr,table,ol,div{

font-size:11px;

font-family:Verdana;

}

.button{

border-bottom: black 1px solid;

border-left: #297394 1px solid;

border-right: black 1px solid;

border-top: #297394 1px solid;

font-family:Verdana;

font-size: 11px;

text-align:left;

padding-left:5px;

padding-top:2px;

padding-bottom:2px;

font-weight:bolder;

color:black;

background-color:#dfdfdf;

cursor:pointer;

display:inline;

width:auto;

}

.text{

background-color:whitesmoke;

color:#297394;

border:1px solid black;

}

.select{

background-color:whitesmoke;

color:#297394;

}

 -->

 </style>

</head>

<body>

 <form action="{form}" method="post" enctype="multipart/form-data">

 <input type="hidden" name="fid" value="{formular_id}">

 <!-- START error --><p style="color:red">{error}</p><!-- END error -->

 <table><!-- END head --><!-- START input_text -->

 <tr>

  <td>{text_text}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td><input class="text" type="text" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}"></td>

 </tr><!-- END input_text --><!-- START input_checkbox -->

<!-- START one_input_checkbox -->

 <tr>

  <td>

   {text_checkbox}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk -->

  </td>

  <td>

   <input type="checkbox" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block --><!-- END one_input_checkbox -->

  </td>

 </tr><!-- END input_checkbox --><!-- START input_radio -->

  <!-- START one_input_radio --><tr><td>

   {text_radio}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk -->

  </td>

  <td>

   <input type="radio" name="{name}" value="{value}" <!-- START checked_block -->checked<!-- END checked_block --> /><!-- START br_block --><br /><!-- END br_block -->

  </td>

 </tr><!-- END one_input_radio --><!-- END input_radio --><!-- START input_hidden -->

 <tr>

  <td colspan="2">

   <input type="hidden" name="{name}" value="{value}">

  </td>

 </tr><!-- END input_hidden --><!-- START input_img -->

 <tr>

  <td>{text_img}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <input class="text" type="img" src="{src}" {options} />

  </td>

 </tr><!-- END input_img --><!-- START input_password -->

 <tr>

  <td>{text_password}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <input class="text" type="password" name="{name}" value="{value}" size="{size}" maxlength="{maxlength}" />

  </td>

 </tr><!-- END input_password --><!-- START input_submit -->

 <tr>

  <td><input class="button" type="reset" name="reset2" value="{rst_value}" /></td>

  <td><input class="button" type="submit" name="submit" value="{sbm_value}" /></td>

</tr><!-- END input_submit --><!-- START input_reset -->

 <tr>

  <td colspan="2"><input class="button" type="reset" name="reset" value="{rst_value}" /></td>

 </tr><!-- END input_reset --><!-- START input_select -->

 <tr>

  <td>{text_select}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --></td>

  <td>

   <select class="select" name="{name}" size="{size}" <!-- START multiple -->multiple="multiple"<!-- END multiple -->><!-- START one_input_option -->

    <option value="{value}" <!-- START selected -->selected<!-- END selected -->>{option_text}</option><!-- END one_input_option -->

   </select>

  </td>

 </tr><!-- END input_select --><!-- START input_textarea -->

 <tr>

  <td colspan="2">

   {text_textarea}<!-- START obl_asterisk --><span style="color:red">*</span><!-- END obl_asterisk --><br />

   <textarea class="text" name="{name}" cols="{cols}" rows="{rows}">{value}</textarea>

  </td>

 </tr><!-- END input_textarea --><!-- START input_file -->

 <tr>

  <td>{file_text} </td><td><p><input class="button" type="file" name="file" value="" /><br />

  <span title="{file_extensions}" style="cursor:pointer; font-size: 0.8em;">{file_extensions_short}</span></p>

  </td>

 </tr><!-- END input_file --><!-- START sternchentext -->

 <tr><td colspan="2"><span style="color:red">* Pflichtfeld</span></td>

 </tr><!-- END sternchentext -->

<!-- START footer -->

</table>

</form>

</body>

</html><!-- END footer -->

MightyDucks · 26. März 2010

habs dann doch noch gefunden

Danke trotzdem

Anmelden

html / css Hintergrundgrafik einfügen

Empfohlene Beiträge

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Link zu diesem Kommentar

Auf anderen Seiten teilen

Dein Kommentar

Fachinformatiker Jobs

Fachinformatiker.de, 2024 by SE Internet Services

Links

Fachinformatiker.de App

Kontakt

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte