login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Menu knop zelfde grootte (Opgelost)

Offline Jon - 04/11/2009 14:12
Avatar van JonPHP interesse Ik heb de site op volgende link staan:
Praktijk de Speelhut.
Op die site staat rechts een menu (de blauwe knoppen), en nou ben ik aan het proberen of al die knoppen dezelfde breedte kunnen krijgen.
En dat lukt me niet! Ik heb overal al width tussen geplaatst.

Dit is het stukje CSS wat bij het menu hoort;
Wie zou mij kunnen helpen om bij alle knoppen dezelfde breedte te krijgen?



css code - Bekijk de code zonder highlighting - Klap code in 
  1. #navigation {
  2. 	position:absolute;
  3. 	float: right;
  4. 	height: auto;
  5. 	z-index:1;
  6. 	left: 870px;
  7. 	top: 40px;
  8. 	list-style-type: none;	
  9. }
  10. #navigation ul {
  11.  
  12. 	position: fixed;
  13. 	line-height: 32px;
  14.  
  15. }
  16. #navigation li a {
  17. 	color: #FFF;
  18. 	text-decoration: none;
  19. 	padding: 8px 13px 8px 13px;	
  20. 	background-color:#16ace3;
  21. 	box-shadow: 3px 3px 15px #999;  
  22. 		-moz-box-shadow: 1px 1px 15px #999;  
  23. 		-webkit-box-shadow: 1px 1px 15px #999;  	
  24. }
  25. #navigation li a:hover {
  26. 	color: #FFF;
  27. 	background-color:#1b8cc7;
  28. }

8 antwoorden

Gesponsorde links
Offline MiST - 04/11/2009 15:55
Avatar van MiST Lid #navigation li
{
width: 150px;
}

?
Offline nathanael - 04/11/2009 17:09
Avatar van nathanael Gouden medaille

HTML gevorderde		 display: block;
width: 150px;
height: xxpx;
Offline Jon - 04/11/2009 20:42
Avatar van Jon PHP interesse Sowieso de code van MiST werkt niet, en die van nathanael heb ik net als die van MiST bij #navigation li { }
neergezet, maar dat werkt ook niet. Of moet ik de code van nathanael ergens anders neerzetten?
Offline MiST - 04/11/2009 22:40
Avatar van MiST Lid en wat als je de width's van je anchors vast zet? dus een display block en een fixed width?
Offline jc2 - 05/11/2009 10:34
Avatar van jc2 PHP interesse
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. #navigation {
  2.     position:absolute;
  3.     float: right;
  4.     height: auto;
  5.     z-index:1;
  6.     left: 870px;
  7.     top: 40px;
  8.     list-style-type: none;    
  9. }
  10. #navigation ul {
  11.  
  12.     position: fixed;
  13.     line-height: 32px;
  14.     width:150px;
  15. }
  16. #navigation li a {
  17.     color: #FFF;
  18.     text-decoration: none;
  19.     padding: 8px 13px 8px 13px;    
  20.     background-color:#16ace3;
  21.     box-shadow: 3px 3px 15px #999;  
  22.         -moz-box-shadow: 1px 1px 15px #999;  
  23.         -webkit-box-shadow: 1px 1px 15px #999; 
  24.     width:150px;
  25.     display:block;     
  26. }
  27. #navigation li a:hover {
  28.     color: #FFF;
  29.     background-color:#1b8cc7;
  30. }


of kijk hier:
deze website
Offline Duikboot - 05/11/2009 15:58
Avatar van Duikboot Grafische gevorderde Anders een tabelletje maken voor het menu?
Offline MiST - 05/11/2009 20:43
Avatar van MiST Lid tables voor design zijn een no-go wat mij betreft, maar ja... deze list doet wel erg vreemd. Heb ontdekt dat vooral de box-shadow problemen geeft. Eens die weg is, gaat het allemaal vanzelf.
Offline Jon - 10/11/2009 21:18
Avatar van Jon PHP interesse Bedankt voor de oplossing!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.172s