Boxen untereinander auflisten

H

happynils

Grünschnabel
Guten tag,

ich versuche auf folgender Seite http://www.blog1.bplaced.net Boxen untereinander aufzulsiten. Was verstehe ich unter Boxen? Einfach Menüs mit verschiedenen Inhalt..
Wie man auf der Seite sieht ist links ein Login feld, möchte jetzt genauso ein Feld, nur als eigentständige Box...
Wie kriege ich das am besten hin?
Ich vermute CSS... nur wie? ;D

Danke !!
 
Versteh ehrlich gesagt nicht, wo hier dein Problem ist.

HTML: 
<div id="body2">
     <div class="menue">
          <form action='index.php?s=userlogin' method='post'>
                ...
          </form>
     </div>
     <div class="menue">
          <ul>
              <li>Menüpunkt 1</li>
              <li>Menüpunkt 2</li>
              <li>Menüpunkt 3</li>
          </ul>
     </div>
     <div id="content>
     ...
     </div>
</div>

CSS: 
.menue {
background: #FFFFFF url(images/spl2.png) repeat-x;
float: left;
border: 0.1px solid;
border-top: 0px;
margin-left: 25px;
padding: 0px 0px 0px 5px;
clear:left;
width:305px;
}
 
Zuletzt bearbeitet:
Der ersten Box .menuel fehlt nach dem </form>-Tag der schliessende </div>-Tag, und diese Klasse rufst du im HTML-Code in den beiden DIV-Boxen auch nicht mit dem zugehörigen class-Attribut, sondern weiterhin mit dem id-Attribut auf.

#menuel = ID-Bezeichner = id-Attribut

.menuel = Klassenbezeichner = class-Attribut

ID-Bezeichner dürfen im HTML-Dokumentbaum nur einmal vergeben werden, Klassenbezeichner hingegen beliebig oft - d'rum hab ich deine ehemals genutzte ID in eine Klasse umgewandelt.
 
Zuletzt bearbeitet:
spicelab hat gesagt.:
Der ersten Box .menuel fehlt nach dem </form>-Tag der schliessende </div>-Tag, und diese Klasse rufst du im HTML-Code in den beiden DIV-Boxen auch nicht mit dem zugehörigen class-Attribut, sondern weiterhin mit dem id-Attribut auf.

#menuel = ID-Bezeichner = id-Attribut

.menuel = Klassenbezeichner = class-Attribut

ID-Bezeichner dürfen im HTML-Dokumentbaum nur einmal vergeben werden, Klassenbezeichner hingegen beliebig oft - d'rum hab ich deine ehemals genutzte ID in eine Klasse umgewandelt.
Zum Vergrößern anklicken....

Danke !
Das mit den fehlenden /div habe ich auch schon bemerkt, aber es geht immernoch nicht.
...Was hab ich jetzt vergessen? ;D^^
 
happynils hat gesagt.:
Hab das obere auch nur kopiert ;-)
Zum Vergrößern anklicken....

Mag sein, aber zunächst unvollständig (id- anstatt class-Attribut), und zudem fehlerhaft im HTML-Code eingefügt ;-)


http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

W3C-Validator hat gesagt.:
Line 46, Column 6: end tag for element "DIV" which is not open

</div>


The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.
Zum Vergrößern anklicken....

Das korrekte Markup lautet so:
HTML: 
<body>
    <div id="body1">
         <div id="spalte">
              <marquee scrollamount="4" id="ticker"></marquee>
         </div>
         <div id="body2">
              <div class="menuel">
                   <form action='index.php?s=userlogin' method='post'>
                         ...
                   </form>
              </div>
              <div class="menuel">
                   <ul>
                       <li>Menüpunkt 1</li>
                       <li>Menüpunkt 2</li>
                       <li>Menüpunkt 3</li>
                   </ul>
              </div>
              <div id="content">
                   ...
              </div>
         </div>
    </div>
</body>

Mit einem sauber eingerückten Quellcode leicht zu überschauen, ob darin ein </div>-Tag zuviel, oder zu wenig angegeben ist.
 
Zuletzt bearbeitet:
Code: 
<div class='menue'>
            <div class='menueo'>
                    test
            </div> 
            <div class="menuel">
              <li>Menüpunkt 1</li>
              <li>Menüpunkt 2</li>
              <li>Menüpunkt 3</li>
              <li>Menüpunkt 4</li>
          </ul>
     </div> 
</div>

Ich möchte noch eine Überschrift in einem extra div hinzufügen,
wäre das so richtig, wenn ich dafür eine extra class/div verwende?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück