von nierewa » 13.03.2009 15:03
von Dodwin » 13.03.2009 15:03
von siteRay » 13.03.2009 16:58
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body id="startseite">
<div id="wrapper">
<div id="kopfbereich">
</div> <!-- Ende kopfbereich -->
<div id="navibereich">
</div> <!-- Ende navibereich -->
<div id="textbereich">
</div> <!-- Ende textbereich -->
<div id="fussbereich">
</div> <!-- Ende fussbereich -->
</div> <!-- Ende wrapper -->
</body>
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Titel</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />
<link href="style.css" type="text/css" rel="stylesheet" />
<link href="favicon.ico" type="image/x-icon" rel="shortcut icon" />
</head>
<body id="startseite">
<div id="wrapper">
<div id="kopfbereich">
<h1>Sweeney Todds Barber Shop</h1>
</div> <!-- Ende kopfbereich -->
<div id="navibereich">
<ul>
<li><a href="seite1.html">Haircuts</a></li>
<li><a href="seite2.html">Shaves</a></li>
<li><a href="seite3.html">Extra</a></li>
<li><a href="Seite4.html">Pie Shop</a></li>
<li><a href="Seite5.html">Text</a></li>
<li><a href="Seite6.html">Text</a></li>
</ul>
</div> <!-- Ende navibereich -->
<div id="textbereich">
<h2>Welcome!</h2>
<p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx<br />
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>
<img src="bilder/startseite.jpg" width="640" height="480" alt="c-1" />
</div> <!-- Ende textbereich -->
<div id="fussbereich">
<p>Copyright by <img src="animiertegifs/sweeney.gif" width="150" height="100" alt="" /></p>
<p id="fusszeile">Wenn Leute mit mir übereinstimmen, habe ich immer das Gefühl, ich müßte mich irren. (Oscar Wilde)</p>
</div> <!-- Ende fussbereich -->
</div> <!-- Ende wrapper -->
</body>
</html>
. Nun geht es zum Stylen bzw. Positionieren aber dazu später --> Folgt noch. Mal bis hierhin.von Dodwin » 13.03.2009 17:14
siteRay hat geschrieben:Dann erstellst Du die einzelnen Container der Bereiche im Quelltext und umgibst diese mit einem umfassenden div so wie hier wrapper.
von Sweeney Todd » 13.03.2009 18:36
nierewa hat geschrieben:Problem erkannt, Gefahr gebannt.
Überprüfe mal bitte die Namen der ID's die du vergeben hast mit den dazugehörigen ID's in der css Datei.
In der HTML-Seite hast du die IDs groß geschrieben,
in der css-Datei aber klein. ID's sind case sensitive
Einfach in der HTML-Seite:
Inhalt -> inhalt
Navigation -> navigation
Fusszeile -> fusszeile
und schon funktioniert es
Oder?von Sweeney Todd » 13.03.2009 18:48
ich denk mir du hast Dir einen Quellcode von einer schon bestehend Site genommen und ihn modifiziert. Soweit so gut, ist ja nicht schlimm so lernt man ja auch. Aber nun fangen die Schwierigkeiten ja an, wenn man Grundlagen noch nicht beherrscht, denn man kann noch nicht verstehen was da so passiert mit mit den div's, postion: relative, position: absolute, usw. Erwischt! Ich habe dies mit 'position' immer und immer wieder gelesen und dachte mir, dies wäre die absolute Lösung, damit ich das .gif GENAU an an eine Stelle positionieren kann.
).
Den Button HTML bzw. CSS optimieren verwende ich regelmäßig (auch wenns mir manchmal die Seite durcheinander bringt).
von Sweeney Todd » 13.03.2009 19:02
Zu deinen Versuchen mit position:absolute:
Als CSS-Anfänger neigt man leider oft dazu position:absolute zu verwenden. Es gibt allerdings in 99% der Fälle eine bessere Alternative.
von siteRay » 13.03.2009 19:24
.
von Dodwin » 14.03.2009 12:41
Sweeney Todd hat geschrieben:Was würdest Du zum absoluten Positionieren für eine Lösung vorschlagen? Doch mit Tabellen arbeiten?
von Totobuvika » 24.03.2009 10:51
nierewa hat geschrieben:Das style for type="text/css" kann weg.
von Benedikt Loepp » 24.03.2009 11:45
von Totobuvika » 24.03.2009 11:58
Benedikt Loepp hat geschrieben:Ähm, dass ist jetzt aber aus dem Kontext gerissen
Es ging um folgenden Code:
<link rel="stylesheet" style type="text/css" href="styles.css">
Und da ist das style schlichtweg falsch!
Gruß Benedikt Loepp
. Wie heißt es so schön: wer lesen kann, ist klar im Vorteil.
Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast