Supportnet / Forum / Webseiten/HTML
Dreamweaver8 mit div's arbeiten
Frage
Dreamweaver8 mit div's arbeiten
moin
ich würde gerne eine Homepage erstellen die mit DIV's arbeitet.
bis jetzt hab ich immer mit frams gearbeitet, die eim aber wohl nicht so viel freiraum lassen als wenn man mit div's arbeitet.
da ich nicht wirklich code sondern mehr über den design und den entwurf modus arbeite wäre es coll wenn ihr mir helft mein problem so zu lösen das ich das auch verstehe.
ich bin jetzt ungefer so weit das ich zwei div's habe (layer 1und2). Ich will über den 1. etwas anderes in dem 2. anzeigen lassen.
hab aber kp wie???
[code]
<style type="text/css">
<!--
body {
background-color: #00CCFF;
}
.Stil1 {font-size: 14px}
-->
</style>
<div id="Layer1" style="position: absolute; left: 374px; top: 53px; width: 287px; height: 188px; z-index: 1; background: #FF0000; vertical-align: middle"></div>
<div id="Layer2" style="position: absolute; left: 143px; top: 276px; width: 206px; height: 283px; z-index: 1; background: #00FF00; vertical-align: middle">
<p class="Stil1">Home (Link zu Home)</p>
<p class="Stil1">Test (Link zu Link1)</p>
<p class="Stil1">Tet (Link zu Link2) </p>
</div> ![/code]
Antwort 1 von katy
Hallo Harvey17,
möglicherweise missverstehe ich dich ja, aber ich fürchte, du siehst da etwas falsch: Mit einem einfachen Link kannst du nichts in einen DIV laden.
Es gäbe da allenfalls die Möglichkeit über JavaScript den Inhalt des DIVs auszutauschen. Das bereitet aber oft noch mehr Probleme.
Üblicherweise wird einfach eine komplett neue Seite geladen, die sich von der vorherigen einfach im Inhalt des einen DIVs unterscheidet.
Wenn du dabei solche Angaben wie style="..." in externe Stylesheets auslagerst wird die Seitengröße geringer, so dass es kaum ins Gewicht fällt, dass jedes mal die Navigation neu geladen wird.
einen schönen Abend wünscht
katy
möglicherweise missverstehe ich dich ja, aber ich fürchte, du siehst da etwas falsch: Mit einem einfachen Link kannst du nichts in einen DIV laden.
Es gäbe da allenfalls die Möglichkeit über JavaScript den Inhalt des DIVs auszutauschen. Das bereitet aber oft noch mehr Probleme.
Üblicherweise wird einfach eine komplett neue Seite geladen, die sich von der vorherigen einfach im Inhalt des einen DIVs unterscheidet.
Wenn du dabei solche Angaben wie style="..." in externe Stylesheets auslagerst wird die Seitengröße geringer, so dass es kaum ins Gewicht fällt, dass jedes mal die Navigation neu geladen wird.
einen schönen Abend wünscht
katy
Antwort 2 von Harvey17
ok
könnte mir denn jemand die folgende Seite (mit framesseite) mit div's erstellen so das ich mir das besser verdeutlichen kann? vielen dank schon mal !?
Frame Seite
oder hier die cods
_________________________________________
"index.html"
_________________________________________
"nav.html"
_________________________________________
"home.html"
_________________________________________
"element.html"
_________________________________________
könnte mir denn jemand die folgende Seite (mit framesseite) mit div's erstellen so das ich mir das besser verdeutlichen kann? vielen dank schon mal !?
Frame Seite
oder hier die cods
_________________________________________
"index.html"
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
</head>
<frameset rows="*" cols="161,*" framespacing="0" frameborder="no" border="0">
<frame src="nav.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
<frame src="home.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>_________________________________________
"nav.html"
<style type="text/css">
<!--
body {
background-color: #333333;
}
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
font-style: italic;
}
.Stil2 {color: #CCCCCC; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
-->
</style></head>
<body>
<p class="Stil1">Navigation</p>
<p class="Stil1"> </p>
<p class="Stil2"><a href="home.html" target="mainFrame">Home</a></p>
<p class="Stil2"><a href="element1.html" target="mainFrame">Element1</a></p>
</body>
</html>_________________________________________
"home.html"
<style type="text/css">
<!--
body {
background-color: #999999;
}
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #333333;
}
-->
</style>
<span class="Stil1">Home Test </span>_________________________________________
"element.html"
<style type="text/css">
<!--
body {
background-color: #999999;
}
.Stil1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
color: #333333;
}
-->
</style>
<span class="Stil1">Element1</span>_________________________________________
Antwort 3 von katy
Hallo Harvey17,
auf der Seite CSS4You findest du ein Beispiel zu einem 2-spaltigem Layout, wie in deinem Frameset: http://www.css4you.de/wslayout1/ex0008.html
Schau einfach mal in den Quellcode.
Einen schönen Tag wünscht
katy
auf der Seite CSS4You findest du ein Beispiel zu einem 2-spaltigem Layout, wie in deinem Frameset: http://www.css4you.de/wslayout1/ex0008.html
Schau einfach mal in den Quellcode.
Einen schönen Tag wünscht
katy