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

Wo muss ich meinen Inhalt einfügen

BlackClown

Neues Mitglied
Hey,
ich hoffe ihr könnt mir helfen !

Also es geht um folgendes :

Bin grad dabei das Webdesign, was ich mir besorgt habe mit Inhalt zu füllen.

screen.png


Auf diesem Bild siehst du, dass auf meiner Startseite ein leeres, weißes Feld zu sehen ist.
Mein Problem klingt jetzt vielleicht ein wenig blöd, aber wie füll ich dieses Feld mit Inhalt ?
Mir fehlt ein Ansatz im Quelltext, wo ich meine Sätze hinschrieben kann.

Hier der html-Code :

HTML:
 <div class="contact">
                                        <p>
                                                Geld-zurück-Garantie <br><br>Kein Mindestbestellwert <br><br> Versandkosten ab 2,90 €<br><br> Gesicherte Bestellung via SSL<br><br> 24 bis 48h Bearbeitungszeit
                                        </p>
                                </div>
                                <div class="contact" >

                                        <div>
                                           Infos zu unseren Druckarten <br><br>Wie funktioniert der T-Shirt Designer ? <br> <br> Bestellablauf <br> <br> Zertifizierter und geprüfter Online Shop : Siyat.de <br> <br> AGB und Datenschutz

                                        </div>


                                </div>
                        </div>
                </div>
        </div>

Falls du den gesamten html-code der ganzen Seite brauchst (obere Teil musste weg, weils sonst zuviele Zeichen wären) :

HTML:
        <div id="contents">
                <div>
                        <div class="body">
                                <div id="adbox">
                                        <img src="http://www.html.de/images/chair.jpg" alt="Img"> <span class="info"> Whicker Chair <em>$250.00</em> <a href="index.html" class="btn1">View Details</a> </span>
                                        <div class="details">
                                                <h1>T-Shirt selbst gestalten<br> mit deinem Foto,<br> Text und Motiv</h1>
                                                <p>
                                                        Mit unserem Designer entscheidest DU selbst, wie du dein individuelles T-Shirt gestalten möchtest. Wähle aus zwischen lustigen Motiven und Sprüchen und erstelle dein persönliches T-Shirt.
                                                </p>
                                        </div>
                                </div>
                                <ul id="featured">
                                        <li>
                                                <div>
                                                        <img src="http://www.html.de/images/living-room.jpg" alt="Img"> <a href="index.html"></a>
                                                </div>
                                                <div class="details">
                                                        <h4>Schritt 1 : Produkt</h4>
                                                        <p>
                                                                Zunächst solltest Du ein Kleidungsstück wählen, zur Auswahl stehen T-Shirts, Pullover und vieles mehr. Details zur ausgewählten Kleidung findest Du direkt unter dem Designer. Dort sind Informationen zu Größe und Verarbeitung zu finden.
                                                        </p>
                                                </div>
                                        </li>
                                        <li class="bedroom">
                                                <div>
                                                        <img src="http://www.html.de/images/bedroom.jpg" alt="Img"> <a href="index.html"></a>
                                                </div>
                                                <div class="details">
                                                        <h4>Schritt 2 : Motiv</h4>
                                                        <p>
                                                                Wähle Deinen individuellen Aufdruck aus unseren Motiv-Kategorien aus oder lade eigene Fotos vom PC aus hoch.   <br> <br> <br> <br>
                                                        </p>
                                                </div>
                                        </li>
                                        <li class="kitchen">
                                                <div>
                                                        <img src="http://www.html.de/images/kitchen.jpg" alt="Img"> <a href="index.html"></a>
                                                </div>
                                                <div class="details">
                                                        <h4>Schritt 3 : Text</h4>
                                                        <p>
                                                                Über die Text-Funktion kannst Du beliebige Sprüche oder Zitate auf ein T-Shirt laden und diese in Schriftart, Farbe und Größe verändern und anpassen. Weitere Details zum "Text hinzufügen" erhältst Du unter folgenden Link. <br> <br>
                                                        </p>
                                                </div>
                                        </li>
                                </ul>
                                <div class="contact">
                                        <p>
                                                Geld-zurück-Garantie <br><br>Kein Mindestbestellwert <br><br> Versandkosten ab 2,90 €<br><br> Gesicherte Bestellung via SSL<br><br> 24 bis 48h Bearbeitungszeit
                                        </p>
                                </div>
                                <div class="contact" >

                                        <div>
                                           Infos zu unseren Druckarten <br><br>Wie funktioniert der T-Shirt Designer ? <br> <br> Bestellablauf <br> <br> Zertifizierter und geprüfter Online Shop : Siyat.de <br> <br> AGB und Datenschutz

                                        </div>


                                </div>
                        </div>
                </div>
        </div>
        <div id="footer">
                <div>
                        <div id="links">
                                <div class="showroom">
                                        <h4>Visit our Showroom</h4>
                                        <a href="gallery.html"><img src="http://www.html.de/images/show-room.png" alt="Img"></a>
                                        <p>
                                                4885 Wilson Street<br> Victorville, CA 92392<br><br> 760-962-9541<br><br> <a href="index.html">[email protected]</a>
                                        </p>
                                </div>
                                <div>
                                        <h4>Recent Blog Posts</h4>
                                        <ul class="posts">
                                                <li>
                                                        <span class="time">Apr 16</span>
                                                        <p>
                                                                <a href="blog.html">The Carving Master &amp; Owner</a> Maybe you’re looking for something diferent, something special.
                                                        </p>
                                                </li>
                                                <li>
                                                        <span class="time">Apr 15</span>
                                                        <p>
                                                                <a href="blog.html">5 Star Hotels We Supply</a> And we love the challenge of doing something diferent and something special.
                                                        </p>
                                                </li>
                                                <li>
                                                        <span class="time">Apr 14</span>
                                                        <p>
                                                                <a href="blog.html">How To Pick The Right Furniture For You</a> What’s more, they’re absolutely free! You can do a lot with them.
                                                        </p>
                                                </li>
                                        </ul>
                                </div>
                                <div>
                                        <form action="#" method="post" id="newsletter">
                                                <h4>Join Our Newsletter</h4>
                                                <input type="text" value="Enter Email Address Here For Updates" onBlur="javascript:if(this.value==''){this.value=this.defaultValue;}" onFocus="javascript:if(this.value==this.defaultValue){this.value='';}">
                                                <input type="submit" value="Sign up" class="btn2" />
                                        </form>
                                        <div id="connect">

