Navigationsleiste auf volle Fensterbreite – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 10:28:45 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493641#m1493641 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493641#m1493641 <p>Hallo zusammen,</p> <p>ich sitze seit gestern abend an einer kleinen Website, die ich von Null auf selbst schreibe. Ich habe derzeit ein Problem mit dem horizontalen braunen Menü, welches sich auf schmalen Seiten nicht auf die volle Fensterbreite streckt (z.B. impressum.html).</p> <p>Kann mir da jemand auf die Sprünge helfen? Habe schon stundenlang Google und auch dieses Forum bemüht, komme aber trotz vielem Ausprobieren nicht auf meinen Fehler.</p> <p>Meine Impressum-Seite schaut so aus:</p> <pre><code class="block language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">HTML</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD HTML 4.01 Transitional//EN"</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Robert Kaplan translations - Impressum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">http-equiv</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>content-type<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/html; charset=UTF-8<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>keywords<span class="token punctuation">"</span></span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>de<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Robert, Kaplan, Übersetzung, Übersetzungen, Englisch, Deutsch<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>keywords<span class="token punctuation">"</span></span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>en-us<span class="token punctuation">"</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Robert, Kaplan, translation, translations, english, german<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>stylesheet</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>rkaplan.css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>img</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://rkaplan.smfportal.de/rkt.png<span class="token punctuation">"</span></span> <span class="token attr-name">alt</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>Robert Kaplan translations<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>title</span><span class="token punctuation">></span></span> Robert Kaplan translations - Übersetzungen in Deutsch und Englisch<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>menue-box-1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>menue</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>menue</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ich.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Über mich<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>menue</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>translations.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Übersetzungen<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>menue</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>kontakt.php<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kontakt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>menue</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>impressum.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Impressum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>td</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>tr</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>table</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span>Impressum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Diese Website ist eine private Website.<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h2</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span>Disclaimer<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h2</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>p</span><span class="token punctuation">></span></span>Hier steht der Disclaimer.<span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>br</span> <span class="token punctuation">/></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>p</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>footer</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>http://validator.w3.org/check?uri=referer<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Valid HTML 4.01 Transitional<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>div</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>Und hier die CSS-Datei dazu:</p> <pre><code class="block language-css"><span class="token comment">/* Seitenweite Angaben: */</span> <span class="token selector">body</span> <span class="token punctuation">{</span> <span class="token property">font-family</span><span class="token punctuation">:</span> sans-serif<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 90%<span class="token punctuation">;</span> <span class="token property">float</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token property">margin-left</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token property">margin-right</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 1cm<span class="token punctuation">;</span> <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Verhalten von Links, seitenweit: */</span> <span class="token selector">a:link, a:active</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">a:visited</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">a:hover</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Das horizontale Hauptmenü: */</span> <span class="token selector">.menue-box-1</span> <span class="token punctuation">{</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">table</span> <span class="token punctuation">{</span> <span class="token property">border-spacing</span><span class="token punctuation">:</span> 0pt<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">td, th</span> <span class="token punctuation">{</span> <span class="token property">height</span><span class="token punctuation">:</span> 40px<span class="token punctuation">;</span> <span class="token property">width</span><span class="token punctuation">:</span> 160px<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 90%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">td:hover, td:active</span> <span class="token punctuation">{</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #1F1A17<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Verhalten von Links im Menü: */</span> <span class="token selector">a.menue:link, a.menue:active, a.menue:visited</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Titelzeile oben rechts: */</span> <span class="token selector">.title</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> -6em<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Textliche Formatierungen: */</span> <span class="token selector">h2</span> <span class="token punctuation">{</span> <span class="token property">border-bottom</span><span class="token punctuation">:</span> 1px dotted #8E7960<span class="token punctuation">;</span> <span class="token property">border-right</span><span class="token punctuation">:</span> 1px dotted #8E7960<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">p</span> <span class="token punctuation">{</span> <span class="token property">text-align</span><span class="token punctuation">:</span> justify<span class="token punctuation">;</span> <span class="token property">text-indent</span><span class="token punctuation">:</span> 2em<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">td.text</span> <span class="token punctuation">{</span> <span class="token property">vertical-align</span><span class="token punctuation">:</span> top<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Horizontale Linie: */</span> <span class="token selector">hr</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 2px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Footer: */</span> <span class="token selector">.footer</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #1F1A17<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.footer a</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 70%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.footer a:hover</span> <span class="token punctuation">{</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Bin für Hilfe sehr dankbar!</p> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 11:23:43 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493683#m1493683 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493683#m1493683 <p>Lieber Jorin,</p> <blockquote> <p>Kann mir da jemand auf die Sprünge helfen?</p> </blockquote> <p>klaro!</p> <p>* <a href="http://wiki.selfhtml.org/wiki/Artikel:Eine_zug%C3%A4ngliche_Multilevel-Dropdown-Navigation" rel="nofollow noopener noreferrer">http://wiki.selfhtml.org/wiki/Artikel:Eine_zugängliche_Multilevel-Dropdown-Navigation</a><br> * <a href="http://de.selfhtml.org/css/layouts/navigationsleisten.htm" rel="nofollow noopener noreferrer">http://de.selfhtml.org/css/layouts/navigationsleisten.htm</a></p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> <div class="signature">-- <br> ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 13:59:29 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493662#m1493662 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493662#m1493662 <p>Hi,</p> <blockquote> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"></p> </blockquote> <p>gibt es einen Grund, dass Du die Browser in den Quirks-Mode schaltest?</p> <blockquote> <p><div class=title></p> </blockquote> <p><a href="http://community.de.selfhtml.org/zitatesammlung/zitat508" rel="nofollow noopener noreferrer">"ich möchte eine überschrift sein, bitte bitte lass mich ein <hX> sein!"</a></p> <blockquote> <pre><code> <table> </code></pre> </blockquote> <p>In dieser Tabelle sehe ich keinerlei tabellarische Daten. Du hast ja nicht mal einen <thead>!</p> <blockquote> <pre><code> <a class=menue href="index.html">Home</a> <a class=menue href="ich.html">Über mich</a> <a class=menue href="translations.html">Übersetzungen</a> <a class=menue href="kontakt.php">Kontakt</a> <a class=menue href="impressum.html">Impressum</a> </code></pre> </blockquote> <p>Wenn *alle* gleichartigen Elemente eines Bereiches die selbe Klasse bekommen, ist das ein ziiieeemlich starkes Indiz dafür, dass *keines* die Klasse verdient.</p> <blockquote> <p><h2><br />Impressum</h2></p> </blockquote> <p>Welche Zeile schließt Du denn mit diesem <br> ab? Da ist doch gar kein Text vor.</p> <blockquote> <p><p><h2><br />Disclaimer</h2></p> </blockquote> <p>Wozu dieser leere Absatz, und warum schließt Du ihn implizit anstatt explizit? Füge doch bitte das </p> vor dem <h2> ein.</p> <blockquote> <p><p>Hier steht der Disclaimer.<br /><br /></p></p> </blockquote> <p>Ist Dir eigentlich klar, was das "/" in "<br />" bedeutet?</p> <blockquote> <p><div class=footer><br> <a href="http://validator.w3.org/check?uri=referer">Valid HTML 4.01 Transitional</a><br> </div></p> </blockquote> <p>Du hast die Warnungen des Validators ignoriert, und mich deucht, Dir ist auch kein Stück bewusst, warum er bei diesem Code keinen Fehler ausspuckt. Merke: Formal fehlerfrei heißt noch lange nicht richtig.</p> <blockquote> <p>margin-left: 2cm;</p> </blockquote> <p>Wie viele Zentimeter hat eigentlich so ein Bildschirm? Oder ist dieses Stylesheet für den Ausdruck gedacht?</p> <p>Cheatah</p> <div class="signature">-- <br> X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|<br> X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html<br> X-Will-Answer-Email: No<br> X-Please-Search-Archive-First: Absolutely Yes </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 18:24:34 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493659#m1493659 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493659#m1493659 <p>@@Jorin:</p> <p>nuqneH</p> <blockquote> <p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"></p> </blockquote> <p>Die DOCTYPE-Angabe HTML 4.01 Transitional ohne System Identifier (URI) schaltet Browser in den Quirksmodus. Dass du dies vermeiden solltest, hat Cheatah ja schon angedeutet. [<a href="http://www.w3.org/International/articles/serving-xhtml/Overview.de.php#quirks" rel="nofollow noopener noreferrer">SERVING-XHTML</a>]</p> <blockquote> <p><meta name="keywords" lang="en-us" content="Robert, Kaplan, translation, translations, english, german"></p> </blockquote> <p>Nicht "en-US" als Sprachangabe verwenden, sondern "en". “Always bear in mind that the golden rule is to keep your language tag as short as possible. Only add further subtags to your language tag if they are needed to distinguish the language from something else in the context where your content is used.” [<a href="http://www.w3.org/International/questions/qa-choosing-language-tags#langsubtag" rel="nofollow noopener noreferrer">CHOOSING-LANGUAGE-TAGS</a>]</p> <blockquote> <p><link rel=stylesheet type="text/css" href="rkaplan.css"></p> </blockquote> <p>„Wir empfehlen, Anführungszeichen auch dann zu verwenden, wenn es möglich ist, sie wegzulassen.“ [<a href="http://www.edition-w3c.de/TR/1999/REC-html401-19991224/intro/sgmltut.html#h-3.2.2" rel="nofollow noopener noreferrer">HTML401 §3.2.2</a>]</p> <p>Über das misslunge Markup ('table' statt Liste, 'div' statt 'h1', 'br' statt Abständen per CSS) wurde ja schon einiges gesagt.</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 19:52:44 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493642#m1493642 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493642#m1493642 <p>Hi,</p> <blockquote> <p><meta name="keywords" lang="de" content="Robert, Kaplan, Übersetzung, Übersetzungen, Englisch, Deutsch"><br> <meta name="keywords" lang="en-us" content="Robert, Kaplan, translation, translations, english, german"></p> </blockquote> <p>Interessant. In der deutschen Sprache werden Adjektive, auch wenn sie auf Eigennamen basieren, klein geschrieben. In der englischen Sprache werden derartige Adjektive großgeschrieben.<br> In Deinen Keywords ist es genau andersrum ...</p> <blockquote> <p>/*<br> Das horizontale Hauptmenü:<br> */<br> .menue-box-1 {</p> </blockquote> <p>Ich würde auf Umlaute in CSS-Kommentaren verzichten. Der Nutz-Inhalt ist bei CSS üblicherweise kompatibel zu ASCII, so daß keine Codierungs-Probleme auftreten - mit den Umlauten sieht das anders aus ...</p> <p>cu,<br> Andreas</p> <div class="signature">-- <br> <a href="http://MudGuard.de/" rel="nofollow noopener noreferrer">Warum nennt sich Andreas hier MudGuard?</a><br> <a href="http://ostereier.andreas-waechter.de/" rel="nofollow noopener noreferrer">O o ostern ...</a><br> Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.<br> </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 20:28:11 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493643#m1493643 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493643#m1493643 <p>@@MudGuard:</p> <p>nuqneH</p> <blockquote> <blockquote> <p>Englisch, Deutsch<br> In der deutschen Sprache werden Adjektive […]</p> </blockquote> </blockquote> <p>Adverbien. Wenn schon, dann richtig. ;-)</p> <blockquote> <p>Ich würde auf Umlaute in CSS-Kommentaren verzichten.</p> </blockquote> <p>Ich nicht. Warum auch?</p> <blockquote> <p>Der Nutz-Inhalt ist bei CSS üblicherweise kompatibel zu ASCII</p> </blockquote> <p>Warum sollte? Klassenselektoren und Werte von background-image, content, font-family können durchaus Nicht-ASCII-Zeichen enthalten.</p> <p>In CSS gilt ebenso wie in HTML: <a href="http://www.w3.org/International/questions/qa-escapes" rel="nofollow noopener noreferrer">Nicht escapen</a>*, sondern <a href="http://www.w3.org/International/questions/qa-css-charset" rel="nofollow noopener noreferrer">die Zeichencodierung angeben</a>.</p> <blockquote> <p>so daß keine Codierungs-Probleme auftreten - mit den Umlauten sieht das anders aus ...</p> </blockquote> <p>Nicht, wenn man die Zeichencodierung angibt.</p> <p>Qapla'</p> <p>* Ich hab’s endlich geschafft, die Abschnitte zu CSS-Escapes einzubauen.</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 21:01:24 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493646#m1493646 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493646#m1493646 <p>Hallo,</p> <blockquote> <blockquote> <blockquote> <p>Englisch, Deutsch<br> In der deutschen Sprache werden Adjektive […]<br> Adverbien. Wenn schon, dann richtig. ;-)</p> </blockquote> </blockquote> </blockquote> <p>ohne Satzzusammenhang kann man im Deutschen allgemein nicht zwischen Adjektiv und Adverb unterscheiden.</p> <p>Aber:<br> In "Mein Kollege aus Polen spricht fließend Deutsch" hat es den Charakter eines Substantivs.<br> In "Dieses Formular ist typisch deutsch" ist es ein Adjektiv.</p> <p>Nur ein Beispiel für die Verwendung von "deutsch" als Adverb fällt mir nicht ein.</p> <p>So long,<br>  Martin</p> <div class="signature">-- <br> Chef:         Zum vierten Mal in dieser Woche erwische ich Sie nun schon beim Zuspätkommen. Was haben Sie dazu zu sagen?<br> Angestellter: Dann muss heute Donnerstag sein.<br> Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:( </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 22:09:10 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493644#m1493644 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493644#m1493644 <p>Hi,</p> <blockquote> <p>Warum sollte?</p> </blockquote> <p>KISS</p> <blockquote> <p>Klassenselektoren</p> </blockquote> <p>bei mir nicht. Siehe oben: KISS.</p> <blockquote> <p>und Werte von background-image</p> </blockquote> <p>Wie? Die Zeichen 'u', 'r', 'l', '(', ')' und bei CSS3 noch Kommata und ggf. Whitespace: alles ASCII.<br> Und die URL selbst? Da müssen Nicht-ASCII-Zeichen ja auch url-kodiert werden.</p> <blockquote> <p>font-family</p> </blockquote> <p>Nenne mir eine Schrift mit nennenswerter Verbreitung, deren Name nicht-ASCII-Zeichen enthält.<br> (bei Schriften mit nicht-nennenswerter Verbreitung spielen für mich keine Rolle)</p> <blockquote> <p>content, können durchaus Nicht-ASCII-Zeichen enthalten.</p> </blockquote> <p>Ok, da wäre es ggf. möglich.<br> Ist bei mir aber noch nicht vorgekommen ...</p> <p>cu,<br> Andreas</p> <div class="signature">-- <br> <a href="http://MudGuard.de/" rel="nofollow noopener noreferrer">Warum nennt sich Andreas hier MudGuard?</a><br> <a href="http://ostereier.andreas-waechter.de/" rel="nofollow noopener noreferrer">O o ostern ...</a><br> Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.<br> </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 23:15:19 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493645#m1493645 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493645#m1493645 <p>@@MudGuard:</p> <p>nuqneH</p> <blockquote> <p>Und die URL selbst? Da müssen Nicht-ASCII-Zeichen ja auch url-kodiert werden.</p> </blockquote> <p>OK, CSS erlaubt keine IRIs. Auch CSS 3 (noch) nicht, vielleicht sollte da noch nachgebessert werden.</p> <blockquote> <p>Nenne mir eine Schrift mit nennenswerter Verbreitung, deren Name nicht-ASCII-Zeichen enthält.</p> </blockquote> <p>Keine Ahnung, was bei CJK, kyrillischer, griechischer, hebräischer, arabischer, … Schrift¹ so für Schrift² in Gebrauch ist.</p> <p>No pun intended:<br> ¹ script<br> ² font</p> <blockquote> <blockquote> <p>content, können durchaus Nicht-ASCII-Zeichen enthalten.<br> Ist bei mir aber noch nicht vorgekommen ...</p> </blockquote> </blockquote> <p><code class="language-css"><span class="token selector">li::before</span> <span class="token punctuation">{</span> <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">'► '</span> <span class="token punctuation">}</span></code></p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 21:15:10 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493648#m1493648 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493648#m1493648 <p>Lieber Martin,</p> <blockquote> <p>Nur ein Beispiel für die Verwendung von "deutsch" als Adverb fällt mir nicht ein.</p> </blockquote> <p>man könnte etwas zusammenschrauben. Aber alltagstauglich ist es nicht:<br> "Er handelte deutsch und listete ihm alle seine Vergehen chronologisch sortiert und mit den Namen der beteiligten Opfer schriftlich auf."</p> <p>Liebe Grüße,</p> <p>Felix Riesterer.</p> <div class="signature">-- <br> ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 21:28:48 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493647#m1493647 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493647#m1493647 <p>@@Der Martin:</p> <p>nuqneH</p> <blockquote> <p>In "Mein Kollege aus Polen spricht fließend Deutsch" hat es den Charakter eines Substantivs.</p> </blockquote> <p>Nein, sondern eines Adverbs. Demzufolge ist es klein zu schreiben: „Mein Kollege aus Polen spricht fließend deutsch.“</p> <p>Substantiv wäe es in „Das Deutsch meines Kollegen aus Polen ist sehr gut.“</p> <blockquote> <p>Nur ein Beispiel für die Verwendung von "deutsch" als Adverb fällt mir nicht ein.</p> </blockquote> <p>Doch, s.o. ;-)</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 21:24:04 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493649#m1493649 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493649#m1493649 <p>Hi Felix.</p> <blockquote> <blockquote> <p>Nur ein Beispiel für die Verwendung von "deutsch" als Adverb fällt mir nicht ein.</p> </blockquote> <p>man könnte etwas zusammenschrauben. Aber alltagstauglich ist es nicht:<br> "Er handelte deutsch und listete ihm alle seine Vergehen chronologisch sortiert und mit den Namen der beteiligten Opfer schriftlich auf."</p> </blockquote> <p>Waere "deutsch" in "Ich spreche deutsch." nicht ein Adverb?</p> <p>Viele Gruesse,<br> der Bademeister</p> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 21:26:58 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493650#m1493650 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493650#m1493650 <blockquote> <p>Waere "deutsch" in "Ich spreche deutsch." nicht ein Adverb?</p> </blockquote> <p>Ah. <a href="https://forum.selfhtml.org/?t=203252&m=1373994" rel="noopener noreferrer">Der Martin</a> macht daraus ein Substantiv und schreibt es gross. Hmmm. Wuerde ich irgendwie nicht so sehen.</p> <p>Viele Gruesse,<br> der Bademeister</p> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 21:35:46 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493654#m1493654 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493654#m1493654 <p>@@Bademeister:</p> <p>nuqneH</p> <blockquote> <blockquote> <p>Waere "deutsch" in "Ich spreche deutsch." nicht ein Adverb?</p> </blockquote> </blockquote> <p><a href="https://forum.selfhtml.org/?t=203252&m=1374000" rel="noopener noreferrer">Ja!!!11elf</a></p> <blockquote> <p>Ah. <a href="https://forum.selfhtml.org/?t=203252&m=1373994" rel="noopener noreferrer">Der Martin</a> macht daraus ein Substantiv und schreibt es gross. Hmmm. Wuerde ich irgendwie nicht so sehen.</p> </blockquote> <p>+1</p> <p>Ich sehe „Deutsch“ in [<a href="http://www.w3.org/International/questions/qa-navigation-select" rel="nofollow noopener noreferrer">NAVIGATION-SELECT</a>] auch als Fehler, wenn in dem Artikel explizit auf die Kleinschreibung „français“ hingewiesen wird.</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 22:12:54 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493651#m1493651 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493651#m1493651 <p>Hallo,</p> <blockquote> <blockquote> <p>Waere "deutsch" in "Ich spreche deutsch." nicht ein Adverb?</p> </blockquote> </blockquote> <p>nein, sondern IMHO wegen der Kleinschreibung falsch.</p> <blockquote> <p>Ah. <a href="https://forum.selfhtml.org/?t=203252&m=1373994" rel="noopener noreferrer">Der Martin</a> macht daraus ein Substantiv und schreibt es gross.</p> </blockquote> <p>Ja. Weil "Deutsch" in diesem Satz eine Kurzform für "die deutsche Sprache" ist.</p> <blockquote> <p>Hmmm. Wuerde ich irgendwie nicht so sehen.</p> </blockquote> <p>Okay. Wir haben Meinungsfreiheit. :-)</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> <a href="http://www.baetzler.de/humor/30_tage_schnee.html" rel="nofollow noopener noreferrer">Mir geht es gut.</a> Ich mag die kleinen Pillen, die sie mir dauernd geben.<br> Aber warum bin ich ans Bett gefesselt?<br> Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:( </div> deutsch vs. Deutsch Fri, 11 Feb 11 13:24:03 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493652#m1493652 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493652#m1493652 <p>@@Der Martin:</p> <p>nuqneH</p> <blockquote> <blockquote> <blockquote> <p>Waere "deutsch" in "Ich spreche deutsch." nicht ein Adverb?</p> </blockquote> </blockquote> <p>nein, sondern IMHO wegen der Kleinschreibung falsch.</p> </blockquote> <p>Mal meinen alten Duden [1] rausgekramt. Einen neueren hab ich gerade nicht zur Hand, aber die deformierte Rechtschreibung interessiert dich ja genausowenig wie mich.</p> <p>Im Leitfaden:</p> <p>„265 Diese Sprachbezeichnungen [auf -isch (-sch)] sind der Wortart nach Adjektive. Sie können wie alle Adjektive auch als Adverb oder als Substantiv gebraucht werden. Nach ihrem Gebrauch richtet sich die rechtschreibliche Form.</p> <p>[…]</p> <p>267 Bei adverbialem Gebrauch (Frage: Wie?) wird die Sprachbezeichnung klein geschrieben.</p> <p>Beispiele: einen Namen russisch betonen, ein Fremdwort deutsch aussprechen, sich englisch (= auf englische Art) kleiden […]; deutsch (= in deutscher Sprache) sprechen, schreiben, reden, unterrichten […]“</p> <p>Du liegst also mit „Kleinschreibung falsch“ falsch.</p> <p>„268 Bei substantivistischem Gebrauch (Frage: Was?) wird die Sprachbezeichnung groß geschrieben.</p> <p>Beispiele: Er kann, lernt, versteht Deutsch, Russisch usw. od. kein Deutsch usw. od. nicht Deutsch od. gut Deutsch usw., er spricht gut[es] Deutsch […]“</p> <p>Ich lieg also mit „Großschreibung falsch“ falsch.</p> <p>„269 Eine Sprachbezeichnung kann klein oder groß geschrieben werden, je nachdem, ob man sie als Adverb (Frage: Wie?) oder als Substantiv (Frage: Was?) aufgefaßt wissen will. Ein sachlicher Unterschied wird dadurch kaum oder gar nicht ausgedrückt.</p> <p>Beispiele: er schreibt, spricht deutsch od. Deutsch; er spricht gut englisch od. Englisch; er spricht besser deutsch od. Deutsch als englisch od. Englisch; die deutsch sprechende od. Deutsch sprechende Bevölkerung“</p> <p>Also Ermessenssache. Das für mich maßgebliche Ermessen – meins! ;-) – sagt: Adverb, also klein. YMMV.</p> <p>Weiter geht’s im Text:</p> <p>„Merke: Die Fügung deutsch, englisch, russisch usw. sprechend kann auch als Dauereigenschaft aufgefaßt werden. Nach K 128 ist deshalb auch Zusammenschreibung möglich.</p> <p>Beispiele: die deutschsprechende Bevölkerung, der englischsprechende Teil der Welt</p> <p>270 Wenn ein sachlicher Unterschied vorliegt, muß die Sprachbezeichnung je nach der Bedeutung klein oder groß geschrieben werden.</p> <p>Beispiele: er unterrichtet, lehrt, hält die Stunde deutsch, russisch, englisch (= in deutscher, russischer, englischer Sprache [K 267]); er unterrichtet, lehrt, hält [eine Stunde] Deutsch, Russisch, Englisch (= als Lehrfach [K 268])“</p> <p>So, dann hätten wir das auch geklärt. Groß ist auch richtig, klein ist richtiger. ;-)</p> <p>Qapla'</p> <p>[1] Horst Klien (Hrsg.): Der Große Duden. Wörtebuch und Leitfaden der deutschen Rechtschreibung. VEB Bibliographisches Institut, Leipzig 1968.</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> deutsch vs. Deutsch Fri, 11 Feb 11 23:00:08 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493653#m1493653 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493653#m1493653 <p>n'Abend!</p> <blockquote> <blockquote> <blockquote> <blockquote> <p>Waere "deutsch" in "Ich spreche deutsch." nicht ein Adverb?<br> nein, sondern IMHO wegen der Kleinschreibung falsch.<br> Mal meinen alten Duden [1] rausgekramt. Einen neueren hab ich gerade nicht zur Hand, aber die deformierte Rechtschreibung interessiert dich ja genausowenig wie mich.</p> </blockquote> </blockquote> </blockquote> </blockquote> <p>kann ich nicht genau einschätzen, könnte aber stimmen. ;-)</p> <blockquote> <p>267 Bei adverbialem Gebrauch (Frage: Wie?) wird die Sprachbezeichnung klein geschrieben.<br> Beispiele: einen Namen russisch betonen, ein Fremdwort deutsch aussprechen, sich englisch (= auf englische Art) kleiden […]; deutsch (= in deutscher Sprache) sprechen, schreiben, reden, unterrichten […]“</p> </blockquote> <p>Gut, hier sind sie also, die Beispiele für den Gebrauch als Adverb, die mir nicht einfallen wollten.</p> <blockquote> <p>Du liegst also mit „Kleinschreibung falsch“ falsch.</p> </blockquote> <p>Okay. Widerwillig akzeptiert.</p> <blockquote> <p>„268 Bei substantivistischem Gebrauch (Frage: Was?) wird die Sprachbezeichnung groß geschrieben.<br> Beispiele: Er kann, lernt, versteht Deutsch, Russisch usw. od. kein Deutsch usw. od. nicht Deutsch od. gut Deutsch usw., er spricht gut[es] Deutsch […]“<br> Ich lieg also mit „Großschreibung falsch“ falsch.</p> </blockquote> <p>Okay.</p> <blockquote> <p>„269 Eine Sprachbezeichnung kann klein oder groß geschrieben werden, je nachdem, ob man sie als Adverb (Frage: Wie?) oder als Substantiv (Frage: Was?) aufgefaßt wissen will. Ein sachlicher Unterschied wird dadurch kaum oder gar nicht ausgedrückt.</p> </blockquote> <p>Aha, das ist der Kern.</p> <blockquote> <p>Beispiele: er schreibt, spricht deutsch od. Deutsch; er spricht gut englisch od. Englisch; er spricht besser deutsch od. Deutsch als englisch od. Englisch; die deutsch sprechende od. Deutsch sprechende Bevölkerung“<br> Also Ermessenssache. Das für mich maßgebliche Ermessen – meins! ;-) – sagt: Adverb, also klein. YMMV.</p> </blockquote> <p>Gut, und für mich ist "Deutsch" (groß geschrieben) ein Synonym für "die deutsche Sprache". Ich neige daher, wenn die Sprache selbst und nicht eine sprach- oder volkstypische Eigenheit gemeint ist, zur Großschreibung.</p> <blockquote> <p>So, dann hätten wir das auch geklärt. Groß ist auch richtig, klein ist richtiger. ;-)</p> </blockquote> <p>Ansichtssache. :-)</p> <p>Ciao,<br>  Martin</p> <div class="signature">-- <br> Lieber Blödeleien als blöde Laien.<br> Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:( </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 21:53:24 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493656#m1493656 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493656#m1493656 <p>Hi Gunnar.</p> <p>Mal kurz ne andere Frage.</p> <blockquote> <p>„Deutsch“</p> </blockquote> <p>Wie produzierst Du diese Anfuehrungszeichen? Hast Du ne Tastaturbelegung entsprechend konfiguriert oder sonstige Eingabehilfen (fuer welchen Browser?)?. Ich hab mir mal so ein Eingabehilfen-Add-On fuer den Firefox besorgt und es war fuerchterlich.</p> <p>Viele Gruesse,<br> der Bademeister</p> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 22:11:24 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493655#m1493655 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493655#m1493655 <p>Hi,</p> <blockquote> <p>Ich sehe „Deutsch“ in [<a href="http://www.w3.org/International/questions/qa-navigation-select" rel="nofollow noopener noreferrer">NAVIGATION-SELECT</a>]</p> </blockquote> <p>Kannst Du die Links bitte in normaler Lautstärke betiteln?</p> <p>cu,<br> Andreas</p> <div class="signature">-- <br> <a href="http://MudGuard.de/" rel="nofollow noopener noreferrer">Warum nennt sich Andreas hier MudGuard?</a><br> <a href="http://ostereier.andreas-waechter.de/" rel="nofollow noopener noreferrer">O o ostern ...</a><br> Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.<br> </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 22:48:28 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493658#m1493658 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493658#m1493658 <p>[latex]Mae  govannen![/latex]</p> <blockquote> <p>Hi Gunnar.<br> Mal kurz ne andere Frage.</p> <blockquote> <p>„Deutsch“</p> </blockquote> <p>Wie produzierst Du diese Anfuehrungszeichen? Hast Du ne Tastaturbelegung entsprechend konfiguriert oder sonstige Eingabehilfen (fuer welchen Browser?)?. Ich hab mir mal so ein Eingabehilfen-Add-On fuer den Firefox besorgt und es war fuerchterlich.</p> </blockquote> <p>Ich bin zwar nicht direkt angesprochen, aber ich hab meine Tastatur mit dem <a href="http://aktuell.de.selfhtml.org/artikel/sonstiges/windows-tastaturlayout-anpassen/" rel="nofollow noopener noreferrer">in SelfHTML vorgestellten Belegungsplan</a> ausgestattet. Nur „…“ (Alt-0133) fehlt mir da leider :(<br> Z und U bei gedrückter AltGr-Taste kann *sogar ich* mir noch merken, was fast schon bemerkenswert ist.</p> <p>Stur lächeln und winken, Männer!<br> Kai</p> <div class="signature">-- <br> Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken<br> in Richtung "Mess up the Web".(<a href="https://forum.selfhtml.org/?t=197497&m=1324775" rel="noopener noreferrer">suit</a>)<br> <a href="http://selfhtml.knrs.de/#h_stylesheet" rel="nofollow noopener noreferrer">SelfHTML-Forum-Stylesheet</a> </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 23:25:24 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493657#m1493657 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493657#m1493657 <p>@@Bademeister:</p> <p>nuqneH</p> <blockquote> <p>Wie produzierst Du diese Anfuehrungszeichen?</p> </blockquote> <p>Mac OS X, Tastaturtreiber US International – PC:<br> U+201C “ alt-[<br> U+201D ” alt-shift-[<br> U+201E „ alt-shift-w</p> <p>Windows:<br> U+201C “ alt-0132<br> U+201D ” alt-0147<br> U+201E „ alt-0148</p> <p>Willst du noch wissen, wie ich ein ü produziere? ;-)</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Navigationsleiste auf volle Fensterbreite Fri, 11 Feb 11 06:21:22 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493660#m1493660 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493660#m1493660 <blockquote> <p>Die DOCTYPE-Angabe HTML 4.01 Transitional ohne System Identifier (URI) schaltet Browser in den Quirksmodus. Dass du dies vermeiden solltest, hat Cheatah ja schon angedeutet. [<a href="http://www.w3.org/International/articles/serving-xhtml/Overview.de.php#quirks" rel="nofollow noopener noreferrer">SERVING-XHTML</a>]</p> </blockquote> <p>Okay, aber welche Angabe wäre denn passend für eine kleine HTML-Seite? Theoretisch gibts da ja Dutzende Möglichkeiten.</p> <blockquote> <p>Über das misslunge Markup ('table' statt Liste, 'div' statt 'h1', 'br' statt Abständen per CSS) wurde ja schon einiges gesagt.</p> </blockquote> <p>Das wurde inzwischen anhand der hier gemachten Anmerkungen bereinigt. Da die Seite persönliche Daten enthält, musste ich sie allerdings per Passwort schützen, sodass ihr derzeit nicht im Netz nachschauen könnt. Ich werde sie aber, wenn das Menü umgebaut ist, hier nochmal einstellen, um nochmals korrigiert zu werden. ;-)</p> Navigationsleiste auf volle Fensterbreite Fri, 11 Feb 11 08:25:09 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493661#m1493661 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493661#m1493661 <p>@@Jorin:</p> <p>nuqneH</p> <blockquote> <p>Okay, aber welche Angabe wäre denn passend für eine kleine HTML-Seite?</p> </blockquote> <p>Diejenige, nach der dein Quelltext verfasst ist.</p> <p>Wenn du HTML-Syntax verwendest, ein HTML-4.01-DOCTYPE; wenn du XHTML-Syntax verwendest, ein XHTML-1.x-DOCTYPE; wenn du HTML5 verwendest, <code class="language-html"><span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span></code>. [<http://de.selfhtml.org/html/xhtml/unterschiede.htm@title=SELFHTML: Unterschiede zwischen XHTML und HTML>]</p> <p>Wenn du keine darstellungsbezogenen Attribute verwendest (was du nicht tun solltest, denn dafür ist CSS da), kein @target verwendest und auch keine Inline-Elemente als Kind von 'body' hast, einen Strict-DOCTYPE; andernfalls Transitional. [<http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=SELFHTML: Dokumenttyp-Deklaration>]</p> <p>Und wenn HTML 4.01 Transitional, dann eine DOCTYPE-Angabe mit System Identifier (URI).</p> <p>Qapla'</p> <div class="signature">-- <br> Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.<br> (Mark Twain) </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 14:51:22 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493663#m1493663 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493663#m1493663 <p>Vielen Dank für den konstruktiven Beitrag, du hast einen Anfänger damit ziemlich zur Sau gemacht, ohne wirkliche Vorschläge zur Problemlösung zu machen.</p> <p>Anstatt jemanden wie mich, der sowas nie gelernt und sich mit Buch und Netz irgendwie durchschlägt, mit Rat und Tat zur Seite zu stehen, kommst du doch ziemlich elitär und besserwisserisch rüber. Ich werde versuchen, aus deiner Antwort dennoch etwas zu extrahieren, was mich weiter bringt.</p> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 15:16:48 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493664#m1493664 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493664#m1493664 <p>Om nah hoo pez nyeetz, Jorin!</p> <blockquote> <p>Anstatt jemanden wie mich, der sowas nie gelernt und sich mit Buch und Netz irgendwie durchschlägt, mit Rat und Tat zur Seite zu stehen,</p> </blockquote> <p>zumindest Rat hast du bekommen.</p> <blockquote> <p>Ich werde versuchen, aus deiner Antwort dennoch etwas zu extrahieren, was mich weiter bringt.</p> </blockquote> <p>Genau das ist das Ziel. Wenn du Fragen hast, frag konkret nach. Gern auch, wenn du etwas aus Cheatas Antwort nicht verstanden hast.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 15:48:12 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493665#m1493665 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493665#m1493665 <blockquote> <p>Om nah hoo pez nyeetz, Jorin!</p> </blockquote> <p>Musste erstmal googeln, was das heißt. ;-)</p> <p>So, ich habe etwas aufgeräumt und nun bekomme ich beim Validieren auch keinerlei Warnungen oder Fehler mehr.</p> <p>Das mit dem Menü hat allerdings so wie bei selfHTML beschrieben nicht funktioniert. Trotz 1:1-Übernahme des Beispiels war meine Liste nicht horizontal, sondern die Listenpunkte untereinander.</p> <p>Ich probiere das nochmal an einem leeren Dokument aus. Wenns nicht fruchtet, gibts keine einfachere Möglichkeit, die Tabellenreihe einfach auf volle Fensterbreite zu strecken, aber die Zellen linksbündig zu lassen?</p> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 16:11:14 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493666#m1493666 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493666#m1493666 <p>Om nah hoo pez nyeetz, Jorin!</p> <blockquote> <p>Ich probiere das nochmal an einem leeren Dokument aus. Wenns nicht fruchtet, gibts keine einfachere Möglichkeit, die Tabellenreihe</p> </blockquote> <p>Die gibt es sicher. Aber wie Cheatah schrieb, hast du keine tabellarischen Daten, sondern eine Liste.</p> <p>Das ist wahrscheinlich auch der Grund dafür, das die "1 zu 1 - Übernahme" nicht funktioniert. Du hast es nämlich</p> <p>a) nicht eins zu eins übernommen, denn eine Tabelle ist keine Liste und b) wäre es denkbar, dass sich Tabellenzellen und Listenelemente nicht gleich verhalten.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Thu, 10 Feb 11 16:38:21 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493667#m1493667 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493667#m1493667 <blockquote> <p>Das ist wahrscheinlich auch der Grund dafür, das die "1 zu 1 - Übernahme" nicht funktioniert. Du hast es nämlich</p> <p>a) nicht eins zu eins übernommen, denn eine Tabelle ist keine Liste und</p> </blockquote> <p>Natürlich habe ich meine Tabelle nicht mit dem selfHTML-Beispielcode vermischt, sondern vorher meine Tabelle aus dem Dokument entfernt. Trotzdem wollte die Liste nur untereinander erscheinen.</p> <p>Ich werde morgen nochmal drangehen und mich dann nochmal hier melden, sei es mit Erfolgsmeldung oder weiteren Fragen.</p> Navigationsleiste auf volle Fensterbreite Wed, 16 Feb 11 06:02:07 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493668#m1493668 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493668#m1493668 <p>So, inzwischen bin ich sehr viel weiter und meine Navigation ist als Liste umgebaut. Klappt auch sehr gut, alles schaut aus, wie es aussehen soll. Nur habe ich noch ein kleines Problem: Meine "Buttons", also die einzelnen Listenelemente, sollen alle die gleiche Breite erhalten und die Breite nicht am Text festmachen. Daran scheitere ich derzeit noch, ich schaffe es nicht, die Listenelemente auf eine feste Breite zu setzen.</p> <p>Hier nochmal meine Codes:</p> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>navigation</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>navigation-01</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>index.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Home<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>navigation-02</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>ich.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Über mich<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>navigation-03</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>translations.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Übersetzungen<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>navigation-04</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>kontakt.php<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Kontakt<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>navigation-05</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>impressum.html<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Impressum<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> </code></pre> <p>Auf die id=navigation-01 könnte ich doch verzichten, sofern ich sie für das Breitenproblem nicht benötige, oder?</p> <pre><code class="block language-css"><span class="token comment">/* Das horizontale Hauptmenü: */</span> <span class="token selector">#navigation</span> <span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 10px 0px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navigation li</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> inline-block<span class="token punctuation">;</span> <span class="token property">list-style-type</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navigation a, a:visited</span> <span class="token punctuation">{</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 10px 20px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navigation a:hover, a:active</span><span class="token punctuation">{</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #1F1A17<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navigation-01 a, a:active, a:hover, a:visited, #navigation-02 a, a:active, a:hover, a:visited, #navigation-03 a, a:active, a:hover, a:visited, #navigation-04 a, a:active, a:hover, a:visited, #navigation-05 a, a:active, a:hover, a:visited</span> <span class="token punctuation">{</span> <span class="token property">width</span><span class="token punctuation">:</span> 160px<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Wie man sieht, habe ich versucht, der id=navigation-01 bis -05 die Breite mitzugeben. Wird aber ignoriert. Ich hatte die Breitenangabe auch schon im UL und im LI, brachte aber ebenfalls keine Besserung.</p> <p>Könnte mir da bitte jemand nochmal einen Schubs geben?</p> Navigationsleiste auf volle Fensterbreite Wed, 16 Feb 11 09:24:50 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493669#m1493669 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493669#m1493669 <p>Om nah hoo pez nyeetz, Jorin!</p> <blockquote></blockquote> <pre><code class="block language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span>navigation</span><span class="token punctuation">></span></span> > ... </code></pre> <p><a href="?t=t=203252&m=m=1373974" rel="noopener noreferrer"></a></p> <blockquote></blockquote> <pre><code class="block language-css"> <span class="token selector">> #navigation-01 a, a:active, a:hover, a:visited, > #navigation-02 a, a:active, a:hover, a:visited, > #navigation-03 a, a:active, a:hover, a:visited, > #navigation-04 a, a:active, a:hover, a:visited, > #navigation-05 a, a:active, a:hover, a:visited</span> <span class="token punctuation">{</span> > <span class="token property">width</span><span class="token punctuation">:</span> 160px<span class="token punctuation">;</span> > <span class="token punctuation">}</span> </code></pre> <blockquote></blockquote> <p>Du hast in deinem HTML keinen Link, der sich innerhalb eines Elements mit der ID navigation-?? befindet.</p> <p>Du sprichtst zudem <em>alle</em> aktiven, <em>alle</em> gehoverten und <em>alle</em> schon besuchten Verweise an.</p> <p>Außerdem wirkt width nicht auf inline-Elemente.</p> <p>Vorschlag:</p> <pre><code class="block language-css"><span class="token selector">#navigation li</span> <span class="token punctuation">{</span><span class="token property">width</span><span class="token punctuation">:</span> 160px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">#navigation a</span> <span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span><span class="token punctuation">}</span> </code></pre> <p>So hast du die Mauszeigeränderung auf dem ganzen Rechteck und nicht nur über der Schrift.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Wed, 16 Feb 11 12:36:50 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493670#m1493670 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493670#m1493670 <blockquote> <p>Vorschlag:</p> <pre><code class="block language-css"></code></pre> </blockquote> <p>#navigation li {width: 160px;}</p> <blockquote> <p>#navigation a {display: block;}</p> </blockquote> <pre><code class="block"> Sorry, ich bin scheinbar echt zu doof für sowas. Wenn ich den CSS-Code dahingehend ändere: ~~~css /* Das horizontale Hauptmenü: */ #navigation { width: 100%; background-color: #8E7960; padding: 10px 0px; } #navigation li { list-style-type: none; width: 160px; } #navigation a, a:visited { display: inline-block; text-decoration: none; background-color: #8E7960; color: #FFF; padding: 10px 20px; } #navigation a:hover, a:active{ text-decoration: none; background-color: #1F1A17; } </code></pre> <p>...stehen alle Listenelemente wieder untereinander. Ich drehe mich immer im Kreis, erreiche aber nie mein Ziel.</p> Navigationsleiste auf volle Fensterbreite Wed, 16 Feb 11 13:23:51 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493671#m1493671 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493671#m1493671 <p>Om nah hoo pez nyeetz, Jorin!</p> <p>HTML:</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>nav<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Seite 1<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Seite 2<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Seite 3<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Seite 4<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span><span class="token punctuation">></span></span> </code></pre> <p>CSS:</p> <pre><code class="block language-css"><span class="token selector">#nav li</span> <span class="token punctuation">{</span><span class="token property">width</span><span class="token punctuation">:</span> 160px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">#nav a</span> <span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* siehe mein Vorposting */</span> </code></pre> <p>stehen alle Listenelemente untereinander.</p> <p>Damit sie nebeneinanderstehen gibt es zwei Möglichkeiten</p> <p>#1# <code>#nav li {float:left;}</code>, dann musst du noch die Aufzählungszeichen entfernen</p> <p>#2# <code>#nav li {display: inline-block;}</code>, dann hast du wahrscheinlich unerwünschte Abstände (resultierend aus white-space) zwischen den Listenelementen.</p> <p>Du kannst deine Versuche gern auch irgendwohin (z.B. Lima-city) laden, dann kann man dir besser helfen.</p> <blockquote> <p><code>#navigation a, a:visited {</code></p> </blockquote> <p>du meinst <code>#navigation a, #navigation a:visited</code></p> <p>Genau so wie du zwar umgangssprachlich sagen kannst x sei kleiner 10 und größer als 4 darfst du in Programmiersprachen nicht schreiben x < 10 and > 4. Das heißt, schreiben darfst du das schon, nur das Ergebnis wird nicht das erwünschte sein.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Wed, 16 Feb 11 16:10:38 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493672#m1493672 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493672#m1493672 <blockquote> <p>Du kannst deine Versuche gern auch irgendwohin (z.B. Lima-city) laden, dann kann man dir besser helfen.</p> </blockquote> <p>Danke, machen wir es doch so:</p> <p>URL: http://rkaplan.smfportal.de<br> Username: rkaplan<br> Passwort: 74283973</p> <p>Nun siehst du auch, was sich getan hat, wenn ich versuche, deine Anmerkungen umzusetzen. Immer wieder stosse ich auf Probleme und das Ergebnis sieht deutlich schlechter aus als vorher (denn vorher fehlte nur noch die feste Breite, jetzt ist ziemlich viel wieder Murks).</p> <p>Wäre es zuviel verlangt, mir meinen Code fertig umzusetzen, sodass ich dann nachvollziehen kann, wo mein Fehler lag? Auch wenn sich das so anhört, als wollte ich andere meine Arbeit machen lassen, fürchte ich, wenn ich noch 5 Mal mein Glück versuche, verzettele ich mich immer mehr und weiß am Ende sowieso nicht mehr, wo mir der Kopf steht.</p> Navigationsleiste auf volle Fensterbreite Wed, 16 Feb 11 19:00:47 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493673#m1493673 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493673#m1493673 <p>Om nah hoo pez nyeetz, Jorin!</p> <p>Du möchtest sicher, dass deine Seite in allen relevanten Browsern gut aussieht. Da die Browser die Gestaltung von Listen unterschiedlich handhaben (die einen über padding, die anderen über margin), solltest du diese Elemente ganz am Anfang deiner CSS-Datei <a href="http://wiki.selfhtml.org/wiki/Doku:CSS/Anwendung_und_Praxis/Guter_CSS-Stil#Normalisierung" rel="nofollow noopener noreferrer">normalisieren</a>. Also</p> <pre><code class="block language-css"><span class="token selector">ul, ol, li, dl, dt, dd</span> <span class="token punctuation">{</span> display<span class="token punctuation">:</span> block<span class="token punctuation">;</span> padding<span class="token punctuation">:</span> 0<span class="token punctuation">;</span> margin<span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">li</span> <span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span> list-item<span class="token punctuation">}</span> </code></pre> <p>Dann habe ich noch</p> <pre><code class="block language-css"><span class="token selector">#nav</span><span class="token punctuation">{</span> list-style<span class="token punctuation">:</span> none<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>hinzugefügt, aber ich fürchte, dass wirst du nicht wollen. Jetzt sind zwar die Links gleichbreit, aber da die Texte nicht gleichlang sind, sind natürlich die Abstände zwischen den Wörtern (und das ist das was man sieht) unterschiedlich groß, was mMn blöd aussieht.</p> <p>Wenn du jedoch die Breitenangabe weglässt, sieht es (wieder mMn) deutlich besser aus.</p> <p>Deine Überschrift <h2> "Robert Kaplan Übersetzungen" soll vielleicht rechtsbündig sein.</p> <p><code>.text h2 {text-align: right; /* ein kleines padding-right noch dazu? */}</code> Dies wirkt dann auf alle h2 innerhalb eines Divs der Klasse "text".</p> <p>Die id="#" sind nicht erlaubt und bitte konsequent an die Anführungszeichen denken.</p> <p>Deine CSS-Datei mit meinen Änderungen.</p> <pre><code class="block language-css"><span class="token comment">/* Seitenweite Angaben: */</span> <span class="token selector">body</span> <span class="token punctuation">{</span> <span class="token property">font-family</span><span class="token punctuation">:</span> sans-serif<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 90%<span class="token punctuation">;</span> <span class="token property">margin-left</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token property">margin-right</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 1cm<span class="token punctuation">;</span> <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">ul, ol, li, dl, dt, dd</span> <span class="token punctuation">{</span> display<span class="token punctuation">:</span> block<span class="token punctuation">;</span> padding<span class="token punctuation">:</span> 0<span class="token punctuation">;</span> margin<span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">li</span> <span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span> list-item<span class="token punctuation">}</span> <span class="token comment">/* Verhalten von Links, seitenweit: */</span> <span class="token selector">a:link, a:active</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">a:visited</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">a:hover</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #000<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#nav</span><span class="token punctuation">{</span> list-style<span class="token punctuation">:</span> none<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#nav li</span> <span class="token punctuation">{</span> <span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 10px 0px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#nav a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 10px 20px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.text h2</span> <span class="token punctuation">{</span> text-align<span class="token punctuation">:</span> right<span class="token punctuation">;</span> padding-right<span class="token punctuation">:</span> 5px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Titelzeile oben rechts: */</span> <span class="token selector">.title</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span> <span class="token property">top</span><span class="token punctuation">:</span> -6em<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Textliche Formatierungen: */</span> <span class="token selector">h2</span> <span class="token punctuation">{</span> <span class="token property">border-bottom</span><span class="token punctuation">:</span> 1px dotted #8E7960<span class="token punctuation">;</span> <span class="token property">border-right</span><span class="token punctuation">:</span> 1px dotted #8E7960<span class="token punctuation">;</span> <span class="token property">padding-top</span><span class="token punctuation">:</span> 36px<span class="token punctuation">;</span> <span class="token property">vertical-align</span><span class="token punctuation">:</span> bottom<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">p</span> <span class="token punctuation">{</span> <span class="token property">text-align</span><span class="token punctuation">:</span> justify<span class="token punctuation">;</span> <span class="token property">text-indent</span><span class="token punctuation">:</span> 2em<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">td.text</span> <span class="token punctuation">{</span> <span class="token property">vertical-align</span><span class="token punctuation">:</span> top<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> left<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Horizontale Linie: */</span> <span class="token selector">hr</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span> 2px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Footer: */</span> <span class="token selector">.footer</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #1F1A17<span class="token punctuation">;</span> <span class="token property">text-align</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 3px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.footer a</span> <span class="token punctuation">{</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 70%<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.footer a:hover</span> <span class="token punctuation">{</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Dein div class="title" möchte sicher eine h1 sein.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Thu, 17 Feb 11 10:28:54 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493674#m1493674 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493674#m1493674 <p>Guten Morgen und vielen Dank!</p> <p>Selbst mit "deiner meiner" CSS-Datei ist das Ergebnis aber nicht das, was ich möchte, und wieder schlechter als vorher. Vielleicht verlange ich ja auch Unmögliches? :-(</p> <p>Nun sind auf jeden Fall alle "Buttons" der Navigation links, aber ändern nicht mehr ihre Farbe und die braune Leiste zieht sich auch nicht über die komplette Fensterbreite. Noch dazu ist die Überschrift "Robert Kaplan translations" direkt darunter nun plötzlich rechtsbündig (vorher war sie linksbündig) und irgendwie nach oben gerutscht.</p> <p>Ich glaube, ich mache das wieder rückgängig und verzichte auf eine feste Breite für jeden Navi-Button. Ich komme ja sowieso nicht zum Ziel.</p> Navigationsleiste auf volle Fensterbreite Fri, 18 Feb 11 10:58:23 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493675#m1493675 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493675#m1493675 <p>Om nah hoo pez nyeetz, Jorin!</p> <blockquote> <p>Selbst mit "deiner meiner" CSS-Datei ist das Ergebnis aber nicht das, was ich möchte, und wieder schlechter als vorher. Vielleicht verlange ich ja auch Unmögliches? :-(</p> </blockquote> <p>aber vielleicht solltes du beschreiben, was <em>genau</em> du möchtest.</p> <blockquote> <p>Nun sind auf jeden Fall alle "Buttons" der Navigation links, aber ändern nicht mehr ihre Farbe</p> </blockquote> <p>daran habe ich auch nichts geändert.</p> <blockquote> <p>und die braune Leiste zieht sich auch nicht über die komplette Fensterbreite.</p> </blockquote> <p>das ist mir bewusst, mir war aber nicht bewusst, dass es so sein soll.</p> <blockquote> <p>Noch dazu ist die Überschrift "Robert Kaplan translations" direkt darunter nun plötzlich rechtsbündig (vorher war sie linksbündig) und irgendwie nach oben gerutscht.</p> </blockquote> <p>Ja, das war mein Werk.</p> <blockquote> <p>Ich glaube, ich mache das wieder rückgängig und verzichte auf eine feste Breite für jeden Navi-Button. Ich komme ja sowieso nicht zum Ziel.</p> </blockquote> <p>Vorschlag: male doch mal mit Word (Textfelder) wie es aussehen soll und stell das Worddokument online, dann lässt sich was machen.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Fri, 18 Feb 11 17:44:33 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493676#m1493676 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493676#m1493676 <p>Meine Güte, hast du eine Geduld mit mir! Dafür herzlichen Dank!</p> <p>Was ich möchte, ist eigentlich ganz schlicht: Es soll genau so bleiben, wie es jetzt ist. Einziger Unterschied: Die Breite der Navigationsbuttons (also z.B. "Home", "Über mich", etc.) soll immer die gleiche sein. Die Breite der Buttons soll sich also nicht am Text orientieren, sondern fest sein, z.B. 150 Pixel oder so.</p> <p>Ich habe das mal gekennzeichnet:</p> <p>http://s3.directupload.net/file/d/2439/njcfo64c_png.htm</p> <p>Also, natürlich sollen da keine roten und grünen Linien hin. ;-) Damit wollte ich nur verdeutlichen, wie breit momentan die einzelnen Navigationsbuttons sind. In Zukunft sollen sie alle gleich breit sein.</p> <p>Das einzige, was also irgendwo fehlt, müsste die Breitenangabe für die einzelnen Listenelemente (=Navigationsbuttons) sein. Ich habe die auch schon weiß-Gott-wo eingefügt, aber nie erreicht, was ich wollte.</p> Navigationsleiste auf volle Fensterbreite Fri, 18 Feb 11 19:16:34 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493677#m1493677 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493677#m1493677 <p>Om nah hoo pez nyeetz, Jorin!</p> <blockquote> <p>Meine Güte, hast du eine Geduld mit mir! Dafür herzlichen Dank!</p> </blockquote> <p>Wer weiß, wozu es gut ist: Falls ich mal ne kleine Übersetzungsüberprüfung brauche ...</p> <pre><code class="block language-css"><span class="token comment">/* Seitenweite Angaben: */</span> <span class="token selector">body</span> <span class="token punctuation">{</span> <span class="token property">font-family</span><span class="token punctuation">:</span> sans-serif<span class="token punctuation">;</span> <span class="token property">font-size</span><span class="token punctuation">:</span> 90%<span class="token punctuation">;</span> <span class="token property">margin-left</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token property">margin-right</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token property">margin-top</span><span class="token punctuation">:</span> 1cm<span class="token punctuation">;</span> <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 2cm<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">ul, ol, li, dl, dt, dd</span> <span class="token punctuation">{</span> display<span class="token punctuation">:</span> block<span class="token punctuation">;</span> padding<span class="token punctuation">:</span> 0<span class="token punctuation">;</span> margin<span class="token punctuation">:</span> 0<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">li</span> <span class="token punctuation">{</span><span class="token property">display</span><span class="token punctuation">:</span> list-item<span class="token punctuation">}</span> <span class="token comment">/* Verhalten von Links, seitenweit: */</span> <span class="token selector">#nav</span><span class="token punctuation">{</span> width<span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> list-style<span class="token punctuation">:</span> none<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> center<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#nav li</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> 20%<span class="token punctuation">;</span> <span class="token property">float</span><span class="token punctuation">:</span>left<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 10px 0px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#nav a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span> block<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span> bold<span class="token punctuation">;</span> <span class="token property">background-color</span><span class="token punctuation">:</span> #8E7960<span class="token punctuation">;</span> <span class="token property">color</span><span class="token punctuation">:</span> #FFF<span class="token punctuation">;</span> <span class="token property">padding</span><span class="token punctuation">:</span> 10px 20px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#nav a:visited</span> <span class="token punctuation">{</span> color<span class="token punctuation">:</span> #000<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#nav a:hover</span> <span class="token punctuation">{</span> color<span class="token punctuation">:</span> #000<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> underline<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.text h2</span> <span class="token punctuation">{</span> margin-top<span class="token punctuation">:</span> 36px<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> <p>Dass ich aus dem <div class="title"> ein <h1> machen würde, habe ich schon erwähnt. Suchmaschinen sehen eine Überschrift erster Ordnung wichtiger als ein div an.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Sat, 19 Feb 11 06:40:52 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493678#m1493678 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493678#m1493678 <p>Hm... Nunmehr keinerlei Hintergrundfarben in der Navigation und die Listenelemente untereinander. Juchu! ;-)</p> <p>Ich lass es heut mal so im Netz zur Ansicht.</p> Navigationsleiste auf volle Fensterbreite Sat, 19 Feb 11 08:04:35 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493679#m1493679 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493679#m1493679 <p>Om nah hoo pez nyeetz, Jorin!</p> <blockquote> <p>Hm... Nunmehr keinerlei Hintergrundfarben in der Navigation und die Listenelemente untereinander. Juchu! ;-)</p> </blockquote> <p>Das liegt daran, dass es im HTML-Dokument <code>id="navigation"</code> heißt, im CSS aber <code>#nav</code>.</p> <p>Das musst du schon anpassen.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Tue, 22 Feb 11 19:23:15 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493680#m1493680 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493680#m1493680 <blockquote> <p>Das liegt daran, dass es im HTML-Dokument <code class="language-html">id="navigation"</code> heißt, im CSS aber <code class="language-css">#nav</code>.</p> <p>Das musst du schon anpassen.</p> </blockquote> <p>Habe ich. Ergebnis ist nicht berauschend.</p> <p>Meine Güte, ich gebs auf. Sauberer Code ist ja schön, wenn die Anzeige dann wie gewünscht ist. Derzeit ist der unsaubere Code aber schöner anzuschauen als der saubere. ;-)</p> <p>Ich glaube, wir kommen so echt nicht weiter.</p> Navigationsleiste auf volle Fensterbreite Tue, 22 Feb 11 19:46:20 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493681#m1493681 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493681#m1493681 <p>Om nah hoo pez nyeetz, Jorin!</p> <blockquote> <p>Meine Güte, ich gebs auf. Sauberer Code ist ja schön, wenn die Anzeige dann wie gewünscht ist. Derzeit ist der unsaubere Code aber schöner anzuschauen als der saubere. ;-)</p> <p>Ich glaube, wir kommen so echt nicht weiter.</p> </blockquote> <p>Nur Mut.</p> <blockquote> <p>Habe ich. Ergebnis ist nicht berauschend.</p> </blockquote> <p>Was stört denn noch? Die hellbraune Navigation geht über die gesamte Breite des Dokumentes. Abstand nach oben erhältst du durch</p> <p><code>#nav {margin-top: 36px;}</code> 36 ist dabei eine willkürlich gewählte Zahl, die anderen Eigenschaften dabei nicht löschen.</p> <p>Abstand nach unten durch die Veränderung der Zahl bei <code>.text h2 {margin-bottom;}</code></p> <p>Die rechtsbündige Ausrichtung des divs title, das lieber ein h1 sein will, erreichst du durch <code>.title {text-align: right;}</code>. Solltest du dich entscheiden, eine Überschrift 1. Ordnung draus zu machen, musst du Schriftgröße usw. noch anpassen.</p> <p>Informiere dich dazu zum Beispiel im <a href="http://wiki.selfhtml.org/wiki/Doku:CSS/Eigenschaften/Schriftbild" rel="nofollow noopener noreferrer">Wiki</a>.</p> <p>Eine gutes Werkzeug um CSS-Eigenschaften auszuprobieren, ist firebug.</p> <p>Matthias</p> <div class="signature">-- <br> Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="http://www.billiger-im-urlaub.de/kreis_sw.gif" loading="lazy"> </div> Navigationsleiste auf volle Fensterbreite Wed, 23 Feb 11 18:58:36 Z https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493682#m1493682 https://forum.selfhtml.org/self/2011/feb/10/navigationsleiste-auf-volle-fensterbreite/1493682#m1493682 <blockquote> <p>Nur Mut.</p> </blockquote> <p>Na danke. ;-)</p> <blockquote> <p>Was stört denn noch?</p> </blockquote> <p>Na, z.B. das die Links in dem Navi-Balken nun wieder so nach Standard aussehen, und dass beim Hover die Farbe nicht gewechselt wird.</p> <p>Siehe: http://rkaplan.smfportal.de/</p> <p>Ich fürchte, ich habe beim Ausprobieren mehr CSS-Code gelöscht als sinnvoll war. Nun muss ich wohl erstmal wieder die Ausgangsposition schaffen und dann deine Hinweise einarbeiten.</p>