zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Anfänger Fragen, also bitte nicht steinigen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.02.2006, 19:19
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
  #2 (permalink)  
Alt 04.02.2006, 11:58
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 791
kadees wird schon bald berühmt werden
Standard

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 &amp; usw. usw.

im header:

Code:
<script type="text/javascript"></script>
ohne nutzen, raus damit!

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; 
	}
überlege mal: welche schriftart sieht ein user der 'georgia' nicht installiert hat?

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
Angehängte Grafiken
Dateityp: jpg bolero.jpg (46,3 KB, 133x aufgerufen)
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
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
utf8 Fragen und Probleme lewian (X)HTML 11 07.09.2005 02:47


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:47 Uhr.