Announcement

**amy1234** · 11-07-07, 05:58 PM

On my site when i link pictures to other pages a blue line always appears to show that its a link i was wondering how you get rid of that ??

**little albatross** · 11-07-07, 06:09 PM

You can use CSS. Nikki has a little tutorial for that at her site. (here). And in her post above

Some people I know use

Code:

a:img{border:0px solid;}

but I use

Code:

a:img{border:none;}

Both of them work for me, though

**Jenni Lou** · 11-07-07, 07:00 PM

Alternatively, you can just add "border=0" inside you <img> tags.

***Rosely*** · 11-07-07, 07:35 PM

a img{border:0;} in the css will do actually. Code can be oh so simple

Just think that 0 cows is just as much as 0 cars or 0 pixels

**little albatross** · 11-07-07, 07:39 PM

Originally posted by Rosely View Post

a img{border:0;} in the css will do actually. Code can be oh so simple

Just think that 0 cows is just as much as 0 cars or 0 pixels

Good point! I usually do say px or whatever unit after 0, just because sometimes I change it and forget to add any unit.

**amy1234** · 11-07-07, 09:03 PM

Thanks alot ill try that

))

**amy1234** · 17-07-07, 07:23 PM

how do you do that below ??,(highlight the top line) ive tried loads and i cant do it, ive been on loads of html sites and it doesnt say how to do it so i thought id ask buffy forums, so pleas can you help me

Attached Files

Untitled-2 copy.jpg (30.7 KB, 31 views)

***Rosely*** · 17-07-07, 07:51 PM

Well.. there's several options.
What you could do is to give the heading a style that includes a background color.
So in your CSS file you'd include for example:

Code:

h3 {
 color: #ffffff;
 background-color: #the color number;
 text-size: 1.2em; (or how big you want it)
 text-transform: uppercase;
 width: 500px; (for example, don't know how wide you want it)
 padding: 2px 0 2px 0;
 line-height: 1.2em; (optional, the padding probably already does enough)
}

and then in the html:

HTML Code:

<h3>here goes the text</h3>

another option is to put the heading in a span or div with a classname
say 'purple'

Code:

.purple {
 color: #ffffff;
 background-color: #the color number;
 width: 500px;
 height: 20px;
}

and for the heading style:
h3 {
 color: #ffffff;
 text-size: 1.2 em;
 text-transform: uppercase;
}

and then in your html:

HTML Code:

<div class="purple"><h3>here goes the text</h3></div>

hope that helps!

**Dana** · 17-07-07, 07:56 PM

Originally posted by amy1234 View Post

how do you do that below ??,(highlight the top line) ive tried loads and i cant do it, ive been on loads of html sites and it doesnt say how to do it so i thought id ask buffy forums, so pleas can you help me

Hay, that's my site *grin*

Rosely, I actually never involved H3 at all, instead I defined the whole thing under the div class..

I guess it's up to the coder in question how they do it. You can either do it the way Rosely suggested or you can do the defining of fonts, colors, background colors, etc in the div class. It's up to you.

**amy1234** · 17-07-07, 08:03 PM

Thanks very much i will give it a try, yeah dana you have a really nice site i was looking on it earlier and wondered how you did so i gave it a try and got no where lol thanks alot

***Rosely*** · 17-07-07, 08:05 PM

The advantage for using a 'h3' or any other heading is that your site will be better readable for search engines, and also for screen-readers.
Although the last catagory won't visit your site

Usually you start with the most important headings in the h1 tag, this could involve the logo with sitename, so that the search engines know that information is the most important for a site.

Then the second most important headings will go into h2 and then h3 and etc. etc. This is all site optimalisation and of course you can defign it all simply by putting that info into the class, but I wouldn't cause of this stuff being my job nowadays and clients all want search engine optimalisation and blah blah blah... lol

I took the h3 just as an example. maybe on this site it should be a h2, or a h4... that depends on the structure of the site.
But to use headings for such things, is handy. (cause we all want search engines to find our sites lol, also it's easy for the readability of your html)

**Dana** · 17-07-07, 08:09 PM

Rosely: Screw the searchengines

I've actually never been into the whole usage of h1 2 3 4 etc etc.. never felt the need and now I just adore div layers so I tend to just use them in these cases. Feels like less coding.. or I'm just kidding myself, whichever!

Amy: Thank you, and good luck, send me a tag when you're done, would love to see how it worked out for you

***Rosely*** · 17-07-07, 08:12 PM

LOL

yeah you are kidding yourself

They're very handy for stuff like this. because then you don't have to remember the classnames you made up for all those styles.
They go from h1 till h6, but you can also assign a certain heading to a certain page or part of the page (that you've build up in you div layers)

It's just easier cause then you will only have to type:
<h2>text</h2>
instead of:
<div class="name">text</div>

give it a try, you might like it

**omri** · 17-07-07, 08:15 PM

Originally posted by Rosely View Post

LOL

yeah you are kidding yourself

They're very handy for stuff like this. because then you don't have to remember the classnames you made up for all those styles.
They go from h1 till h6, but you can also assign a certain heading to a certain page or part of the page (that you've build up in you div layers)

It's just easier cause then you will only have to type:
<h2>text</h2>
instead of:
<div class="name">text</div>

give it a try, you might like it

It is easier, you are right. But i use this code my self and you'll have to use the Margin tag to close up the gaps between the highlighted text and the links below.

***Rosely*** · 17-07-07, 08:22 PM

Originally posted by omri View Post

It is easier, you are right. But i use this code my self and you'll have to use the Margin tag to close up the gaps between the highlighted text and the links below.

ha, that's true!
I usually put in my stylesheet on top:

*{
margin: 0;
padding: 0;
}

that sets everything to 0, also the <ul> and <ol> but then you can defign them all yourself again when you're styling them.
(and that's why I forgot that part, but yeah, you got to set the margin as well, to 0, or whatever you like)

**omri** · 17-07-07, 08:23 PM

OMG!~ thank you Rosely! I didn't know that! Very helpful!

**amy1234** · 24-07-07, 05:13 PM

Ok so im back with another question again, lol
In css how do you make so your navigation is all in with the css so you can just paste that link, and it will all be there, ive looked around but dont know how to do it, on each of my pages i keep having to paste all my navigation is there a way to put in css??, im confused like usual

**Jenni Lou** · 24-07-07, 05:26 PM

If you are asking what I think you are, then no. You can put your navigation in one file (along with other things) instead of on very page if you are using PHP. But I never heard of navigation links being inserted into a css. CSS just sets your style attributes.

**amy1234** · 24-07-07, 05:39 PM

I thought so, thanks.

Ok might as well edit this in, how do you change the colour of a border of an image, ive played with all the settings and cannot seem to change it from the colour purple or blue and it is really annoying me !!!LOL

Announcement

FAQ for all your HTML needs!

FAQ for all your HTML needs!

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment