Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Link underlines not working

Featured Replies

Hi Everyone

 

I had a designer produce me a template for my furniture site at http://www.oakandpineonline.co.uk/

 

Im pleased with it, looks much better than it used to but i have a couple of niggles. I would go back to him but he's gone on hols for a week so eager to get this fixed, my css is average so know my way around I just cant put my finger on it

 

1. I would like the links on the left and right underlined and change colour. The underlining i could do but the colour has baffled me. I have put the stylesheet back to what it was for now

 

2. On firefox the text did underline but in IE it doesnt (6 and 7) is it something to do with the line height?

 

3. On firefox it has bullet points but on IE it doesnt (Although i dont like bullets so that isnt actually a bad thing)

 

Is there anyone who could have a look for my grey hairs before they grow :)

 

Thankyou very very much for anyone who could shed some light for me

 

Rob

 

The stylesheet is at http://www.oakandpineonline.co.uk/style.css

To remove list-bullets, add to class .menu_ul

list-style:none;

 

To get underline on hover. Create new class with following:

 

link a:hover { text-decoration:underline; }

 

There also seems to be duplicated .menu_ul classes in stylesheet.

 

EDIT: attached new style.css if that helps

style.css

1. do you mean "change colour" when the mouse hovers over the text??

 

just add a:hover { color: #color hex; }

 

change color hex to the color e.g. white is #ffffff; and black is #000000;

 

2. text underline in ie ...

 

p { text-underline-position: below; text-decoration: underline }

 

3. bullets in firefox

 

use p { list-style:none; }

  • Author

Cheers Guys

 

Dave - thankyou so much for ammending the stylesheet, works a treat. Ammended the content area to so underlines work and the colour changes

 

Faevilangel - thanks for your help to, great to see if written down. My brain takes it in better

 

All happy now

 

nite all

 

Rob

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.