PDA

View Full Version : blue or colored borders around picture

kalvin
06-24-2005, 08:50 AM
does anybody, I mean a gourou like connie or raminia, has any idea on the reason why I get automatically a blue or green or whatever colored border (which I don't want) around the central picture ?
thanks for any help
8)

link: http://www.ouvertures.info/pix/
ctranter
06-24-2005, 10:03 AM
I only see a grey boarder.

[edit] oh no wait i see the blue border in i.e.[edit]

Thats something to do with because the image is a link.
Not sure how to fix it.
Connie
06-24-2005, 10:08 AM
Kalvin,

have a look into the CSS-file which is included by the template "image_template.html"

the image is a link to the previous picture
a link is defined in the CSS-file with various attributes.

there are 4 different link-elements:

a:link {text-decoration :underline;color:black;}
a:visited {text-decoration:underline;color:black;}
a:hover {text-decoration:underline;color:red;}
a:active {text-decoration:underline;color:red;}

a:link <= the normal presentation of the link
a:visited <= the presentation of a visited link
a:hover <= when the coursor hovers over the link
a:active <= when the link is clicked in that moment

in the example of my template above you see, that the visited and the un-v isited links are always in black color, when the cursor hovers over it or the link is clicked, the color is red

so you can change these colors in your CSS-stylesheet

good luck!
kalvin
06-24-2005, 10:15 AM
thks a lot connie, I'm gonna investigate the css file and will return asap
Connie
06-24-2005, 04:59 PM
Kalvin,

I tested your blog as usual with firefox / webdesigner extension / tools / validate HTML

more than 60 errors in the HTML-validation!
you should not use
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> unless you tested your html code very strictly and know what you do!

that's why we use in the standard-templates:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


the CSS: if you use "id" in the css-file, you should only use this one time
if you want to use one definition more often, you should use a "class"

id = #something
class = .something

<font class="..."> for sure is wrong, as <font> is not valid anymore, it is deprecated, if you want to define the font of something, you could use <span class=".."> ... </span> instead, because font is no unique tag anymore, it is an attribute of an element...

If you wish to include the "<" character in your output, you should escape it as "<". Another possibility is that you forgot to close quotes in a previous tag.

the combination of the css-elements is absolutely wrong, <ul> is not closed, <div> is opened before <li>
and so on...

so you are happy that you get most results in a good browser (as Firefox) like you want it

as noted before, the color result which you claimed, is only in Internet Explorer, it is not in Firefox, I did not see it in OPERA

so you are in a real dilemma: wrong CSS and HTML + a browser which notoriously does not care about standards and rules...

I don't know where to start
my suggestion is:

test your pages in OPERA and Firefox and other standard-compliant browsers, then in IE
check your pages with the webdeveloper extensions in Firefox, validate it, follow the suggestions of the validators...

you will learn a lot and your pages will be better

good luck

I think, when I find the time, I think I will write an article about testing the templates etc. here in the forum
kalvin
06-24-2005, 08:32 PM
thanks a lot for your help and your review Connie. I will follow your suggestions and re work entirely the CSS