|
|||
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ä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> bin ueber jeden tipp erfreut!! vielen dank gruss OLLIE |
Sponsored Links |
|
||||
hi,
der w3c-validator meldet 24 fehler! ( http://validator.w3.org/ ) du verwendest xhtml1 strict: unzulässig, muss sein , im menü: ... & ... sollte maskiert werden als & usw. usw. im header: Code:
<script type="text/javascript"></script> aber das schlimmste ist, dass der besucher gleich mit dem nervigen pop-up zugeballert wird.! zum css: auf die schnelle ist mir aufgefallen: z.b: Code:
body { font: 8pt/16pt georgia; color: #555753; background: #fff url(background.jpg) no-repeat top left; margin: 0px; } noch was: 1. bei einer auflösung von 800x600px verdeckt das menü einen teil des inhalts! sollte wohl eher nicht so sein? -> screenshot 2. bei einer auflösung von 1280x1024px oder höher fällt das 'design' auseinander! so, genug genörgelt, , muss weg cu
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Anfänger Fragen: Formular code korrektur , Strato Domain einrichtung und mehr | Akira | CSS | 4 | 11.05.2012 18:18 |
Fragen über Fragen - Anfänger | Anfaenger110 | (X)HTML | 15 | 04.01.2009 17:05 |
Fragen über Fragen | jules | CSS | 5 | 09.10.2008 16:21 |
JQuery anfänger fragen ? wie man den code in php einbaut? | kjvision | Javascript & Ajax | 1 | 21.08.2008 18:02 |
Anfänger erbittet ein paar Tips. | Dr.Crow | (X)HTML | 5 | 20.06.2006 12:47 |