Beiträge von Billbos

Billbos

Also geschrieben habe ich bis jetzt folgendes!

Hier ist meine contact.php

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Daniel Weiners - danielsfotos.com</title>


<link rel="stylesheet" type="text/css" href="css/danielsfotos.css" />


</head>


<body>


<div id="headerwide">
<!-- CONTAINER -->
<div id="container">
<!-- NAVIGATION -->
    <div id="navigation">
        <?php
            include('html/navigation_inc.php')
        ?>
    </div>
<!-- HEADER -->
    <div id="header">
    </div>
<!-- CONTENT -->
    <div id="content">
        <form name="kontaktformular" action="kontaktform.php" method="get" enctype="text/plain">
        Vorname
        <input type="text" name="vorname" value="" size="20" maxlength="30" />

        <br />

        Nachname
        <input type="text" name="nachname" value="" size="20" maxlength="30" />

        <br />

        Email
        <input type="text" name="email" value="" size="20" maxlength="35" />

        <br />

        Phone
        <input type="text" name="phone" value="" size="20" maxlength="25" />

        <br />

           Frage
        <textarea name="frage" rows="5" cols="20"></textarea>

        <br />

        <input type="submit" name="" value="absenden" />

        </form>
    </div>

<!-- TRENNLINIE ZU FOOTER -->
    <div id="trennliniefooter"></div>
<!-- FOOTER -->
    <div id="footer">
<!-- BOTTOM NAVIGATION -->
        <div id="navifooter">
            <?php
                include('html/navigation_footer_inc.php')
            ?>
        </div>
<!-- END FOOTER -->
    </div>


<!-- END CONTAINER -->
</div>
</div>


</body>
</html>

Alles anzeigen

Hier ist mein PHP Teil

PHP

<?php
    echo "<h1>Email wird gesendet</h1>";

$vorname = $_GET['vorname'];
$nachname = $_GET['nachname'];
$email = $_GET['email'];
$phone = $_GET['phone'];
$frage = $_GET['frage'];


echo "Vorname: $vorname <br />";
echo "Nachname: $nachname <br />";
echo "Email: $email <br />";
echo "Phone: $phone <br />";
echo "Frage: $frage <br />";


mail ("billbos1990@hotmail.de", $vorname, $nachname, $email, $phone, $frage);


?>

Alles anzeigen

VERSTEHE NICHT, WIESO ER DIE MAIL NICHT ABSCHICKT?!?!?!

hier ist der Link dazu!

http://danielsfotos.com/contact.php

Billbos

Was heißt Frechheit! Dazu ist das Forum da!
Wie man ein Formular macht, weiß ich auch! Nur mit der Grafik bin ich mir unsicher!

Billbos

Deshalb habe ich ja auch parallel nach einem Link gefragt, falls jemand einen kennt, du Superheld!
Ganz normal mit <form> <input> ......

Billbos

Hallo,

ich möchte gerne ein Kontaktformular für folgende Seite erstellen http://danielsfotos.com .
Ausschauen soll es folgendermaßen!

Die roten werte geben die Maße an, wie breit ich die Grafiken gesliced habe und die gelben verdeutlichen dies.
Die Schriftzüge sollen in dem Kontaktformular als Grafik dargestellt sein (first name, last name u.s.w.) und die Eingabe soll in den Boxen rechts (grau) daneben erfolgen, ebenfalls in einer Grafik!
Zwischen den grauen Eingabefeldern ist kein Abstand, da ich die Felder so gesliced habe, dass dies nicht nötig ist.
Ich habe nur grade keine Ahnung wie ich das machen soll, jemand einen guten Link oder passenden Code?

MfG

Billbos

vielen lieben Dank, das hat funktioniert!
Kannst du es vielleicht noch kurz erläutern?

Danke

Billbos

Ich checks einfach nicht!
Es bewegt sich nicht auf die Höhe vom Header!

Code

