Ergebnis 1 bis 3 von 3

Thema: Vertikale Navigation - Navigationspunkte gleich groß machen

  1. #1
    Darthii
    Gast

    Standard Vertikale Navigation - Navigationspunkte gleich groß machen

    Hallo Community.
    Ich bin neu hier und ich hoffe ihr könnt mir bei einem Problem helfen.
    Ich wurde mit der Erstellung einer Homepage beauftragt, allerdings stecke ich bei der Navigation fest. Hier der Link zurPage http://d-and-h.de/Projekte/Amaze-Records/
    Ich möchte alle Navigationspunkte gleich breit haben, um ein Hintergrundbild für diese einfügen zu können, aber das geht nicht. Ich habe es bereits mit dem Property "width" probiert, aber es tut sich nichts.
    Hier mal der Code, der mit der Navigation zu tun hat...
    ...HTML:
    Code:
    	<div id="navigation">
    	<p>
    	<span class="navigationspunkt"><a href="index.html">Home</a></span>
    	<span class="navigationspunkt"><a href="news.html">News</a></span>
    	<span class="navigationspunkt"><a href="amaze_records.html">Amaze Records</a></span>
    	<span class="navigationspunkt"><a href="media.html">Media</a></span>
    	<span class="navigationspunkt"><a href="diskographie.html">Diskographie</a></span>
    	<span class="navigationspunkt"><a href="links.html">Links</a></span>
    	<span class="navigationspunkt"><a href="guestbook.html">G&auml;stebuch</a></span>
    	</p>
    	</div>
    ...und CSS:
    Code:
    #navigation {
    	background-color: #000;
    	height: 60px;
    	border-width: 1px 0 0 0;
    	border-color: black;
    	border-style: solid;
    }
    
    .navigationspunkt {
    	background-image: url(img/nav.png);
    	background-repeat: no-repeat;
    	height:	20px;
    	margin: 0px 0px 0px 0px;
    	font-weight: bold;
    	border: 1px solid white;
    	padding: 20px 50px 20px 50px;
    }
    
    .navigationspunkt a:link {
    	color: white;
    	font-weight: bold;
    	text-decoration: none;
    }
    
    .navigationspunkt a:visited {
    	color: blue;
    	font-weight: bold;
    	text-decoration: none;
    }
    
    .navigationspunkt a:hover {
    	cursor: pointer;
    	color: yellow;
    	background-image: url(img/nav_hover.png);
    Danke schonmal für eure Hilfe,
    Darthii
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Vertikale Navigation - Navigationspunkte gleich groß machen

    versuch des menü mal als liste zu machen (also mit <ul><li>.... )
    vertikal ausrichten kannst se mit float:left im li-tag

    dann kannste auch die breite bestimmen, und des ganze is weng sauberer codiert.
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Fortgeschrittene/r Avatar von unknownsoldier
    Registriert seit
    16.06.2010
    Ort
    "Dreamland"
    Alter
    26
    Beiträge
    174
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Vertikale Navigation - Navigationspunkte gleich groß machen

    Und immer schön dran denken:
    Wer "float" benutzt muss auch "clear" benutzen!

    Bei der Listennavigation die Linkelemente("a") auf display:block um die breite zu bestimmen, als Ergänzung zu Driver

Ähnliche Themen

  1. Vertikale Tab-Navigation
    Von lukasn im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 19.02.2010, 13:02
  2. Vertikale Navigation mit Buttons
    Von demonhunter07 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.11.2009, 21:43
  3. dt und dd gleich groß!?
    Von thilda im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.05.2009, 01:45
  4. Gleich mehrere Fragen: Navigation und intelligente Ordner
    Von Crod im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 1
    Letzter Beitrag: 10.01.2007, 15:27
  5. Fenster das gleich groß bleibt?
    Von Dani im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 12.09.2005, 22:56

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •