Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 03.02.2006, 19:19
ollie75 ollie75 ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.11.2005
Beiträge: 15
ollie75 befindet sich auf einem aufstrebenden Ast
Standard Anfänger Fragen, also bitte nicht steinigen

Hallo,

habe mir folgende Webseite gebastelt: http://www.culturetraders.com/bolero_new/

nun weiss ich nicht genau, ob das alles so in ordnung geht, wie ich es mir zusammenkopiert und ausprobiert habe.
vielleicht kann ja mal einer drueber gucken und mir ein paar hilfreiche tipps geben.
folgende dinge versuche ich zu realisieren, bekomme es aber leider nicht hin:

1. Impressum wuerde ich gerne unten kurz ueber den Wurzeln, also im schwarzen Teil, stehen haben.
2. die inks im menue funktionieren irgendwie nicht so recht.
3. kann ich bspw im menue noch eine flashanimation oder ein gif implementieren?

hier mal das css:
Code:
body { 
	font: 8pt/16pt georgia; 
	color: #555753; 
	background: #fff url(background.jpg) no-repeat top left;
	margin: 0px; 
	}
p { 
	font: 10pt/16pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}
h3 { 
	font: italic normal 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #7D775C;
	}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #B7A5DF;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #D4CDDC;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}



#container { 
	background: url() no-repeat top left; 
	padding: 0px 320px 700px 200px;  
	margin: 0px; 
	}

#intro { 
	min-width: 470px;
	}
#pageHeader { 
	margin-bottom: 0px;
	}


#pageHeader h1 { 
	background: transparent url(h1.gif) no-repeat top left; 
	margin-top: 80px; 
	width: 20x; 
	height: 20px; 
	float: left;
	}
#pageHeader h1 span {
	display:none
	}

#pageHeader h2 { 
	background: transparent url(h2.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 18px; 
	float: right;
	}

#pageHeader h2 span {
	display:none;
	}


#textfield {
	clear: right; 
	padding: 200px 0px 0px 0px;
	}

#supportingText {
	padding-left: 10px; 
	margin-bottom: 40px;
	}

#footer { background: url() no-repeat top left; 
	padding: 600px 120px 0px 200px;  
	margin: 50px;
	
	}
#footer a:link, #footer a:visited { 
	margin-right: 20px; 
	}

#linkList {
	margin-left: 300px; 
	position: absolute; 
	top: 0px; 
	right: 10px;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(menue_hintergrund.gif) top left no-repeat; 
	padding: 30px; 
	margin-top: 180px; 
	width: 160px;
	height: 600px; 
	}
#linkList h3.select { 
	background: transparent url(h3.gif) no-repeat top left; 
	margin: 0px 0px 15px 0px; 
	width: 97px; 
	height: 16px; 
	}
#linkList h3.select span {
	display:none
	}
#linkList h3.favorites { 
	background: transparent url(h4.gif) no-repeat top left; 
	margin: 55px 0px 5px 0px; 
	width: 60px; 
	height: 18px; 
	}
#linkList h3.favorites span {
	display:none
	}
#linkList h3.archives { 
	background: transparent url(h5.gif) no-repeat top left; 
	margin: 5px 0px 5px 0px; 
	width:57px; 
	height: 14px; 
	}
#linkList h3.archives span {
	display:none
	}
#linkList h3.resources { 
	background: transparent url(h6.gif) no-repeat top left; 
	margin: 5px 0px 5px 0px; 
	width:63px; 
	height: 10px; 
	}
#linkList h3.resources span {
	display:none
	}


#linkList ul {
	margin: 20px;
	padding: 0px;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}
#linkList li a:link { 
	color: #988F5E;
	}
#linkList li a:visited {
	color: #B3AE94;
	}
	


#extraDiv1 { 
	background: transparent url(cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 40px; 
	right: 50px; 
	width: 148px; 
	height: 110px; 
	}


hier das html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<meta name="author" content="Bolero" />
	<meta name="keywords" content="hair, style, offenbach, schneiden, foehnen, 

haare, bolero, events, mondscheinschneiden" />
	<meta name="advertising" content="Bolero hair. style." />
	<meta name="robots" content="all" />

	<title>Bolero hair. style.</title>

	
	<script type="text/javascript"></script>
	
	<style type="text/css" media="all">
		@import "bolero.css";
	</style>
	
</head>



<body onload="window.defaultStatus='Bolero hair. style. - Offenbach/Main';" 

id="Bolero">

<div id="container">
	<div id="intro">
		<div id="pageHeader">
			
		</div>

		<div id="textfield">
			
      <h3><span>Herzlich Willkommen</span></h3>
			
      <p class="p1">Bolero Hairstyle besteht als Ideologie und Lebenseinstellung 
        schon deutlich l&auml;nger, als unser Salon in der Taunusstrasse.

        1991 hatten wir dann doch endlich den Platz gefunden, an dem wir unsere 
        Vorstellungen nahezu unzensiert ausleben durften. (sch&ouml;ne Gr&uuml;sse 
        an Flat Eric und Bunny Poppins)

        &Uuml;ber die Jahre hinweg zeigte sich, dass hier zusammenw&auml;chst, 
        was zusammengeh&ouml;rt!

        Wir hatten auch niemals ein schlechtes Gef&uuml;hl mit dem Standort Offenbach, 
        denn dort steht man unter einem f&ouml;rderlichen Leistungsdruck und wird 
        nicht durch eine Szenezugeh&ouml;rigekeit bekannt.</p>
      

Recht schnell entstand eine Atmosph&auml;re, die f&uuml;r die Harmonie 
        unter unseren Kunden f&ouml;rderlich war. Nat&uuml;rlich dient dies auch 
        uns als Motivationsquelle f&uuml;r die t&auml;gliche Arbeit. Deshalb achten 
        wir seit der Er&ouml;ffnung darauf, dass einzelne Kunden nicht st&ouml;rend 
        auf dieses harmonische Gesamtbild wirken. Zudem legen wir nat&uuml;rlich 
        besonderen Wert auf qualitativ hochwertige Arbeit, die wir sehr gerne 
        mit hohem technischen Aufwand betreiben, bei dem wir trotz der Verwendung 
        bester Produkte ein sehr ausgewogenes Preis- Leistungsverh&auml;ltnis 
        anbieten k&ouml;nnen. Annerkennung f&uuml;r die professionelle Arbeit, 
        die famili&auml;re Atmosph&auml;re und unseren Zeitgeist, ist ein stetig 
        wachsender und stets zufriedener Kundenstamm und nat&uuml;rlich auch 

&uuml;berregionale 
        Buchungen f&uuml;r Galas, Workshops, etc.</p>
      

Das Team von &quot;Bolero Hairstyle&quot; w&uuml;rde sich sehr freuen, 
        auch Sie bald zu seinen Kunden z&auml;hlen zu d&uuml;rfen und w&uuml;nscht 
        viel Spass mit dieser Webseite!!!!
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

xxxxxs
ssssssssssssssssssssssssssssssssssssssx


sssssssssssssssssssssssssssssssssxxxxxxxxxxxxxxxxxx
sssssssssssssssssssssx
ssssssssssssssssss


xxxxxxxxxxxxxxxxxxxxxx


xxxxxxxx
</p>
    </div>
	</div>

	<div id="requirements"></div>

		<div id="footer">
<p class="p3"> Impressum
		</div>

	</div>

	
	<div id="linkList">
		
		<div id="linkList2">

		
			<div id="lselect">
				
      <h3 class="select"></h3>
				
				<ul>
					[*]Home[*]
					Team[*]
					Preise[*]
					Produkte[*]
					People[*]
					Technik[*]
					Öffnungszeiten[*]
					Anfahrt[*]
					Events[*]
					Kontakt[*]
					Links[*]
					Gästebuch[*]
					NEWS/AKTIONEN[*]
					S H O P[*]
					<a href="/"


</p>


				[/list]				
			</div>

			
		</div>
	</div><a href="events.html" >





<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div 

id="extraDiv3"><span></span></div>
<div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div 

id="extraDiv6"><span></span></div>

</a></body>
</html>
wie gesagt, bin absoluter anfaenger auf dem css-gebiet, also bitte nehmt ruecksicht...

bin ueber jeden tipp erfreut!!

vielen dank

gruss

OLLIE
Mit Zitat antworten
Sponsored Links