Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Waegi" data-source="post: 2092950" data-attributes="member: 501007"><p><strong>AW: Kritik zu erstem Entwurf</strong></p><p></p><p>Ja ok, hab gedacht, da gibts ne Lösung per CSS, da ich mich schonmal informiert hatte, diesbezüglich und dort war die Rede von einer sogenannten Pseudoklasse :root, diese hat jedoch auch nicht richtig funktioniert.</p><p></p><p>[CODE]&lt;!doctype html&gt;</p><p>&lt;!--[if lt IE 7]&gt; &lt;html class=&quot;no-js lt-ie9 lt-ie8 lt-ie7&quot; lang=&quot;en&quot;&gt; &lt;![endif]--&gt;</p><p>&lt;!--[if IE 7]&gt;&nbsp; &nbsp; &lt;html class=&quot;no-js lt-ie9 lt-ie8&quot; lang=&quot;en&quot;&gt; &lt;![endif]--&gt;</p><p>&lt;!--[if IE 8]&gt;&nbsp; &nbsp; &lt;html class=&quot;no-js lt-ie9&quot; lang=&quot;en&quot;&gt; &lt;![endif]--&gt;</p><p>&lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class=&quot;no-js&quot; lang=&quot;en&quot;&gt; &lt;!--&lt;![endif]--&gt;</p><p>&lt;head&gt;</p><p>&nbsp; &lt;meta charset=&quot;utf-8&quot;&gt;</p><p>&nbsp; &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge,chrome=1&quot;&gt;</p><p>&nbsp; &lt;title&gt;Späth Haustechnik - Aktuelles&lt;/title&gt;</p><p>&nbsp; &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;</p><p></p><p>&nbsp; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width&quot;&gt;</p><p>&nbsp; &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;</p><p></p><p>&nbsp; &lt;script src=&quot;js/libs/modernizr-2.5.3.min.js&quot;&gt;&lt;/script&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&nbsp; &lt;!--[if lt IE 7]&gt;&lt;p class=chromeframe&gt;Your browser is &lt;em&gt;ancient!&lt;/em&gt; &lt;a href=&quot;http://browsehappy.com/&quot;&gt;Upgrade to a different browser&lt;/a&gt; or &lt;a href=&quot;http://www.google.com/chromeframe/?redirect=true&quot;&gt;install Google Chrome Frame&lt;/a&gt; to experience this site.&lt;/p&gt;&lt;![endif]--&gt;</p><p>&lt;div id=&quot;wrapper&quot; class=&quot;container&quot;&gt;</p><p>&nbsp; &nbsp; &lt;header&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;logo&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;images/logo.png&quot; width=&quot;283&quot; height=&quot;131&quot; alt=&quot;Logo&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;nav id=&quot;navi&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;active&quot;&gt;Aktuelles&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Über Uns&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Leistungen&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Referenzen&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/nav&gt;</p><p>&nbsp; &nbsp; &lt;/header&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &lt;div id=&quot;content&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;left-col&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;article&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h3&gt;Herzlich Willkommen auf der Website von&lt;/h2&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2&gt;Sp&amp;auml;th Haustechnik&lt;/h3&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.&lt;/p&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/article&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div class=&quot;right-col&quot;&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;article&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/article&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; </p><p>&nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; </p><p></p><p>&nbsp; &nbsp; &nbsp; &lt;footer&gt;</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;div&gt;</p><p>&nbsp; &nbsp; </p><p>&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;</p><p>&nbsp; &nbsp; &nbsp; &lt;/footer&gt;</p><p>&nbsp; </p><p>&nbsp; &nbsp; &lt;script src=&quot;//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&quot;&gt;&lt;/script&gt;</p><p>&nbsp; &nbsp; &lt;script&gt;window.jQuery || document.write(&#039;&lt;script src=&quot;js/libs/jquery-1.7.1.min.js&quot;&gt;&lt;\/script&gt;&#039;)&lt;/script&gt;</p><p>&nbsp; &nbsp; &lt;script src=&quot;js/plugins.js&quot;&gt;&lt;/script&gt;</p><p>&nbsp; &nbsp; &lt;script src=&quot;js/script.js&quot;&gt;&lt;/script&gt;</p><p>&lt;/div&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;[/CODE]</p><p></p><p>mfg Waegi</p></blockquote><p></p>

[QUOTE="Waegi, post: 2092950, member: 501007"] [b]AW: Kritik zu erstem Entwurf[/b] Ja ok, hab gedacht, da gibts ne Lösung per CSS, da ich mich schonmal informiert hatte, diesbezüglich und dort war die Rede von einer sogenannten Pseudoklasse :root, diese hat jedoch auch nicht richtig funktioniert. [CODE]<!doctype html>     <html class="no-js" lang="en">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Späth Haustechnik - Aktuelles</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" href="style.css"> <script src="js/libs/modernizr-2.5.3.min.js"></script> </head> <body>  <div id="wrapper" class="container"> <header> <div id="logo"> <img src="images/logo.png" width="283" height="131" alt="Logo"> </div> <nav id="navi"> <ul> <li><a href="#" class="active">Aktuelles</a></li> <li><a href="#">Über Uns</a></li> <li><a href="#">Leistungen</a></li> <li><a href="#">Referenzen</a></li> <li><a href="#">Kontakt</a></li> </ul> </nav> </header> <div id="content"> <div class="left-col"> <article> <h3>Herzlich Willkommen auf der Website von</h2> <h2>Späth Haustechnik</h3> <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> </article> </div> <div class="right-col"> <article> </article> </div> </div> <footer> <div> </div> </footer> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script> <script src="js/plugins.js"></script> <script src="js/script.js"></script> </div> </body> </html>[/CODE] mfg Waegi [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?