• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Tabellen anordnung

X

xxbellzxx

Neues Mitglied
Hallo Leute,
ich komm an einem Punkt nicht weiter. Ich habe zwei Tabllen jeweils mit einem, Hintergrund allerdings dem gleichen, beider haben 50% Transparenz wenn sie sich überschneiden dann siehts kacke aus.
Also hab ich mir gedacht entferne ich beide Hintergründe und tue die zwei Tabellen eine eine neue, das ging aber komischerweise nicht, ihr könnt mir da vllt helfen ich komm nicht wirklich weiter.

Kontakt <--- Die internetseite


PHP: 
<?php 
//<?php 
// Grundlegende Einstellungen: 
$Mail = "[email protected]"; //Hier die eigene E-Mail Adresse einfügen. 
$Betreff = "Cosmoesque"; //Hier Betreff der E-Mail angeben, welche an die E-Mail Adresse versandt wird. 
$Name = ""; //Dein Name 
$Homepage = ""; // Deine Website 
?> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head>  
  <title>Kontakt</title> 
  <link href="../style/style.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
  </script>
</head> 


<body background="../background.jpg" onLoad="MM_preloadImages('../button/kontaktwhite.png','../button/shopwhite.png','../button/homewhite.png')"> 
<?php 
// Hier folgt zu allererst das Formular 
// Als action wird $_SERVER['PHP_SELF'] angegeben, das die aktuelle Seite angibt. 
// Als Method wähle ich POST. 
// Ich habe mir gedacht für ein Kontaktformular braucht man 3 Felder: Name, E-Mail und Nachricht. 
// Das Formular soll immer angezeigt werden, deshalb ist es außerhalb des PHP-Bereichs, wo die If { .. } ELSE { .. } Abfrage ist. 
// Des weiteren habe ich noch zwei Buttons: Abschicken (type="submit") und Zurücksetzen (type="reset") reingegeben. 
// Damit hätten wir das Formular: 
?> 

<div class="bag1" >
<h1>Kontaktformular</h1> 
<form action="<?php print $_SERVER['PHP_SELF']; ?>" method="POST"> 
<table style="width:400px; background:url(../pic/grey.png)"> 
<tr><td> <img src="http://www.html.de/button/kname.png" width="77" height="33"></td><td><input type="text" name="Name"></td></tr> 
<tr><td><img src="http://www.html.de/button/kemail.png" width="82" height="31"></td><td><input type="text" name="Mail"></td></tr> 
<tr><td><img src="http://www.html.de/button/knachricht.png" width="126" height="30"></td><td><textarea name="Eintrag" cols="70" rows="20"></textarea></td></tr> 
<tr>
    <td>
<input  type="image" src="../button/send.png" value="abschicken" name="abschicken" style="             background-image:url(../button/send.png)">
    </td>
    
    <td>
<input type="image" src="../button/back.png" value="zur&uuml;cksetzen" style="background-image:url(../button/back.png)" name="reset">
    </td>
</tr> 
</table> 
</form></p> 
<?php 
  //So, nun folgt der relativ einfach gestaltete PHP-Teil: 
  // Wenn (der submit Button gedrückt wurde){ dann weitermachen } 
  // Sonst { Einen Fehler ausgeben } 
   
  if(isset($_POST['abschicken'])){ // Der abschicken button wurde gedrückt. 
    
    if(empty($_POST['Name']) OR empty($_POST['Mail']) OR empty($_POST['Eintrag'])){ // Wenn eins der Felder nicht ausgefüllt wurde, dann wird darauf hingewiesen, dass man alle Felder ausfüllen muss. 
      print "Bitte f&uuml;llen Sie alle Felder korrekt aus!
\n"; 
    } 

    else{ // Wenn alle Felder ausgefüllt wurden, dann wird das Mail verschickt: 
      // Vorher gebe ich den einzelnen POST Daten kürzere Namen. 

      $Abs_Mail = $_POST['Mail'];  
      $Abs_Name = $_POST['Name']; 
      $Abs_Nachricht = $_POST['Eintrag']; 
      //Nun werde ich eine kleine persönliche Nachricht hinzufügen. Natürlich kann diese individuell angepasst werden.. 
      $Nachricht = "Hallo $Name!\n\n $Abs_Name hat dir auf deiner Website per Kontaktformular folgenden Text geschickt:\n _______\n$Abs_Nachricht\n_______\n"; 
  
      //Nun kommt die Mail funktion: 
      $senden = mail($Mail, $Betreff, $Nachricht,"From: $Abs_Mail"); 
  

     if($senden){ // Wenn die Mail versandt wurde, dann diesen Text ausgeben: 
        print "Ihre Mail wurde erfolgreich an mich versandt. 
 VIELEN DANK!
"; 
      } 
  
      else { //Sonst diesen : 
        print "Ihre Mail konnte leider nicht an mich versandt werden. 
 Probieren Sie es sp&auml;ter noch einmal
"; 
      } 
       
    } 
  } 
   
  else{ //Der abschicken button wurde nicht gedrückt 
    print "Hier k&ouml;nnen Sie mir ein Feedback &uuml;ber diese Website mailen!
\n"; 
  } 
