Formularfelder CSS

lauras · 19. Juli 2010

Zitat

Das heißt dann es ist besser <ul> </ul> zu verwenden wenn es sich um eine Liste handelt?

Du zeichnest Text grundsätzlich immer so aus, was es halt für ein Text ist. Und wenn es eine Liste ist, zeichnest du ihn eben auch als Liste aus, demnach <ul> oder <ol>.

"Logisch" wichtiger bedeutet, dass der Text, den du mit <strong> umschließt, eben wichtiger ist als der Rest des Textes. Und zwar nicht, weil du ihn gerne fett gedruckt hättest, sondern weil er eben wichtiger, d.h. von mehr Bedeutung ist als der Rest. Wenn du ihn aus Design-Zwecken anders formatieren möchtest (z.B. fett), löst du das ganze über span, bzw. bei ganzen Absätzen über die class direkt im Tag.

Bsp:

Code

<p>Dies ist ein normaler Absatz.</p>
<p><span class="accent"> Dies ist besonders formatierter Text,</span> der in einem normalen Absatz steht.</p>
<p class="accent">Dies ist ein Absatz, der komplett anders formatiert ist.</p>
<p>Dies ist ein normaler Absatz.</p>

CSS:

Code

.accent {
font-weight: bold;
color: red;
}

Oder so in der Art..

LG

hume · 19. Juli 2010

Zitat

Du zeichnest Text grundsätzlich immer so aus, was es halt für ein Text ist. Und wenn es eine Liste ist, zeichnest du ihn eben auch als Liste aus, demnach <ul> oder <ol>.

Ok.

Zitat

"Logisch" wichtiger bedeutet, dass der Text, den du mit <strong> umschließt, eben wichtiger ist als der Rest des Textes

Ist es auch...

Normal müsste der HTML Code jetzt richtig sein...

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
          <head>
              <title>
                BHKWPartner - das optimale BHKW von Ihrem Installateur!
              </title>
              <link href="./design.css" type="text/css" rel="stylesheet" />
          </head>
          <body>




              <div id="header">
              </div>
              <div id="left">
              <ul id="navigation">
                <li> <a href="index.html">Startseite</a> </li>
                <li> <a href="simulation.html">Simulationsanfrage </a> </li>
                <li> <a href="planung.html">BHKW-Planung </a> </li>
                <li> <a href="abrechnung.html">BHKW-Abrechnung </a> </li>
                <li> <a href="aktuelles.html">Aktuelles </a> </li>
                <li> <a href="info.html">Info </a> </li>
                <li> <a href="agb.html"> AGB </a> </li>
                <li> <a href="impressum"> Impressum </a> </li>
              </ul>




               <div id="linksunten">


     </div>
    </div>
            <div id="inhalt">
             <h4>
              <strong>
               Jetzt 1.000 € Förderung für Mikro-BHKW (bis 31.12.2010 -
               standortabhängig)
              </strong>
             </h4>
             <p>
              <strong>Senden Sie uns Ihre Simulationsanfrage.</strong>
              Schnell und einfach!
              <strong> Wir erstellen</strong>
              f&uuml;r Sie
              <strong> ein herstellerunabh&auml;ngiges BHKW-Gutachten,
               mit Aggregatsempfehlung,</strong>
              ob und
              <strong>wie es sich rechnet</strong>
              - was es kostet,
              <strong> was es bringt!</strong>
             </p>
             <p class="Rot">
              <strong>
               Unkostenbeitrag f&uuml;r herstellerunabh&auml;ngiges Gutachten
               27.--€ zzgl. Ust.
              </strong>
             </p>
             <p>
              <strong>
               Den bis zu 4,5-fachen Vorteil mit dem richtigen BHKW
               nutzen!
              </strong>
             </p>
             <p>
              <a href="aktuelles.html">Lesen sie auch hier&lt;&lt; </a>
             </p>
             <p>Und so einfach geht's</p>

              <ul>  <li> <strong>1.</strong>Simulationsanfrage stellen. </li>
             <li> <strong>2. </strong>BHKW-Gutachten abwarten. </li>
             <li> <strong>3. </strong>Unverbindliches Angebot erhalten -
              vom Installateur in Ihrer Nähe. </li> </ul> 

             <p class="abstand"> <strong>
              <a href="simulation.html">Erstellen Sie Ihre Simulationsanfrage hier&lt;&lt;</a>
             </strong> </p>
             <p> <strong>BHKWPartner - in Deutschland einmalig!</strong> <br />
              Der erste neutrale BHKW - Volldienstleister. Von der Auslegung
              bis zur Planung, Inbetriebnahme und Abrechnung.
              Alle marktg&auml;ngige, zuverl&auml;ssige und
              f&ouml;rderf&auml;hige Aggregate von 1 - 500 kW (el)!
             </p>

               <p> <strong>Spezialist f&uuml;r BHKW-Auslegung aller Gr&ouml;ßenordnung.
               F&uuml;r Sie immer Up to Date! <br />
               Blockheizkraftwerk ? - Ja, aber richtig!
              </strong>
             </p>
            </div>




             <div id="fusszeile">
             <p>&copy; Otto Huml W&auml;rme und Strom</p>
             </div>







          </body>




      </html>

Alles anzeigen

Edit: Code

Formularfelder CSS

Jetzt mitmachen!

Teilen