div#headerwide {
    background: url(../images/header.png);
    background-position: 150px 100%;
    height: 150px;
    width: 100%;
    }

PS: http://danielsfotos.com habe ich aktuallisiert!

Billbos

Danke das hat funktionier!
Wenn ich ihnen beiden einen float right geben würde, dann würde der Text auf die rechte Seite springen, ich denke, dass ich dann mit dem Bild anfangen muss, richtig?

MfG

Billbos

Hallo,

wieso befindet sich das Bild nicht auf der rechten Seite, neben dem Text?

http://http//danielsfotos.com/about.php http://danielsfotos.com/about

Code

@charset "UTF-8";
/* CSS danielsfotos.com About */


* {
    margin: 0;
    padding: 0;
    }

/* ABOUT ME TEXTFELD */


div#aboutme {
    width: 200px;
    height: auto;
    margin: 0 auto;
    float: left;
    }

div#aboutme .trennlinie {
    background: url(../images/trennlinie_600px.png);
    width: 200px;
    height: 2px;
    margin: 5px auto;
    }

div#selbstporträt {
    width: 360px;
    height: 445px;
    margin: 0 auto;
    float: right;
    }

Alles anzeigen

INDEX CSS

Code

@charset "UTF-8";
/* CSS danielsfotos.com */


* {
    margin: 0;
    padding: 0;
    }


body {
    background: #333 url(../images/background.png) top left repeat;
    color: white;
    }

/* CONTAINER */


div#container {
    width: 600px;
    height: auto;
    margin: 100px auto auto auto;
    }    

/* NAVIGATION TOP */


div#navigation {
    width: 600px;
    height: 50px;
    margin: 0;
    background: url(../images/navigation_background.png) no-repeat;
    font: "Myriad Pro", Arial, sans-serif;
    font-size: 25px;
    }

div#navigation ul {
    list-style-type: none;
    }

div#navigation li {
    float: left;
    line-height: 50px;
    text-align: center;
    width: 100px;
    padding: 0;
    margin: 0;
    }


div#navigation a {
    width: 100px;
    display: block;
    background: transparent;
    text-decoration: none;
    color: white;
    }    


div#navigation a:hover {
    background: transparent;
    color: #CCC;
    text-decoration: none;
    }


/* HEADER */


div#header {
    width: 600px;
    height: 150px;
    background: url(../images/header/header_1.jpg) no-repeat;
    margin: 0 auto 0 auto;
    }

/* HEADER BACKGROUND INFINITY */


div#headerwide {
    background: url(../images/header.png);
    height: 150px;
    width: 100%;
    }


/* CONTENT */


div#content {
    width: 560px;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 20px;
    background: url(../images/content_background.png) repeat-y;
    }


/* IMAGE OF THE DAY */


div#imageoftheday {
    width: 140px;
    height: 200px;
    float: left;
    }

/* IMAGE OF THE DAY PHOTO */


div#imageofthedayphoto {
    width: 400px;
    height: 200px;
    float: right;
    }

/* FOLLOW ME */


div#followme {
    width: 140px;
    height: 120px;
    float: left;
    }

div#facebook {
    width: 400px;
    height: 85px;
    float: right;
    }

/* Trennlinie */


div#trennlinie {
    width: 560px;
    height: 2px;
    margin: 10px auto;
    }


/* FOOTER TRENNLINIE */


div#trennliniefooter {
    width: 600px;
    height: 1px;
    background: url(../images/footer_trennlinie.png) top;
    }


/* FOOTER */


div#footer {
    background: url(../images/content_background.png) repeat-y;
    width: 600px;
    height: 25px;
    margin: 0 auto 25px auto;
    }

/* NAVIGATION FOOTER */


div#navifooter {
    width: 600px;
    height: 25px;
    line-height: 25px;
    }

div#navifooter ul {
    list-style-type: none;
    }

div#navifooter li {
    float: right;
    margin: 0;
    padding: 0 20px 0 5px;
    }