?> 
</div>
<table width="1039" border="0" background="../pic/hb.png" class="head1">
  <tr>
    <td height="114">
 <div class="home" >
      <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','../button/homewhite.png',1)"><img src="http://www.html.de/button/homeblue.png" width="295" height="75" id="home"></a> </div>
    </td>
    <td rowspan="3" height="320" class="headername">
        <img src="http://www.html.de/pic/hw.png" />
    </td>
  </tr>
  <tr>
    <td height="114">
        <div class="shop"> 
          <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('shop','','../button/shopwhite.png',1)"><img src="http://www.html.de/button/shopblue.png" width="295" height="75" id="shop"></a> </a>
    </div>
    </td>
  </tr>
  <tr>
    <td height="96">
        <div class="kontakt"> 
        <a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('kontakt','','../button/kontaktwhite.png',1)"><img src="http://www.html.de/button/kontaktblue.png" width="295" height="75" id="kontakt"></a> </div>  
    </td>
  </tr>
</table>



</body> 
</html> 
?>
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
hey

ich habe nicht genau verstanden, wie du es haben möchtest. Möchteste du das der kontakfurmular mit in deinem COntent bereich ist oder ausserhalb extra mit dem gleichen hintergrund oder soll das hintergrund vom content bereich bleiben und sich nur nach unten erweitern ?

Mfg

Flava
 
Werbung:
also ich weiß nicht genau, wie du überhaupt einen überblick hast aber das ist echt sehr vewirrend, was ich dir enpfehlen kann ist, das du den hinteren bereich also mit dem transparenten hintergrund, so ausrichten musst das es den body entspricht. Danach den kontakt formular rein stellen damit es drinne bleibt und sich nicht nach aussen bewegen kann. Und dann ist es noch wichtig das die höhe automatisch hingewiesen werden muss.

ich zeige dir mal ein kleines beispiel:

style codes:

HTML: 
#content {

   width: 700px; /** das ist nur ein beispiel breite **/
   min-height: 300px; /** hier gibst du einen mindest höhe an, sobald es dadrüber geht kommt height: auto ins spiel und erweitert sich automatisch **/
   height: auto; /** mit diesem code erweitert sich der inhtaltsbereich automatisch

}

#kontaktformular {

  /** hier kannt du dann das kontaktformular gestalten **/

}



html codes:

<div id="content"> <!-- content bereich beginnt -->

   <div id="kontaktformular"> <!-- kontaktformular beginnt -->

      <form method="post">

        <table>

            <tr>

              <td>Name:</td>
              <td><input type="text" name="name"></td>

           </tr>

            <tr>

              <td>Betreff:</td>
              <td><input type="text" name="betreff"></td>

           </tr>

            <tr>

              <td>Nachricht:</td>
              <td><textarea name="nachricht" cols="20" rows="30"></textarea></td>

           </tr>

            <tr>

              <td colspan="2" align="left"><input type="submit" name="kontakt_sbm" value="Senden"></td>

           </tr>

          </table>

        </form>

      </div> <!-- kontaktformular zu ende -->

</div> <!-- / content bereich zu enden -->

es könnten eventuell fehle im code sein, weil ich es grad schnell gecodet habe, es geht nur um den prinzip du erstellst erst eine box und in dieser box erstellst du noch eine dieser bleibt dann drinne und sobald es von der höhe nicht reicht erweitert es sich automatisch.

ich hoffe ich konnte einwenig helfen

Mfg

Flava

Mod-Edit: Code-Tags hinzugefügt - Beim nächsten Mal bitte dran denken (XraYSoLo)
 
Zuletzt bearbeitet von einem Moderator:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben