Frage zu Dreamweaver

Janda · 13.11.2010

Moinsen, nun habe ich mal den Sprung ins kalte Wasser gewagt und hangel mich mithilfe eines Templates durch Dreamweaver.

Meine Frage: Ich hab links mein Menü mit den Links, so wie ich das gesehen habe, ist das nun alles ein Frame. Kann ich die Links so abspeichern, dass beim klicken auf einen willkürlichen Link das komplette Fenster neu läd aber halt mit neuem Inhalt in der Haupttabelle in der Mitte oder ist das zu umständlich. Denn um so mehr Inhalte es werden, desto mehr muss ich ja jede html Datei umbauen...

Zweite Frage: Ich habe wie auf dem Screenshot zu sehen links ein blaues Menü. Leider weiß ich nicht, wie die Farbe zustande kommt, denn ich finde diese nicht... Ich kann nur die Schriftfarbe ändern, aber nicht diesen blöden blauen Balken bei Kategorie und Archiv, Idee dafür?

Grüße und Danke

Momo22m · 13.11.2010

AW: Frage zu Dreamweaver

poste mal dein html code so wie ich das sehe sieht das nach eine grafik aus

Janda · 13.11.2010

AW: Frage zu Dreamweaver

Ich hoffe ich darf den einfach so hier reinkopieren?

<head>
<title>bhv-fotos.de</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="#">www.bhv-fotos.de</a></h1>
<h2>Bremerhaven von seiner schönsten Seite</h2>
</div>

<div id="right">

<h2><a href="#">Sonstige Fotos</a></h2>
<div class="articles">
<p>Fotos die nicht in oder um Bremerhaven erschienen sind, finden hier ihren Platz. Die meisten Aufnahmen sind jedoch in Dänemark oder auf der Elbe entstanden.<br />
Natürlich sind auch Fotomontagen wie hier abgebildet zu sehen, dabei werden mehrere hochauflösende Fotos zu einem einzigen verarbeitet. Falls Ihnen solche Bilder gefallen sollten, ließe sich das mit jedem anderen Foto auch machen. <a href="mailto:media@reiners-net.de">Fragen</a> Sie uns einfach.</p>
<p>Ob auf Leinwand oder Poster, auf bhv-fotos.de können Sie sich Ihr Lieblingsfoto direkt zu sich ins Wohnzimmer holen.</p>
<p>Die hier abgebildeten Fotos haben im Original eine Auflösung von mind. 3000 Pixel und sind somit für jede Druckgröße verfügbar. </p>
<p>Fotosignierungen auf vereinzelten Bildern werden für den Druck entfernt.<br />
</p>
</div>
<h2> </h2>
<div class="articles">
<p><img src="images/sonstige001.jpg" alt="" width="500" height="335" /></p>
<p><img src="images/sonstige003.jpg" alt="" width="500" height="250" /></p>
<p><img src="images/sonstige002.jpg" alt="" width="382" height="500" /></p>
<p><img src="images/sonstige004.jpg" alt="" width="500" height="213" /></p>
<p><img src="images/sonstige005.jpg" alt="" width="335" height="500" /></p>
<p><img src="images/sonstige006.jpg" alt="" width="400" height="500" /></p>
<p><img src="images/sonstige007.jpg" alt="" width="400" height="500" /></p>
<p><img src="images/sonstige008.jpg" alt="" width="500" height="335" /></p>
<p><img src="images/sonstige009.jpg" alt="" width="335" height="500" /></p>
</div>
</div>

<div id="left">

<h3>Menü :</h3>
<ul>
<a href="index.html">Home</a>
<li><a href="#"></a></li>
<li><a href="nachtfotos.html" target="_self">Nachtfotos</a></li>
<li><a href="tagfotos.html">Tagfotos</a></li>
<li><a href="sfotos.html">Sonstige Fotos</a></li>
<li><a href="http://bhvfotos-shop.fineartprint.de/index2.php?PHPSESSID=4c175a591538c6f6bdbf85****bbd4e4&page=image_katalog_sis.php&site=homepage">Shop</a></li>
<li><a href="lizenz.html">Lizenzen</a></li>
<li><a href="angebote.html">Angebote</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
<li></li>
</ul>

<h3>Foto Archiv</h3>
<ul>
<li><a href="juni08.html">Juni 2008</a></li>
<li><a href="august08.html">August 2008</a></li>
<li><a href="maerz09.html">März 2009</a></li>
<li><a href="juli09.html">Juli 2009</a></li>
<li><a href="august09.html">August 2009</a></li>
<li><a href="april10.html">April 2010</a></li>
<li><a href="mai10.html">Mai 2010</a></li>
</ul>

</div>
<div style="clear: both;"> </div>

<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.legalhelpers.com/bankruptcy-information.html">Bankruptcy Information</a>
</div>
</div>

</body>
</html>

Momo22m · 13.11.2010

AW: Frage zu Dreamweaver

Janda schrieb:

Ich hoffe ich darf den einfach so hier reinkopieren?

Code:

<head>
<title>bhv-fotos.de</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="#">www.bhv-fotos.de</a></h1>
<h2>Bremerhaven von seiner schönsten Seite</h2>
</div>

<div id="right">

