11 replies [Last post]
JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 7 years 38 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

Problem page URL: http://www.artbeautiful.com/index.php?main_page=product_info&cPath=7_43&products_id=359

CSS url: http://artbeautiful.com/includes/templates/artb/css/stylesheet.css

The problem is the colored borders around the prev/listing/next images at the top of the main content section. They appear to be the default browser colors. These images link to other pages obviously, but should not have any decoration. I have not been able to find an override style to eliminate them. I use FF 2.0 on Mac and Firebug plus Web Developer tool.

Jack

Jack A

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 22 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

a img {border:

a img {border: none;}

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 7 years 38 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

a img {border: none;} doesn't work

Does its position in the stylesheet matter? It is live. These borders have something to do with the link attached to the images.

Jack A

Katie
Katie's picture
Offline
Enthusiast
Seattle, WA
Last seen: 6 years 39 weeks ago
Seattle, WA
Timezone: GMT-8
Joined: 2006-08-06
Posts: 357
Points: 2

I don't see the changes that

I don't see the changes that kk5st recommended in your file http://www.artbeautiful.com/includes/templates/artb/css/stylesheet.css. Which line are they?

The position in the style sheet could matter, but I don't see any styles already applied to a img, so I don't think it would matter on that page.

Blog: Pew Pew Laser Blog
Online File Storage: DropBox
Daily Deals on Local Activities: Groupon

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 22 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I, too, fail to see where

I, too, fail to see where you put it. I'd dropped it in right at the end of your various anchor rules.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 7 years 38 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

My apologies --- it works ---

I had hastily uploaded it as a .txt instead of .css
Thanks for all your attention to this.

Two more questions come to mind:

1> When you have an 'a' inside a '#div', that has a '.class' applied to to the div that's different from what you want for the 'a', how do you style that? Is it: #div.class a:link { color:etc; }?

2> I not long ago read a post somewhere (thought it was alistapart.com, but couldn't find it ) that gave a hierarchy of css styles in the order they impact other styles in the same sheet. I've forgotten what they called it, but I'd like to find that again. Any clues?

Thanks,
Jack

Jack A

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 22 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I think specificity is the

I think specificity is the word you want.

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 7 years 38 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

Override other settings several levels deep

I am now trying to change the colors of the links on this page, unsuccessfully.

https://www.artbeautiful.com/index.php?main_page=new_account

I have tried:
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:link { color:#333; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:visited { color:#333; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:hover { color:#666; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:active { color:#333; }

and several other combinations, but nothing does it without effecting the other links on the left and top of the page.

URL of CSS: https://www.artbeautiful.com/includes/templates/artb/css/stylesheet.css

Jack A

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 18 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

404s

http://www.alistapart.com/articles/perfect404/

Quote:

404 Must-haves

As well as the “something went wrong” text, you should ensure that your error page has the following:

* A link to the site map (if you have one) and the home page. This is the easiest way for users to bail out. This no-brainer requires no clever scripting.
* A search box. If you have a site search, add it to your 404 page. If you don’t have a site search and are in the habit of generating 404 errors, perhaps you should get one.
* A distinctly minimalist look. Avoid putting all your standard site navigation on this page. You should aim to remove distractions. Besides, insisting on including a complete site navigation strip may present a maintentance overhead (your 404 page can easily lag behind the rest of the site if it is not dynamically updated with the rest of your site and the last thing you want is to have navigation on the 404 that is no longer relevant/working. Oh the irony!)

Verschwindende wrote:
  • CSS doesn't make pies

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 7 years 38 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

I agree that the 404 is too heavy and your other suggestions---

---however, I am not a php coder and that is what your suggestion will require. This is a modified Zen Cart site and I am just trying to get the thing live and have been for weeks.

Back to my question: is their a way to temporarily fix the look of this page, given what I have to work with at this time? Actually, the answer would help me now and in the future.

I know this is not a php forum, but if someone could coach me on the code that I would need to drop the sitemap content, I'd be glad to do it immediately. Otherwise, I'm hoping there is a css solution that I'm missing. Thanks.

Jack

Jack A

JackyBoy
Offline
Enthusiast
Dallas Texas USA
Last seen: 7 years 38 weeks ago
Dallas Texas USA
Timezone: GMT-6
Joined: 2007-01-20
Posts: 79
Points: 2

Found it ---

This does it but I have no idea why ---

#siteMapList, #pagenotfoundBody ul li a:link { color:#333; !important; }
#siteMapList, #pagenotfoundBody ul li a:visited { color:#333; !important; }
#siteMapList, #pagenotfoundBody ul li a:hover { color:#666; !important; }
#siteMapList, #pagenotfoundBody ul li a:active { color:#333; !important; }

Jack A

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 18 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

What happens if you tried

What happens if you tried this:

JackyBoy wrote:

I have tried:
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:link { color:#333; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:visited { color:#333; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:hover { color:#666; }
#siteMapList, #pagenotfoundBody#pageNotFound.centerColumn ul li a:active { color:#333; }

with spaces? eg

#siteMapList, #pagenotfoundBody #pageNotFound .centerColumn ul li a:link { color:#333; }

I'm not sure how complex your HTML is but a few browsers don't support multiple ID/Class selectors.

Verschwindende wrote:
  • CSS doesn't make pies