zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden vertikales Menü nachträglich einbauen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 20.02.2013, 14:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2013
Beiträge: 4
Maverick010101 befindet sich auf einem aufstrebenden Ast
Standard vertikales Menü nachträglich einbauen

Hallo liebe Forenmitglieder,

ich habe eine Webseite wo das horizontale Menü durch ein vertikales ersetzt werden soll. Nun habe ich das eingebunden jedoch wird es in den meisten Browsern links nicht angezeigt. Wie kann ich das nachträglich reallisieren sodass in jeden Browser angezeigt wird und nicht abgeschnitten wird?

HTML-Code:
			<div class="menu">
<ul id="menu" class="topmenu">
	<li class="topfirst"><a href="index.php" style="width:154px;">Home</a></li>
	<li class="topmenu"><a href="#" style="width:154px;"><span>&Uuml;ber uns</span></a>
	<ul>
		<li><a href="firma.php">Firmenhistorie</a></li>
		<li><a href="#">Nutzen von Verb&auml;nden</a></li>
		<li><a href="refs.php">Referenzen</a></li>
		<li><a href="presse.php">Presse</a></li>
		<li><a href="partner.php">Partner</a></li>
		<li><a href="zertifikate.php">Zertifikate</a></li>
		<li><a href="fuhrpark.php">Fuhrpark</a></li>
	</ul></li>
	<li class="topmenu"><a href="refs.php" style="width:154px;">Referenzen</a></li>
	<li class="topmenu"><a href="#" style="width:154px;"><span>Nahumzug</span></a>
	<ul>
		<li><a href="halteverbot.php">Halteverbotszonen</a></li>
		<li><a href="montagen.php">M&ouml;belmontagen</a></li>
		<li><a href="kueche.php">K&uuml;chenmontagen</a></li>
		<li><a href="#">Altm&ouml;belentsorgung</a></li>
		<li><a href="umzugsgutliste.php">Angebot anfordern</a></li>
	</ul></li>
	<li class="topmenu"><a href="#" style="width:154px;"><span>Fernumzug</span></a>
	<ul>
		<li><a href="halteverbot.php">Halteverbotszonen</a></li>
		<li><a href="montagen.php">M&ouml;belmontagen</a></li>
		<li><a href="kueche.php">K&uuml;chenmontagen</a></li>
		<li><a href="#">Altm&ouml;belentsorgung</a></li>
		<li><a href="umzugsgutliste.php">Angebot anfordern</a></li>
	</ul></li>
	<li class="topmenu"><a href="besichtigung.php" style="width:154px;">Besichtigungstermin</a></li>
	<li class="topmenu"><a href="#" style="width:154px;">Beiladungsb&ouml;rse</a></li>
	<li class="topmenu"><a href="kartons.php" style="width:154px;">Umzugskartons &amp; Co</a></li>
	<li class="topmenu"><a href="lagerservice.php" style="width:154px;">Lagerung</a></li>
	<li class="topmenu"><a href="#" style="width:154px;">Malerarbeiten</a></li>
	<li class="topmenu"><a href="#" style="width:154px;">Reinigungsservice</a></li>
	<li class="topmenu"><a href="#" style="width:154px;">Sicherheitstechnik</a></li>
	<li class="topmenu"><a href="leitfaden.php" style="width:154px;"><span>Leitfaden Umzug</span></a>
	<ul>
		<li><a href="fallstricke.php">Tipps gegen Abzocke</a></li>
	</ul></li>
	<li class="topmenu"><a href="#" style="width:154px;"><span>FAQ &amp; Tipps</span></a>
	<ul>
		<li><a href="#">Allgemeine Hinweise</a></li>
		<li><a href="#">Kosten&uuml;bernahme</a></li>
		<li><a href="#">Umz&uuml;ge von / nach Schweiz</a></li>
	</ul></li>
	<li class="topmenu"><a href="versicherung.php" style="width:154px;">Versicherung</a></li>
	<li class="topmenu"><a href="spenden.php" style="width:154px;">M&ouml;belspenden</a></li>
	<li class="topmenu"><a href="gutachten.php" style="width:154px;">Gutachten</a></li>
	<li class="toplast"><a href="jobs.php" style="width:154px;"><span>Jobs</span></a>
	<ul>
		<li><a href="uberater.php">Umzugsberater/in im Au&szlig;endienst</a></li>
		<li><a href="sachbearbeiter.php">Kundenberater/in im Innendienst</a></li>
		<li><a href="assistent.php">Assistent/in d. Gesch&auml;ftsleitung</a></li>
		<li><a href="dispo.php">Disponent/in</a></li>
		<li><a href="fahrer.php">Kraftfahrer &amp; Packer w/m</a></li>
	</ul></li>
			</div>

Code:
.menu{
padding: 250px 0px 0px 0px;
width:200px;
height:0px;
float:left;
position;relative;
}