div#navifooter a {
    color: white;
    font-size: 10px;
    text-decoration: none;
    }

div#navifooter a:hover {
    color: #CCC;
    font-size: 10px;
    text-decoration: none;
    }

Alles anzeigen

Billbos

Okay, danke! Der Header befindet sich nun im unter dem <body> und endet vor dem </body>.
Damit ich ihn genau noch auf Höhe des Header habe, sollte ich da margin nehmen, oder gibts noch eine bessere Alternative?

MfG

Billbos

Also wie soll ich das machen, wenn im Body schon ein Bild ist?
Hast du einen CODE?

Billbos

Aber im Body befindet sich doch bereits ein Bild, welches im Hintergrund auf repeat ist!

Billbos

Als erstes habe ich meine Navigation, welche in einem Container ist, mit einer festen Breite von 600 Pixeln. Hinter meinem Header soll und zwar auf kompletter Breite des Nutzer Bildschirms. Die Grafik ist 4500 Pixel breit, also breit genug für die meisten Bildschirme. Also wie bekomme ich Sie auf die Höhe des Header, dahinter?

Billbos

Mit strange meine ich, dass sich das Bild hinter dem Header verstecken soll und zwar auf gleicher Höhe, siehe Skizze!

Billbos

Okay, stimmt danke!
Nur sieht es noch strange aus!
Jemand eine Idee?

Code

div#headerwide {
    background: url(../images/header.png);
    height: 150px;
    width: 100%;
    top: 100px;
    overflow: hidden;
    position: absolute;
    }

Billbos

Weiß hier keiner weiter?

Billbos

Hallo,

also ich habe jetzt einen div angelegt

Code

/* HEADER BACKGROUND INFINITY */


div#headerwide {
    background: url(../images/header.png);
    height: 150px;
    width: 100%;
    overflow: hidden;
    }

und dann in das html eingebittet oberhalb des header und unterhalb des header habe ich den div geschlossen!
Irgendwie funktioniert das aber nicht so, wie ich es mir vorstelle.

http://danielsfotos.com

Billbos

Ich möchte aber, dass es unterschiedliche, viele Bilder sind.
Nehmen wir an ich gestalte so etwas wie ein Endlosbild mit einer Breit von 3500 Pixeln, was ja größer ist, als die meisten Monitore, muss ich dafür einen extra div anlegen oder wie kann ich das auf die gleiche Höhe vom Header bringen und das es nur rechts und links so verläuft und nicht etwa über den Header?

Billbos

Die Höhe hatte ich schon in der div#navigation angegeben!
Es sind 50px.
Danke, für deine Hilfe, das Problem war folgendes:

Code

* html
margin: 0;
padding;

Billbos

HAHA super danke, das hat auch mein Problem mit der navigation gelößt, danke!

Billbos

Habe ich getan, tun tut sich trotzdem nichts!

Code

div#navigation {
    width: 600px;
    height: 50px;
    margin: 0;
    background: url(../images/navigation_background.png) no-repeat;
    font: "Myriad Pro", Arial, sans-serif;
    font-size: 25px;
    }

div#navigation ul {
    list-style-type: none;
    }

div#navigation li {
    float: left;
    line-height: 50px;
    text-align: left;
    width: 100px;
    padding: 0;
    margin: 0;
    }


div#navigation a {
    width: 100px;
    display: block;
    background: transparent;
    text-decoration: none;
    color: white;
    }    


div#navigation a:hover {
    background: transparent;
    color: #CCC;
    text-decoration: none;
    }

Alles anzeigen

Beiträge von Billbos

Kontaktformular mit Grafikeingabe

Kontaktformular mit Grafikeingabe

Kontaktformular mit Grafikeingabe

Kontaktformular mit Grafikeingabe

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Falsch gecleart?

Falsch gecleart?

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Header soll sich Bildschirm anpassen

Navigationspunkte zentrieren

Ungwollter Abstand zwischen Container und Header

Navigationspunkte zentrieren