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

Html Box Fenster

I

imac

Neues Mitglied
Hallo

Da bin ich schon wieder ....;ugl

Kann mir jemand sagen wie heissen die verschiedene fenster/box/quadrate für html web site und wo finde ich die ?

Und wo muss ich die genau einfügen? hier unten ist meine code. Danke.

Code: 
<body>
            <!-- Beginn Container -->


<div id="container">


            <!-- Beginn Header-->
    
    <div id="header">
    HEADER
     </div>
              <!-- Ende Header -->
        
            <!-- Beginn navi-->
    <div id="navi">
        <center>
            <ul>
                <li class="aktiv"><a href="index.html">Home</a></li>
                <li><a href="html/about.html">About</a></li>
                <li><a href="html/gallery.html">Gallery</a></li>
                <li><a href="html/media.html">Media</a></li>
                <li><a href="html/contact.html">Contact</a></li>
            </ul>
        </center>
        
    </div>
   
            <!-- Ende navi -->


            <!--Beginn Content -->
            
    <div id="content">
    <p>Content</p> <p>UJHK</p>
     </div>
    
              <!-- Ende Content -->
      
            <!-- Beginn Footer --> 
    <div id="footer">
    FOooter
    </div>
            <!-- Ende Footer --> 
            




</div>
            <!--Ende Container -->




</body>
 
Hallo

Hallo

Ich habe vergessen den ganze Html Code zu kopieren, jetzt habe ich es kopiert :)

Also ich probiere es nochmals.

Wie kann ich so verschiedene Boxen erstellen (also z.b in meinem Container auf der rechte Seite einen Box in rot erstellen z.b 100x100px wo steht Letzte Neuigkeiten, dann vielleicht nochmals so einen Box in blau 200x100px wo z.b. Letzte Änderungen steht usw)

Dann vielleicht noch auf der rechte Seite oder ganz unten einen Werbebanner.

Ein Beispiel ist hier zu sehen: Erntesegen.de Bio Nahrung - Ursalz Suppen, Saucen - aus Tradition ERNTESEGEN ÖKO (also die 4 kleine gelbe Boxen)


Code: 
<!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" />


<link href="css/stylesheet.css" media="screen" rel="stylesheet" />




<meta name="description" content="Das ist eine Referenz-Homepage für die SAE.">
<meta name="author" content="Admir">
<meta name="keywords" lang="de" content="Web, Site, Admir, Google">




<title>Web Site</title>
</head>


<body>
            <!-- Beginn Container -->


<div id="container">


            <!-- Beginn Header-->

    <div id="header">
HEADER
</div>
             <!-- Ende Header -->

            <!-- Beginn navi-->
    <div id="navi">
    <center>
    <ul>
        <li class="aktiv"><a href="index.html">Home</a></li>
<li><a href="html/about.html">About</a></li>
<li><a href="html/gallery.html">Gallery</a></li>
<li><a href="html/media.html">Media</a></li>
<li><a href="html/contact.html">Contact</a></li>
    </ul>
        </center>

</div>

            <!-- Ende navi -->


            <!--Beginn Content -->

    <div id="content">
<p>Content</p> <p>UJHK</p>
</div>

        <!-- Ende Content -->

            <!-- Beginn Footer --> 
    <div id="footer">
FOooter
</div>
<!-- Ende Footer --> 





</div>
            <!--Ende Container -->




</body>
</html>

Danke.
 
Erstmal kommt es darauf an was für Inhalte du in den Boxen darstellen willst. Abhängig davon musst Du dich für passenden HTML-Code entscheiden. Die Gestaltung davon wird dann per CSS umgesetzt.

Wenn Du also eine Liste von etwas darstellen willst, wäre eine <ul>-Liste sicherlich passend. In anderen Fällen wäre ein <div> evtl. passend. Bei <div> wie auch bei den <li> innerhalb von <ul> musst Du per CSS dann die Eigenschaften festlegen. Um eine quadratische Box zu erreichen z.B.:

Code: 
div.box {
 float: left;
 height: 100px;
 width: 100px;
}

Du solltest dir dafür unbedingt die CSS-Grundlagen anschauen, z.B. hier:
CSS 4 You - The Finest in Stylesheets
Dann würdest Du das auch fix selbst hinbekommen :)
 
Hallo und Danke.

Hallo und Danke.

Ok das ist so weit klar, ein Box also zb so
Code: 
<div id="box"...</div>
in html erstellen, danach im css bearbeiten grosse,farbe usw..

Nur noch etwas, kann ich die Box unterhalb von Content setzen ? damit es nachher auf meiner Seite passt, also nicht das es auserhalb vom inhalt kommt. :D

Code: 
<!--Beginn Content -->    <div id="content"><p>Content</p> <p>UJHK</p></div>        <!-- Ende Content -->
 
imac schrieb:
Nur noch etwas, kann ich die Box unterhalb von Content setzen ? damit es nachher auf meiner Seite passt, also nicht das es auserhalb vom inhalt kommt. :D
Zum Vergrößern anklicken....

Ehrlich gesagt verstehe ich deine Frage nicht.

Bei dem von dir gepostete Code hast du doch schon den Footer unterhalb des Contents.
Was spricht dagegen etwas zwischen Content und Footer zu setzten?

Gruss
Elroy
 
Ja problem ist nur, dass das alles sich immer wieder verschiebt und wenn ein box passt dann verschiebst sich ein andere ...ah ärgerlich ... :S
 
Tja das liegt dann wohl an deinem CSS.

Für das Aussehen ist CSS zuständig nicht HTML.
Mehr kann man ohne Informationen natürlich nicht sagen.

Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben