Hallo!
Wieder mal ein kleines Problem:
<table id="table" style="height:100%; border-left-width:10px" align="center" width="755px">
Warum zeigt sich die der Rahmen auf der linken Seite nicht? Er wird von nichts in CSS überschrieben... :shock:
Und warum verkürzt sich die Tabelle auf knapp 3/4 der Höhe wenn ich das Semicolon nach height:100% rausnehme?? :cry:
HTML ist tatsächlich nicht immer leicht zu verstehen... :wink:
Danke im Voraus!
LG,
Katta
So, hier ist der komplette Quellcode für html sowie css...
Danke für die Hilfe!
<!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>Design ueber CSS</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<link href="style.css" type="text/css" rel="stylesheet" />
<style type="text/css">
<!--
* {
margin:0;
padding:0}
html, body {
font: 100% arial; elvetica; sans-serif;
}
#kopfbereich {
background:url(bilder/hintergrundbild.jpg) no-repeat left top;
height:150px}
#kopfbereich p {
color:white;
text-align:right;
font-size:2em;
padding:0.4em 0.4em 0 0;
}
#braunezwischenzeile {
background: #CCD0B0;
padding-left:1em
}
#schattenwurf {
background:url(bilder/schattenwurf-grau-v.png) repeat-x;
}
#Inhaltsbereich {
padding-left:2em;
padding-top:2em}
#Inhaltsbereich h1 {
font-weight:bold;
}
#Inhaltsbereich ul {
padding-left:4em
}
-->
</style>
</head>
<body>
<div id="kopfbereich">
<p>Pillars of the 20th century</p>
</div>
<div id="braunezwischenzeile">
Steuerung
</div>
<div id="schattenwurf">
</div>
<div id="Inhaltsbereich">
<h1>Willkommen zur Beispielwebsite</h1>
<p>Diese Website gliedert sich in 4 Bereiche:</p>
<ul>
<li>Kopfzeile: Hintergrundbild-Download</li>
<li>Zeile Steuerung</li>
<li>Uebergang mit Schattenwurf</li>
<li>Inhaltsbereich</li>
</ul>
Um die weiteren verschiedenen Bereiche beim Entwickeln am Besten einen Rahmen ziehen, damit
sofort erkennbar ist, wo welcher div sitzt.
</div>
</body>
</html>
Hallöchen.
Ich hab mich soeben an eure Beispielwebsite rangegeben (Säulen des 20. Jahrhunderts) und bin auf ein scheinbar unlösbares Problem gestoßen.
Alles ist soweit fertig, außer dass ich wie in eurem Beispiel ein paar Absätze einfügen möchte, damit die Schrift nicht so aneinandergeklatscht aussieht. Ein Beispiel ist:
<p>Diese Website gliedert sich in 4 Bereiche:</p>
Aus mir nicht bekannten Gründen will der Browser aber keinen Absatz machen. Alle anderen Tags in diesem div-Bereich funktionieren aber ohne Probleme (z.B. <ul> und <li>).
Habt ihr eine Idee was ich da machen kann?
LG,
Katta
Juppie!
Es hat geklappt! Das war der Fehler: Die zwei Dateien waren in verschiedenen Ordnern... :roll:
Was man bei HTML nicht alles beachten muss.
Vielen Dank für die schnelle und vor allem HILFREICHE Hilfestellung!
LG aus Kanada ins schöne Deutschland
Okay, ich stell mich wahrscheinlich gerade extrem dumm an:
Habe eure super Einsteiger Liste von oben bis unten durchgearbeitet. Hat auch alles gut geklappt. Allerdings hänge ich jetzt am Unterpunkt "Bilder & Grafiken" fest. Wie beschrieben hab ich eure Grafik abgespeichert und habe folgenden HTML-Code ins Scriptly Fenster geschrieben:
<img src="html-seminar.jpg" /> (das habe ich jetzt hier reingepastet, damit ihr GENAU sehen könnt, was ich da eingefügt habt).
Wenn ich dann auf Vorschau gehe, ist da nur ein kleines rotes Kreuzchen, aber kein Bild. :cry:
Hab einiges rumprobiert mit den Codes, die Scriptly mir automatisch vorschlägt, wo man Größe etc. eingeben muss, aber alles vergebens...
Ich habe Windows Vista (leider); könnte es irgendwie damit zusammenhängen???
Ihr seid jetzt meine letzte Hoffnung. 
Danke im Voraus!
LG,
Katharina
PS: Eure Homepage ist übrigens echt klasse! Danke, dass ihr euch die Mühe macht und so viel tolle und einfach verständliche Info online stellt! Weiter so!
