• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Navigation einbinden

Nialma

Neues Mitglied
Hallo zusammen,

ich bin am verzweifeln.....

Ich habe eine Website in die ich gerne folgende Navi VIMEO.com & Lwis CSS Drop-Down Menu Theme einbinden möchte, ABER...

1. beomme ich die Navi nicht auf die volle Breite
2. sitzt der aktive link etwas weiter unten bzw alle anderen weiter oben


Evtl. kann sich das jemand ansehen und mir helfen?! Gerne auch mit FTP-Account.....
Alternativ nehme ich auch gerne ein anderes Navi mit jQuery......

Informationen:
webseitentest: knuddlwoelkchen.de/test/ (basiert auf YAML mit html5 und css3)
Navi: knuddlwoelkchen.de/test/vimeo.com.html -> Dateien sind bereits entsprechend intern angepasst (css etc)

FTP auf Anfrage (PN)

Grüße
 
Da es sich nicht nur um die navigation handelt, finde ich es am besten einfach den abschnitt der navigation zu posten. Sowohl HTML und Css
 
Das hat soweit geholfen - Danke! Nun muss ich mal schauen wie ich das mit dem Hintergrund etc hinbekomme.

Grüße
 
Der Hintergrund? Meinst Du die Bilder die in dem CSS-Code noch enthalten sind, aber nicht existieren? Wie z.B. bei "ul.dropdown li.first"?

Tipp: Verwende Firebug oder ein entsprechendes Entwicklungstool in deinem Browser. Damit kannst Du per Klick sehen was wo wirkt.
 
Der 1. Error kann eben nicht ignoriert werden. Schau dir den Quellcode der Seite im Browser mal an. Da steht eindeutig ein PHP-Fehler. Den musst Du beheben bevor Du fortfahren kannst und überhaupt irgendwas am Validator prüfen und beurteilen kannst.
 
ich habe den code funktionfähig gemacht gestalten musst du ihn selbst:arrow:
HTML:
<div style="position: fixed; left: 0px; top: -110px;"><link href="http://www.lwis.net/free-css-drop-down-menu/css/dropdown/dropdown.css" media="screen" rel="stylesheet" type="text/css" /><link href="http://lwis.net/free-css-drop-down-menu/css/dropdown/themes/vimeo.com/default.advanced.css" media="screen" rel="stylesheet" type="text/css" />
<!-- / END -->
</head><body class="vimeo-com">

<h1>   </h1>
<div class="g-ads g-ads-728x90">	<script type="text/javascript"><!--	google_ad_client = "pub-5151928908072155";	/* 728x90, created 10/31/08 */	google_ad_slot = "3550363170";	google_ad_width = 728;	google_ad_height = 90;	//-->	</script>	<script type="text/javascript"	src="http://pagead2.googlesyndication.com/pagead/show_ads.js">	</script></div>
<!-- Beginning of compulsory code below -->
<ul id="nav" class="dropdown dropdown-horizontal">	<li class="first"><a href="./">Home</a></li>	<li class="dir">About Us		<ul>			<li class="first"><a href="./">History</a></li>			<li><a href="./">Our Vision</a></li>			<li><a href="./" class="dir">The Team</a>				<ul>					<li class="first"><a href="./">Brigita</a></li>					<li><a href="./">John</a></li>					<li><a href="./">Michael</a></li>					<li><a href="./">Peter</a></li>					<li class="last"><a href="./">Sarah</a></li>				</ul>			</li>			<li><a href="./">Clients</a></li>			<li><a href="./">Testimonials</a></li>			<li><a href="./">Press</a></li>			<li class="last"><a href="./">FAQs</a></li>		</ul>	</li>	<li class="dir">Services		<ul>			<li class="first"><a href="./">Product Development</a></li>			<li><a href="./">Delivery</a></li>			<li><a href="./">Shop Online</a></li>			<li><a href="./">Support</a></li>			<li class="last"><a href="./">Training &amp; Consulting</a></li>		</ul>	</li>	<li class="dir">Products		<ul>			<li class="first"><a href="./" class="dir">New</a>				<ul>					<li class="first"><a href="./">Corporate Use</a></li>					<li class="last"><a href="./">Private Use</a></li>				</ul>			</li>			<li><a href="./" class="dir">Used</a>				<ul>					<li class="first"><a href="./">Corporate Use</a></li>					<li class="last"><a href="./">Private Use</a></li>				</ul>			</li>			<li><a href="./">Featured</a></li>			<li><a href="./">Top Rated</a></li>			<li class="last"><a href="./">Prices</a></li>		</ul>	</li>	<li><a href="./">Gallery</a></li>	<li><a href="./">Events</a></li>	<li><a href="./">Careers</a></li>	<li><a href="./" class="dir">Contact Us</a>		<ul>			<li class="first"><a href="./">Enquiry Form</a></li>			<li><a href="./" class="dir">Map &amp; Driving Directions</a>				<ul>					<li class="first"><a href="./">Map</a></li>					<li class="last"><a href="./">Driving Directions</a></li>				</ul>			</li>			<li class="last"><a href="./">Your Feedback</a></li>		</ul>	</li>	<li class="dir last">		<form method="post" action="">			<fieldset>				<label for="search">Search:</label>				<input type="text" id="search" class="text" value="Search!" onfocus="if (this.value == 'Search!') this.value = '';" onblur="if (this.value == '') this.value = 'Search!';" maxlength="255" />				<input type="image" src="http://u.jimdo.com/www101/o/s8ae4cd8f82d8f91f/img/favicon.png?t=1311769085" class="button" />			</fieldset>		</form>		<ul>			<li class="first"><a href="./">ERGEBNIS-1</a></li>			<li><a href="./">ERGEBNIS-2</a></li>			<li><a href="./">ERGEBNIS-3</a></li>			<li><a href="./">ERGEBNIS-4</a></li>			<li class="last"><a href="./">ERGEBNIS-5</a></li>		</ul>	</li></ul>
<!-- / END -->
<script type="text/javascript">
  var _gaq = _gaq || [];  _gaq.push(['_setAccount', 'UA-342296-1']);  _gaq.push(['_trackPageview']);
  (function() {    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);  })();
</script>
</body></html>
 
Zurück
Oben