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ä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öne Grüsse
an Flat Eric und Bunny Poppins)
Über die Jahre hinweg zeigte sich, dass hier zusammenwächst,
was zusammengehört!
Wir hatten auch niemals ein schlechtes Gefühl mit dem Standort Offenbach,
denn dort steht man unter einem förderlichen Leistungsdruck und wird
nicht durch eine Szenezugehörigekeit bekannt.</p>
Recht schnell entstand eine Atmosphäre, die für die Harmonie
unter unseren Kunden förderlich war. Natürlich dient dies auch
uns als Motivationsquelle für die tägliche Arbeit. Deshalb achten
wir seit der Eröffnung darauf, dass einzelne Kunden nicht störend
auf dieses harmonische Gesamtbild wirken. Zudem legen wir natü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ältnis
anbieten können. Annerkennung für die professionelle Arbeit,
die familiäre Atmosphäre und unseren Zeitgeist, ist ein stetig
wachsender und stets zufriedener Kundenstamm und natürlich auch
überregionale
Buchungen für Galas, Workshops, etc.</p>
Das Team von "Bolero Hairstyle" würde sich sehr freuen,
auch Sie bald zu seinen Kunden zählen zu dürfen und wü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