ich fasse es nicht!
Mein Mann kommt heim, schaut sich alles in Ruhe an, speicher alles noch einmal (ich hab es gefühlt 1000 Mal gespeichert) drückt F5 und tataaa alles so, wie ich es gerne hätte.
ich fasse es nicht!
Mein Mann kommt heim, schaut sich alles in Ruhe an, speicher alles noch einmal (ich hab es gefühlt 1000 Mal gespeichert) drückt F5 und tataaa alles so, wie ich es gerne hätte.
ja, genauso sollte es auch aussehen.
Langsam wird meine Fehlersuche spannend... Wenns nicht am Quellcode liegt, werde ich irgendetwas anderes verbockt haben
Danke, für deine Mühe, MrMurphy
Hallo
hm.... gut und auch wieder nicht. Ich freu mich ja, dass ich nicht zu blöd zum Abschreiben war, aber ich wüsste halt auch gerne, woran es liegt.
Hab es jetzt mit verschiedenen Browsern (sogar mit dem Internet Explorer....) versucht: überall das gleiche Ergebnis. In meiner Verzweiflung habe ich sogar den Rechner aus und wieder eingeschaltet.
Kann es evtl. an XAMPP liegen?
LG
Kathi
es sind noch weitere css vorgesehen (screen_layout_large, screen_layout_medium und screen_layout_small) aber die existieren aktuell nur als Namen in der index.html
die werden erst im nächsten Schritt des Tutorials angelegt. Soweit bin ich also noch gar nicht gekommen.
mehr als das, was ich gepostet habe, gibt es nicht. Das absolut alles, was ich bisher geschrieben habe... will euch echt nix vorenthalten.
ich habe übrigens auch schon versucht, die nicht existenten css-Dateien auszukommentieren, in der Hoffnung, dass da der Hase begraben liegt... macht aber keinen Unterschied
... stimmt, der wäre ja auch irgendwie hilfreich. *schäm*
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" >
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0" />
<title>meine Seite</title>
<link rel="stylesheet" type="text/css" href="css/screen_styles.css" />
<link rel="stylesheet" type="text/css" href="css/screen_layout_large.css" />
<link rel="stylesheet" type="text/css" media="only screen and (min-width:50px) and (max-width:500px)" href="css/screen_layout_small.css" />
<link rel="stylesheet" type="text/css" media="only screen and (min-width:501px) and (max-width:800px)" href="css/screen_layout_medium.css" />
<!-- [if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></scipt>
<![endif] -->
</head>
<body>
<div class="page">
<header>
<a class="logo" href="#"></a>
</header>
<article>
<h1>Welcome</h1>
<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. <a href="#">Duis aute irure</a> 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 class="promo_container">
<div class="promo one">
<div class="content">
<h3>Promo Heading here</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.</p>
<p><a class="cta" href="">Visit our blog</a></p>
</div>
</div>
<div class="promo two">
<div class="content">
<h3>Promo Heading here</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.</p>
<p><a class="cta" href="">Read the article</a></p>
</div>
</div>
<div class="promo three">
<div class="content">
<h3>Promo Heading here</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.</p>
<p><a class="cta" href="">Learn more</a></p>
</div>
</div>
</div>
<nav>
<a href="#">About us</a>
<a href="#">Sevices</a>
<a href="#">Portfolio</a>
<a href="#">Contact us</a>
</nav>
<footer>
© von mir
</footer>
</div>
</body>
</html>
Alles anzeigen
0Hallo
danke für die schnelle Antwort.
einen Link zur Seite kann ich leider nicht geben, da noch nichts online ist. Der Quelltext ist aber noch nicht wirklich lang, also.....
screen_styles.css
@charset "F-8";
body {
color: #335A9B;
line-height: 1.5em;
font-family: "Bookman Old Style";
font-size: 16px;
background: #335A9B url(../images/background_gradient.jpg) repeat-x 0px 0px;
}
.page {
max-width: 900px;
margin: 0px auto 0px auto;
position: relative ;
background-color: #fff;
}
h1 { font-size: 2em; font-weight: normal; color: #a6430a; margin: 0 0 .5em 0; }
h2 { font-size: 1.7em; margin: 0 0 1em 0; }
h3 { font-size: 1.5em; margin: 0 0 1em 0; }
p { margin: 0 0 .75 0; }
a { color: #de9000; }
a:hover { color: #009eff; }
footer {
font-size: .85em;
color: #9ba0bd;
background-color: #335A9B;
padding: 10px 10px 10px 0px;
}
a.cta {
text-transform: uppercase;
font-size: .9em;
font-weight:bold;
text-decoration: none;
margin:.5em 0 0 0;
padding: 0px 12px 0px 0px;
background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }
Alles anzeigen
Hallo alle miteinander
Ich gestehe gleich: ich bin ein absoluter Neuling...
...aber ich stelle keine Fragen, wenn ich nicht zuvor wirklich versucht habe, selbst die Lösung zu finden. Das Problem ist halt manchmal, dass es gar nicht so leich ist, die Frage richtig zu stellen oder am richtigen Ort.... ich hoffe, ich bin hier richtig (sowohl was das Forum als auch den Themenbereich angeht)
Mein Problem:
Ich kämpfe mich gerade durch das Tutorial "The Ultimate Responsive Web Design Tutorials for Beginners " und scheitere jetzt an folgendem Punkt:
in meiner Index.html steht:
<a class="cta" href="">Learn more</a>
und in meiner screen_styles.css haben ich diese (Pseudo?)Klasse "cta" wie folgt definiert:
a.cta {
text-transform: uppercase;
font-size: .9em;
font-weight:bold;
text-decoration: none;
margin:.5em 0 0 0;
}
.... nur tut sich da absolut nichts.
alles andere von der screen_styles.css wird aber brav übernommen.
Habt ihr vielleicht einen Tipp für mich, wo der Fehler liegen könnte? Oder gerne auch, einfach einmal, nach was ich suchen muss, um selbst auf die Lösung zu kommen.
Vielen Danke schon mal
Kathi
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.