aanpassen primary links

Hallo,

Ik probeer de css aan te passen zodat de 'balk' van de primary links over de gehele breedte van de pagina loopt. Dit lukt wel, door width te wijzigen. De width was in dit geval 952px, en ik kan het in bijv. 1300 wijzigen. Probleem is dan echter, dat ook de knoppen naar links opschuiven, terwijl ik ze graag gecentreerd wil hebben. Hoop dat ik dit duidelijk uitleg.

Er staat nu dit in de css. Weet iemand hoe ik dit oplos?

#menu {
height: 35px;
background:url(images/menu-bg.gif) repeat-x;
width:952px;
margin: 0 auto;
}

#nav {
height: 35px;
background:url(images/menu-bg.gif) repeat-x;
float:left;
}

#nav li {
float:left;
background:url(images/menu-separator.gif) no-repeat right top;
height:35px;
padding:0 1px 0 0;
}

#nav li a{
color:#fff;
text-decoration:none;
font-size:12px;
padding:7px 18px 0 18px;
display:inline-block;
font-weight:bold;
height:25px;
text-transform:uppercase;
}

Drupalversie: 
6.x
Auteur: 
Paul B
afbeelding van roel guldemond
Door roel guldemond op 22 oktober, 2013 - 17:40

Dit weet in niet.
Ik heb geen diepgaande HTML/CSS kennis.
Maar af en toe kom ik toch in de verleiding om een kleine aanpassing proberen te doen.
Echter ik vind het een gigantisch gezoek.
Gelukkig heeft de Drupal-community best een en ander aan instrumenten om de dingen te doen die ik wil bereiken.
Zonder dat ik al dat ik bijvoorbeeld http://w3schools.com/ hoef te doorlopen.

Ik reageer omdat ik me afvraag of je wel met een een standaardbreedte uit de voeten kan.
Ooit heb ik in Drupal 6 de bovenkant van het Garland-theme willen aanpassen.
Ik meen dat er dan een klein stukje van paar pixels steeds herhaald wordt.
Zodat die balk mooi uitvult op het scherm waarop de site bekeken wordt.
Want niet elk scherm is even breed.
En er zijn voor desk-topcomputers al verschillende maten schermen. En nu het huidige mobile-tijdperk is de breedte op een mobiel apparaat weer veel anders dan bij desk-top-computers.

En daarvoor bestaan er responsive themes, die zich aanpassen aan die verschillen.
Hoe dat technisch op CSS-nivo wordt opgelost, dat weet ik niet.
Dit is een willekeurige greep van dit soort themes van drupal.org.
Wellicht dat iemand anders je hierbij kan helpen.
Succes in elk geval!

*** I like contributing to improvement of systems. Hic sic: according Boulding a system is "that which is not chaos" ***

Door bramvandenbulcke op 25 oktober, 2013 - 17:29

Dit is wat jij doet: http://jsfiddle.net/Fk4LP/1/

Je kan werken met de nav op 100% en de list-items op een vast percentage. Zie http://jsfiddle.net/aVM8t/1/.

Als je items zullen variëren kan je ook werken met een tabel. Zie http://stackoverflow.com/questions/2180666/css-forcing-width-of-menu-items-to-take-up-100/2180709#2180709.

***
http://bram.io
http://webwerk.be

Bookmark and Share

Drupal is een geregistreerd merk van Dries Buytaert. | Powered by Pantheon.

Drupal.be/Drupal.nl is de website van de Nederlandstalige Drupalgemeenschap.

onomatopee