Gruppen

Top Gruppen: Windows 7; Windows Vista; Windows XP; Textverarbeitung; Excel; DSL; Internet Browser; E-Mail/Outlook
Betriebsysteme: Windows classik; Linux; BS-Sonstige
Software: Datenbanken; Bildbearbeitung; Audio/mp3/Video; Security/Viren; SW-Sonstige
Hardware: Mainboard/CPU; Grafikkarten; Peripherie; Laptop/Notebook; HW-Sonstiges
Netzwerk: Telefon,ISDN,Modem; W-Lan; NW-Sonstiges
Programmierung: PHP,ASP,Perl...; Java,C++...; Webseiten/HTML
Sonstiges: PC-Sonstiges; Plauderecke; SN Intern; Test

/ Forum / Webseiten/HTML

Webseiten/HTML

Fragevon Harvey17 vom 28.11.2019, 20:44 Options

Dreamweaver8 mit div's arbeiten

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???


<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> !

Antwort schreiben

Antwort 1 von katy vom 28.11.2019, 23:32 Options

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

Antwort 2 von Harvey17 vom 29.11.2019, 20:14 Options

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"


<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">&nbsp;</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 vom 30.11.2019, 14:16 Options

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

Hinweis

Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..

Neue Einträge

Tipp einschicken

News einschicken