Hallo zusammen,
ich komm leider absolut nicht weiter...
Ich hab mir die neuste Boilerplate 4.0 runtergeladen um das ganze mal zu testen. Eigentlich ist ja alles wunderbar erklärt und es sollte auch funktionieren.
MIt Text funktioniert alles... auch das mit den media queries. Wenn ich jetzt aber ein Logo oder ein sonstiges Bild einfügen wird das in meinem Dreamweaver angezeigt aber in Firefox einfach nicht. Sogar der IE zeigt das Bild an... (normal ist doch das immer umgekehrt).
Was mach ich falsch? Muss ich die Boilerplate auf meinem Server installieren und dann immer online testen? Ich dachte das geht auch offline einfach über die Testanzeige in Firefox. Woran kann das liegen?
Die CSS Dateien sind die von der Boilerplate. Sogar im Testsample index.html von der Boilerplate klappt ein Bild nicht....
Hoffentlich kann mir jemand helfen!
Vielen Dank schon mal
Grüße Snooze
ich komm leider absolut nicht weiter...
Ich hab mir die neuste Boilerplate 4.0 runtergeladen um das ganze mal zu testen. Eigentlich ist ja alles wunderbar erklärt und es sollte auch funktionieren.
MIt Text funktioniert alles... auch das mit den media queries. Wenn ich jetzt aber ein Logo oder ein sonstiges Bild einfügen wird das in meinem Dreamweaver angezeigt aber in Firefox einfach nicht. Sogar der IE zeigt das Bild an... (normal ist doch das immer umgekehrt).
Was mach ich falsch? Muss ich die Boilerplate auf meinem Server installieren und dann immer online testen? Ich dachte das geht auch offline einfach über die Testanzeige in Firefox. Woran kann das liegen?
HTML:
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<link media="screen" rel="stylesheet" type="text/css" href="_layout/css/common.css">
<link media="screen" rel="stylesheet" type="text/css" href="_layout/css/style.css">
<script type="text/javascript" src="_layout/scripts/libary/modernizr-2.6.1.min.js"></script>
</head>
<body>
<header>
<hgroup>
<h1>Page title</h1>
<h2>Page subtitle</h2>
</hgroup>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<article>
<section>
<header>
<h3>Testname</h3>
<p class="image"><img src="http://s.ftcdn.net/v2010/pics/de/banners/static/728x90.jpg" width="728" height="90" alt="Fotolia" /></p>
</header>
<article>
</article>
<footer>
</footer>
</section>
</article>
<aside>
</aside>
<footer>
Copyright ©
<time datetime="2010-11-08">2010</time>.
</footer>
<!-- Javascript: jquery libary -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="_layout/scripts/libary/jquery-1.8.0.min.js"><\/script>')</script>
<script src="_layout/scripts/plugins.js"></script>
</body>
</html>Die CSS Dateien sind die von der Boilerplate. Sogar im Testsample index.html von der Boilerplate klappt ein Bild nicht....
Hoffentlich kann mir jemand helfen!
Vielen Dank schon mal
Grüße Snooze
