Beiträge von anna

    Hallo zusammen,
    ich habe eine Tabelle, in der momentan eine Aufzählung mit Listenpunkten festgelegt ist.
    Ich bin mir nicht sicher, ob das die optimale Lösung ist.
    Wichtig ist, dass ein Aufzählzeichen (egal ob Bullet oder Gedankenstrich) vor dem Absatz steht und das der Text insgesamt eingerückt ist.
    Die momentane Lösung sieht so aus:


    Ich habe es schon wie unten versucht. Da der Text über drei oder vier Zeilen geht, ist dann nur die erste Zeile eingerückt.

    Code
    <td>&bull;<div style="padding-left: 15px;">erster Aufzählungspunkt</div></td>


    Macht es überhaupt sinn, nach einer alternative zu suchen? Oder bleibt man doch bei der Aufzählung mit <li>?


    Eine etwas zweifelnde
    anna

    Hallo zusammen,
    ich habe eine Seite, auf der links der Navi-Bereich und rechts der Inhalt steht.
    Die Hintergurndfarbe des Body ist silber, der Navi-Bereich rosa und der Inhalt ist grau.


    Der Inhalt der Seite soll regelmäßig überarbeitet werden und somit ändert sich auch jedesmal die Höhe.


    Gibt es eine möglichkeit den Navi-Bereich so einzustellen, dass sich die Höhe automatisch an die Höhe des Inhalts anpasst?
    Ich möchte gerne einen einheitlichen abschluß der beiden Farbbereiche zum silbernen Hintergrund haben.


    Anna

    Hallo zusammen,
    ich versuche mich gerade an einer neuen Unterseite.
    Nun soll auf dieser Seite oben, links und rechts ein Rahmen zu sehen sein, aber die Breite soll unterschiedlich sein.
    Oben border="1", links border="80" und rechts border="4".
    Wie kann ich das hinbekommen. Möglichst ohne eine Tabelle zu erstellen, in der ich die Spaltenbereite entsprechend eingebe und die gewünschte hintergrundfarbe setze.


    Ich hoffe, ihr könnt mir helfen.
    Anna

    Vielleicht übersehe ich ja was.
    Hier kommt alles. (Die Farben dienen nur für´s erste der Orientierung)


    ausgelagerte design.css:
    <!--
    body {font: 100% Arial, Helvetica, sans-serif; color:white; background-color:black;}
    #seitenbereich { width:780px;}
    #kopf {width:770px;background-color:green;}
    #koli {float:left; width:120px;}
    #kore {float:right; width:120px;}
    #navi {float:left;width:120px;text-align:center;background-color:blue;}
    #inhalt {margin:0 300px 0 130px;background-color:red;}
    h1 {color:#ffe500;text-align:center}


    a:link {color:#ffe500;}
    a:visited {color:#ffe500;}
    a:focus {color:#ffe500;}
    a:hover {color:#ffe500;}
    a:active {color:#ffe500;}-->


    index.htm:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">


    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" media="screen" href="design.css" />
    <title>Titel</title>
    </head>


    <body>
    <div id="seitenbereich">
    <div id="kopf">
    <div id="koli">
    <img src="bilder/patch.gif">
    </div>
    <h1>Club</h1>
    <div id="kore">
    <img src="bilder/logo.png">
    </div>
    </div>
    <div id="navi">
    <p><a href="index.htm" target="_blank">Startseite</a></p>
    <p><a href="wer_wir_sind.htm" target="_blank">wer wir sind</a></p>
    <p><a href="was_wir_machen.htm" target="_blank">was wir machen</a></p>
    <p><a href="termine.htm" target="_blank">Termine</a></p>
    <p><a href="kontakt.htm" target="_blank">Kontakt</a></p>
    <p><a href="bilder.htm" target="_blank">Bilder</a></p>
    </div>
    <div id="inhalt">
    <br />
    <h2>Hallo</h2>
    <p></p>
    <p>Text</p>
    <br />
    <p><img src="bilder/bild1kl.jpg" align="middle"><a href="bilder/bild1gr.jpg" target="_blank">Text</a></p>
    <p><img src="bilder/bild2kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild3kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild4kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild5kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild6kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild7kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild8kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild9kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild10kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild11kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild12kl.jpg" align="middle">Text</p>
    <p><img src="bilder/bild13kl.jpg" align="middle">Text</p>


    </div>



    </div>
    </body>
    </html>

    Hallo zusammen,
    ich bin im thema html ein ziemlicher neuling. Das Seminar habe ich immerhin schon zu 98 % absolviert und komme damit auch gut zurecht.
    Leider kann ich nirgends finden, wie ich im Kopfbereich zwei Bilder anzeigen lassen kann. Ich möchte gerne ein Bild am linken rand haben 120 x 120px, dann einen zentrierten Text in h1, und dann das zweite Bild 120 x 120px rechts ausgerichtet.
    Kann mir jemand dabei helfen?


    Folgendes habe ich bis jetzt


    #kopf {float:left; width:770px;}
    h1 {color:#ffe500; text-align:center;}


    <div id="kopf"><a><img src="bild1.png">Überschrift<img align="right" src="bild2.gif"></a></div>