Ich bedanke mich einfach schonmal für eure hilfe :)) DANKE ! :D

liebe Grüße
 
Werbung:
Ich vermute Du müsstest nur hinter

HTML:
 <div class="contact" >

                                        <div>
                                           Infos zu unseren Druckarten <br><br>Wie funktioniert der T-Shirt Designer ? <br> <br> Bestellablauf <br> <br> Zertifizierter und geprüfter Online Shop : Siyat.de <br> <br> AGB und Datenschutz

                                        </div>


                                </div>

einen identischen Abschnitt mit der Klasse contact erstellen. Allerdings bin ich mir nicht sicher, ob das stimmt. Um das richtig beurteilen zu können wäre ein Link zur Seite besser geeignet.

Allerdings könntest Du dort genauso gut selbst herausfinden wie Du dort Inhalt einfügst, wenn Du dir mit Firebug oder einem anderen Tool im Browser direkt anschaust, welche Elemente mit welchen Eigenschaften an welcher Stelle stehen. Dort kannst Du auch direkt im Browser probieren, was wirken könnte und was nicht.
 
Danke, leider erscheint der Text darunter und überschneidet sich mit dem Footer.
Habs mal hochgeladen : Siyat.de

Hoffe jetzt ist es leichter zu erkennen.

Ich danke nochmal für jeden Hilfe, die ich bekommen :)
 
Werbung:
Wenn du einen weiteren div-contact einfügst, passen die Breiten nicht mehr und deshalb wird ein drittes div nach unten verschoben. Du musst deshalb mal mit der Breite der Container rumspielen. Eventuell auch an den paddings und margins der Elternelemente
 
Zurück
Oben