ul#menu,ul#menu ul{


	}
ul#menu ul{
	display:none;
	position:absolute;
	left:100%;top:0;
	-moz-box-shadow:3.5px 3.5px 5px #000000;
	-webkit-box-shadow:3.5px 3.5px 5px #000000;
	box-shadow:3.5px 3.5px 5px #000000;
	background-color:#f4f4f4;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-color:#d4d4d4;
	padding:0 10px 10px;
	}
ul#menu li:hover>*{
	display:block;
	}
ul#menu li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	}
ul#menu li:hover{
	z-index:1;}
ul#menu{
	font-size:0;
	z-index:999999;
	position:relative;
	display:block;
	float:left;
	padding:0;
	margin-left:-200px
	}
ul#menu>li{
	margin:0;
	}
ul#menu a:active, ul#menu a:focus{
	outline-style:none;
	}
ul#menu a{
	display:block;
	vertical-align:middle;
	text-align:center;
	text-decoration:none;
	font:14px Gudea;
	font-weight: normal;
	color: #575757;
	text-shadow:#FFF 0 0 1px;
	cursor:pointer;
	padding:5px 5px 15px 1px;
	background: url(../images/menu.jpg) no-repeat;
	}
ul#menu ul li{
	float:none;
	margin:10px 0 0;
	}
ul#menu ul a{
	text-align:left;
	padding:4px;
	background-color:#f4f4f4;
	background-image:none;
	border-width:0;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font:14px Gudea;
	color:#000;
	text-decoration:none;
	}
ul#menu li:hover>a,ul#menu li a.pressed{
	background-color:#ff9934;
	text-shadow:#FFF 0 0 1px;
	background: url(../images/menu.jpg) no-repeat;
	text-decoration:none;
	}
ul#menu span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	}
ul#menu ul li:hover>a,ul#menu ul li a.pressed{
	background-color:#ff9934;
	border-color:#C0C0C0;
	border-style:solid;
	color:#000000;
	text-shadow:#FFF 0 0 1px;
	background-image:url("mainbk.png");
	background-position:0 100px;
	text-decoration:none;
	}
ul#menu li.topfirst>a{
	border-width:0;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-bottom-left-radius:0;
	}
ul#menu li.toplast>a{
	border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	-webkit-border-radius:0;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	}

mit dem div menu bekomme ich es zwar durch das padding da hin aber das ist falsch. Hoffe ihr könnt mir helfen.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 20.02.2013, 15:26
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Wir kennen den Rest der Seite nicht. Deshalb können wir dir auch nicht sagen woran es genau liegt. Gib uns bitte einen Link zu Seite.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 20.02.2013, 15:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2013
Beiträge: 4
Maverick010101 befindet sich auf einem aufstrebenden Ast
Standard

Freudenberger Umzugslogistik
Mit Zitat antworten
  #4 (permalink)  
Alt 20.02.2013, 16:10
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Also bei mir wird das Menü links neben dem Slider angezeigt, nur zu weit. Wenn du das Padding von -200px auf -100px einstellst, funktioniert es doch.
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #5 (permalink)  
Alt 20.02.2013, 16:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2013
Beiträge: 4
Maverick010101 befindet sich auf einem aufstrebenden Ast
Standard

Ja aber das liegt an deiner Bildschirmauflösung. Mach mal bitte auf 1024x768, dann ist nix mehr da oder wenn du den Browser einfach verkleinerst, also oben rechts neben dem X.
Mit Zitat antworten
  #6 (permalink)  
Alt 20.02.2013, 16:50
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.372
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

Du solltest vielleicht das Menü aus dem Header entfernen und ein ein umschließendes Element setzen in dem sich der Slider und der Inhalt befindet. (Des weiteren ist das von dir im header benutze MarkUp sehr unsemantisch.)
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #7 (permalink)  
Alt 20.02.2013, 16:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.02.2013
Beiträge: 4
Maverick010101 befindet sich auf einem aufstrebenden Ast
Standard

Ich habe das so bekommen und soll da jetzt rumbasteln. Bin nur nicht so ein CSS Freak, deswegen hoffe ich ja hier auf kluge köpfe.

Edit// Wenn ich das jetzt aus dem header nehme, muss ich 30 Unterseiten neu strukturieren....das wollte ich mir ersparen. Hast du ne andere Idee?

Geändert von Maverick010101 (20.02.2013 um 16:58 Uhr)
Mit Zitat antworten
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
Aufklappbares vertikales Menü Hardyy CSS 3 10.03.2011 23:09
vertikales Menü – am PC zerschossen, am Mac ok!? philoumena CSS 2 23.11.2010 20:22
Darstellungsproblem flohpapa CSS 3 16.12.2009 09:55
Vertikales Dropdown menü dark4521 CSS 11 19.01.2009 19:20
dropdown menü einbauen PatrickM CSS 6 07.01.2008 17:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:46 Uhr.