Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Doitsu" data-source="post: 1777384" data-attributes="member: 295340">AW: Anfängerin sucht Hilfe für CSS/HTMLTut mir Leid, wenn du es als Angriff gewertet hast, es war in keiner Weise boese gemeint. Ich wollte damit nur sagen, dass man es schneller versteht, wenn man selbst daran Arbeitet - selbst wenn es Wochen dauert (da du dann in Zukunft auch ein paar mehr Referenzen hast). Ich bastel nun seit mehr als 4 Jahren an einem Projekt.Falls du noch nicht Weite bist, hier mal eine kleine Beispielseite:[html]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&nbsp; &nbsp; &lt;head&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;meta http-equiv=&quot;Content-Script-Type&quot;&nbsp; content=&quot;text/javascript&quot; /&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;title&gt;Testdokument..}&lt;/title&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;style type=&quot;text/css&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; body {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: center; /* Seite fuer den IE &lt; 7 zentrieren */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0; /* margin &amp; padding entfernen - sind Raender.. Nicht wirklich noetig. */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding: 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #main {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-align: left; /* IE-Bug aufheben */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin: 0 auto; /* Seite fuer alle modernen Browser zentrieren */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 1000px; /* Seiteninhalt auf 1000 Pixel beschraenken */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #header, #footer {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 100px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #FF0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #000;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 20px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #navi {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 200px; /* mit einer Breite von 200 Pixel .. */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: left; /* #left am linken Seitenrand anzeigen */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #00F;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color: #000;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #content {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 800px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float: right; /* #content rechts anzeigen */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background: #0F0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .cleaner {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height: 1px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size: 1px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; line-height: 1px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; clear: both; /* und die Floats wieder aufheben, sonnst koennte es mit der Zeit zu ungewollten Problemen kommen, dass sich z.B. dein Text verschiebt .. */&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &lt;/style&gt;&nbsp; &nbsp; &lt;/head&gt;&nbsp; &nbsp; &lt;body&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;main&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;header&quot;&gt;Mein Header!&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;wrapper&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Meine Navigation ..&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p align=&quot;justify&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Lorem ipsum dolor sit amet, quis porttitor pellentesque. Nullam sed, justo quam. Feugiat vivamus mauris, elementum nunc quam. Neque aliquam amet, non mus. Mauris ante, ullamcorper ac cras, lectus porttitor in.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p align=&quot;justify&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; In erat, neque nec. Ut ut placerat, tristique magna non. Sodales vestibulum eget, cursus suscipit. Mauris metus, imperdiet aliquam. Varius malesuada praesent, sem phasellus.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p align=&quot;justify&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Augue nullam euismod, iaculis et lorem. Amet at nulla, amet senectus, sit libero libero. Sed aenean euismod, urna ullamcorper. Justo sodales, duis sed, pharetra est. Posuere vitae purus. Orci consequat, vel ac.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p align=&quot;justify&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Vel inceptos, mi mauris. Pellentesque maecenas. Felis lacinia vestibulum, eos purus, ultricies quam. Vel vestibulum tellus, morbi convallis. Consequat eleifend ac. Donec sollicitudin, sed nibh.&lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;cleaner&quot;&gt;&amp;nbsp;&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;footer&quot;&gt;Mein Footer!&lt;/div&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/body&gt;&lt;/html&gt;[/html]</blockquote>

[QUOTE="Doitsu, post: 1777384, member: 295340"] [b]AW: Anfängerin sucht Hilfe für CSS/HTML[/b] Tut mir Leid, wenn du es als Angriff gewertet hast, es war in keiner Weise boese gemeint. Ich wollte damit nur sagen, dass man es schneller versteht, wenn man selbst daran Arbeitet - selbst wenn es Wochen dauert (da du dann in Zukunft auch ein paar mehr Referenzen hast). Ich bastel nun seit mehr als 4 Jahren an einem Projekt. Falls du noch nicht Weite bist, hier mal eine kleine Beispielseite: [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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>Testdokument..}</title> <style type="text/css"> body { text-align: center; /* Seite fuer den IE < 7 zentrieren */ margin: 0; /* margin & padding entfernen - sind Raender.. Nicht wirklich noetig. */ padding: 0; } #main { text-align: left; /* IE-Bug aufheben */ margin: 0 auto; /* Seite fuer alle modernen Browser zentrieren */ width: 1000px; /* Seiteninhalt auf 1000 Pixel beschraenken */ } #header, #footer { height: 100px; background: #FF0; color: #000; font-size: 20px; } #navi { width: 200px; /* mit einer Breite von 200 Pixel .. */ float: left; /* #left am linken Seitenrand anzeigen */ background: #00F; color: #000; } #content { width: 800px; float: right; /* #content rechts anzeigen */ background: #0F0; } .cleaner { height: 1px; font-size: 1px; line-height: 1px; clear: both; /* und die Floats wieder aufheben, sonnst koennte es mit der Zeit zu ungewollten Problemen kommen, dass sich z.B. dein Text verschiebt .. */ } </style> </head> <body> <div id="main"> <div id="header">Mein Header!</div> <div id="wrapper"> <div id="navi"> Meine Navigation .. </div> <div id="content"> Lorem ipsum dolor sit amet, quis porttitor pellentesque. Nullam sed, justo quam. Feugiat vivamus mauris, elementum nunc quam. Neque aliquam amet, non mus. Mauris ante, ullamcorper ac cras, lectus porttitor in. In erat, neque nec. Ut ut placerat, tristique magna non. Sodales vestibulum eget, cursus suscipit. Mauris metus, imperdiet aliquam. Varius malesuada praesent, sem phasellus. Augue nullam euismod, iaculis et lorem. Amet at nulla, amet senectus, sit libero libero. Sed aenean euismod, urna ullamcorper. Justo sodales, duis sed, pharetra est. Posuere vitae purus. Orci consequat, vel ac. Vel inceptos, mi mauris. Pellentesque maecenas. Felis lacinia vestibulum, eos purus, ultricies quam. Vel vestibulum tellus, morbi convallis. Consequat eleifend ac. Donec sollicitudin, sed nibh. </div> <div class="cleaner"> </div> </div> <div id="footer">Mein Footer!</div> </div> </body> </html>[/html] [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?