<h2><a href="#">Sonstige Fotos</a></h2>
<div class="articles">
  <p>Fotos die nicht in oder um Bremerhaven erschienen sind, finden hier ihren Platz. Die meisten Aufnahmen sind jedoch in Dänemark oder auf der Elbe entstanden.<br />
    Natürlich sind auch Fotomontagen wie hier abgebildet zu sehen, dabei werden mehrere hochauflösende Fotos zu einem einzigen verarbeitet. Falls Ihnen solche Bilder gefallen sollten, ließe sich das mit jedem anderen Foto auch machen. <a href="mailto:media@reiners-net.de">Fragen</a> Sie uns einfach.</p>
  <p>Ob auf Leinwand oder Poster, auf bhv-fotos.de können Sie sich Ihr Lieblingsfoto direkt zu sich ins Wohnzimmer holen.</p>
  <p>Die hier abgebildeten Fotos haben im Original eine Auflösung von mind. 3000 Pixel und sind somit für jede Druckgröße verfügbar.  </p>
  <p>Fotosignierungen auf vereinzelten Bildern werden für den Druck entfernt.<br />
  </p>
</div>
<h2>&nbsp;</h2>
<div class="articles">
  <p><img src="images/sonstige001.jpg" alt="" width="500" height="335" /></p>
  <p><img src="images/sonstige003.jpg" alt="" width="500" height="250" /></p>
  <p><img src="images/sonstige002.jpg" alt="" width="382" height="500" /></p>
  <p><img src="images/sonstige004.jpg" alt="" width="500" height="213" /></p>
  <p><img src="images/sonstige005.jpg" alt="" width="335" height="500" /></p>
  <p><img src="images/sonstige006.jpg" alt="" width="400" height="500" /></p>
  <p><img src="images/sonstige007.jpg" alt="" width="400" height="500" /></p>
  <p><img src="images/sonstige008.jpg" alt="" width="500" height="335" /></p>
  <p><img src="images/sonstige009.jpg" alt="" width="335" height="500" /></p>
</div>
</div>

<div id="left"> 

<h3>Menü :</h3>
<ul>
  <a href="index.html">Home</a>
  <li><a href="#"></a></li> 
<li><a href="nachtfotos.html" target="_self">Nachtfotos</a></li>
<li><a href="tagfotos.html">Tagfotos</a></li>
<li><a href="sfotos.html">Sonstige Fotos</a></li> 
<li><a href="http://bhvfotos-shop.fineartprint.de/index2.php?PHPSESSID=4c175a591538c6f6bdbf85****bbd4e4&amp;page=image_katalog_sis.php&amp;site=homepage">Shop</a></li> 
<li><a href="lizenz.html">Lizenzen</a></li>
<li><a href="angebote.html">Angebote</a></li> 
<li><a href="kontakt.html">Kontakt</a></li>
<li></li>
</ul>

<h3>Foto Archiv</h3>
<ul>
  <li><a href="juni08.html">Juni 2008</a></li>
  <li><a href="august08.html">August 2008</a></li>
  <li><a href="maerz09.html">März 2009</a></li>
  <li><a href="juli09.html">Juli 2009</a></li>
  <li><a href="august09.html">August 2009</a></li>
  <li><a href="april10.html">April 2010</a></li>
  <li><a href="mai10.html">Mai 2010</a></li>
</ul>

</div>
<div style="clear: both;"> </div>

<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.legalhelpers.com/bankruptcy-information.html">Bankruptcy Information</a>
</div>
</div>


</body>
</html>

ja aber nahste mal mit code machen

und css bitte da ist ja alles eingestellt

sokie · 13.11.2010

AW: Frage zu Dreamweaver

hier ist die css

Code:

*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; }
a {COLOR: #6587E0; text-decoration: none;}
a:visited {COLOR: #6587E0; text-decoration: none;}
a:hover {COLOR: #333; text-decoration: underline;}
h2 { margin: 0 0 10px; padding: 10px 0 3px; }
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(images/bg.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }

#header {
background: #FE7B09 url(images/header.jpg) repeat-x;
height: 215px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
#header h2 {
color: #eee;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#wrap { padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
#left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px; margin-top: 20px;}
#left ul { padding: 5px 10px 10px 10px; margin: 0; }
#right { margin-bottom: 10px; float: right; width: 550px; padding: 0 10px 10px 10px; margin-top: 10px;}
    
#footer { font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }

das helle blau ist hier festgelegt:

Code:

#left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px;

das dunklere blau ist eine hintergrundgrafik in den h3 Elementen.

Code:

h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(images/bg.jpg) repeat-x; font-size: 1em;

Janda · 13.11.2010

AW: Frage zu Dreamweaver

Cool, danke! Und noch was, passt vielleicht nicht gerade in den Beitrag:
Ich bin bei 1und1, habe jetzt den ganzen schmock hochgeladen, hatte da ja vorher eine andere html seite mit Frames und co... veraltet, wie man mir sagte. Nun lade ich das neue hoch und die CSS Datei natürlich auch. Bei mir kommt aber die Nachricht: Zugriff nicht erlaubt...
Kann das am CSS liegen oder woran? Weiß das vll einer, oder hat diesbezüglich Erfahrungen? Habe die nun erstmal auf Weiterleiten gestellt...

Grüße!

Momo22m · 13.11.2010

AW: Frage zu Dreamweaver

hab ich auch ab und so mal das weiß der server noch nicht das du eine index liegen hast guck mal ihn 10 min oder so nach wen immer noch kommt dan kannst daran liegen das du falschen pakt von 1on1 hast

anoX · 13.11.2010

AW: Frage zu Dreamweaver

Welche Fehlermeldung kommt denn genau?

Bei einer 403 musst Du mal schauen, ob deine Dateien auch im richtigen Ordner liegen. Ein anderer Gedanke wäre zu schauen, ob generell eine index.html vorhanden ist.

Janda · 13.11.2010

AW: Frage zu Dreamweaver

Sauber, du hast mir weitergeholfen anoX! Das Verzeichnis von 1und1 war nicht auf /html gelegt, sondern iwie noch ein höher... Jetzt läuft es aber

Jetzt könnte ich aber weiternerven und fragen, was euch noch stört?!