Styling Elements with a specific ID
 

Styling Elements with a specific ID

When checking my new Parish Council website I noticed that the menu items did not have a display: block; styling

Using the # character in the styling will define just the element specified. In the case of the Parish Council I also added an id-"menu" to the div that contains the menu.

#id {
  css declarations;
}

What I added to bw2_financial.html

#menu li a { text-decoration:none; display: block;
}

This needs to be added to the template. Alternatively, I could generate a new .css for the pages as I am sure that there will be other styling issues that will come to light.

Top

Links

Link to PDF Disabled

If you require a copy please email tempusfugit.me.uk

Top

External Links - references

Site design by Tempusfugit Web Design -