TP: Hilfe für Anfänger bei Dreamweaver - Seite 2 - TP Hilfe Forum -- Anleitung - Tutorial

Burmilla · 17.10.2006, 18:45

Ooooh

Wo kann ich die finden ?? In meinen HTML Seiten ? Oder in den Codes?
Ehm.. ich denke Du meinst die Datei die auf meinem Server liegt (WS FTP PRO) die doppelklicke ich und dann öffnet sich Dreamweaver und da bearbeite ich ja die einzelnen Seien mit ihren codes.. ich bin wirklich so richtig ahnungslos, ich mache mehr kaputt als fertig

ich schaue mal alles durch zuhaus und wenn ich sowas finde schicke ich es!

Danke, Danke, Danke !

Sheila

321 · 17.10.2006, 18:50

oEffne sie nur mit einem Editor oder markiere sie im WS FTP und klicke auf die Schaltfläche View/Anzeige.
Sie enthält nicht HTML-Tags!

His.Master's.Voice · 17.10.2006, 19:54

Bitteschöööööön

Code:

/* CSS Document */
body
{
	padding:0;
	margin:0;
	background-image: url(img/tatze_bg.gif);
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f3f3bc;
	text-decoration: none;
	background-attachment: fixed;
	}


#mainwin
{position:relative;
width:760px;
height:500px;
left:50%;
margin-left:-380px;
top:30px;}


#head
{position:absolute;
width:760px;
height:165px;
left:0;
top:0;
background-image: url(img/header.gif);
background-repeat: no-repeat;}

#menu
{	position:absolute;
	top:170px;
	left:9px;
	width:158px;
	height:500px;
	background-image: url(img/menu_bg.gif);
	background-repeat: no-repeat;}

#contenttop
{position:absolute;
top:170px;
left:181px;
width:564px;
height:21px;
background-image: url(img/content_top.gif);
background-repeat: no-repeat;}


#content
{position:absolute;
top:191px;
left:181px;
width:562px;
background-color: #785cb8;
border-right: solid 1px #f3f3bc;
border-bottom: solid 1px #f3f3bc;
border-left: solid 1px #f3f3bc;
min-height:600px;}


	
#contentbox
{width:500px;
margin-top:30px;
margin-left:20px;
margin-bottom:30px;
}

ul{padding:0;
margin:0;}

#content p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f3f3bc;
}

#content h1
{	margin-left:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #47366e;
	text-decoration: none;
	font-weight:bold;
	padding:0;
	margin:0;}
	
#content td
{vertical-align: top;
padding:4px;}

#content .headlink
{position:absolute;
top:30px;
left:330px;
font-size:12px;
font-weight:bold;
}

.unten
{vertical-align: text-bottom;}


	
#menu p
{margin-top:50px;
margin-left:20px;
}

	
#menu a
	{display:block;
	float:left;
	height:20px;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #47366e;
	padding-left:25px;
	padding-bottom:20px;
	padding-top:4px;
	text-decoration: none;
	background-image:url(img/tatze_kl01.gif);
	background-repeat:no-repeat;}
	
#menu a:hover
	{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f3f3bc;
	text-decoration: none;
	background-image:url(img/tatze_kl02.gif);
	background-repeat:no-repeat;}
	
#menu .active
	{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f3f3bc;
	background-image:url(img/tatze_kl02.gif);
	background-repeat:no-repeat;}
	
#content a
	{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #47366e;}
	
#content a:hover
	{color: #f3f3bc;
	text-decoration: none;}
	
#content .imgspace
{ margin-left:74px; }

#content .right
{ float:right; }

#content .left
{ float:left; }

321 · 18.10.2006, 00:56

Na Uwe, wo hast denn die Styles her ???

Sheila, hier mal eine Version, die ich aber nur im IE6 getestet habe.
Die CSS-Aenderungen habe ich der Einfachheit halber in den HTML-Code inline codiert.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Die Burmilla</title>
</head>

<body>

<div id="mainwin"> 
<div id="head"></div>
<!-- /head -->
<div id="menu"> 
<p><a href="../index.html" onfocus="this.blur()" class="space">Home</a> <a href="burmillas.html" onfocus="this.blur()" class="space">Die 
Burmilla</a> <a href="#" onfocus="this.blur()" class="active">Kitten</a> 
<a href="galerie.html" onfocus="this.blur()" class="space">Galerie</a> <a href="shows01.html" onfocus="this.blur()" class="space">Shows</a> 
<a href="links.html" onfocus="this.blur()" class="space">Links</a> <a href="#" onfocus="this.blur()" class="space">G&auml;stebuch</a> 
<a href="kontakt.html" onfocus="this.blur()" class="space">Kontakt</a></p>
</div>
<!-- /menu-->
<div id="contenttop"></div>
<!-- /contenttop -->

<div id="content"> 
<div id="contentbox"> 
<h1>Kitten</h1>
<! -- Ab hier Aenderungen beachten!
      Die Inline-Styles können in die CSS-Datei verschoben werden
      Wenn alles fertig getestet ist 
      Auf die schnelle gehts auch so!
-->
<div><p style="float: right"><img src="../img/kittenandy1.jpg" alt="Andy" width="300" height="225" hspace="10" vspace="10"></p>
<p style="float:left; margin-top: 10px">Der Erstgeborene: Andy, 2 Minuten alt</p></div>
<div><p style="float: right"><img src="../img/kittenamily9.jpg" alt="Amily" width="300" height="225" hspace="10" vspace="10"></p>
<p style="float:left; margin-top: 10px">Das kleine Püppi Amily</p></div>
<div><p style="float: right"><img src="../img/kittenally.jpg" alt="Aleshanee" width="300" height="225" hspace="10" vspace="10"></p>
<p style="float:left; margin-top: 10px">..und die verspielte Ally</p></div>
</div>
<!-- /contentbox -->
</div>
<!-- /content -->
</div>
<!-- /mainwin -->
</body>
</html>

satre · 18.10.2006, 01:54

Zitat:

Zitat von 321

Na Uwe, wo hast denn die Styles her ???

Sheila hat den Link zu ihrer Seite doch angegeben.

321 · 18.10.2006, 07:36

Zitat:

Zitat von satre

Sheila hat den Link zu ihrer Seite doch angegeben.

Hilfe, man reiche mir ein Nachtsichtgerät!

ps: Schön, diese 3 Kleinen, dachte schon es wären 3 Kids

Burmilla · 18.10.2006, 10:16

Ja,

meine 3 cat-kids

Aber es sind nur noch 2.. eines hat liebe neue Eltern und der nächste Nachwuchs kommt hoffe ich noch dieses Jahr..

Alles Liebe!! Ich glaube ich muss die Styles.css dann nicht mehr posten.. ich bin nur leider gestern zu nichts gekommen.. werde es aber heute wirklich versuchen! Ich wünsche euch einen schönen Tag!!

Liebste Grüsse,
Sheila