How to remove default borders that come once you link?

Well, I am creating a webpage first time my self. I know about divs, html ,css etc.


I've created very simple web page with just the logo and some links.

After I link the text to something, the text becomes blue and underlined, I dont want that to happen. Also, after I linked the logo image to the homepage, it got a border automatically.

How do I undo these changes?

 

To stop the text and image from having an underline for the link, in your css file under the relevant divs, type:

text-decoration: none;

HTML:

 

I did try that already.

 

Then you didn't try hard enough.

Add this to your stylesheet:

a {text-decoration: none;}

Code (markup):

If it doesn't work, it's probably conflicting with another CSS rule. Show us your CSS and we might help further.

 

Thanks, that fixed the issue for the texts with underline and all..

But the logo image still has the border. What shud i add for that?

 

add to your stylesheet

a img{border:0;}

Code (markup):

 

Thanks a bunch, that worked.

Thanks 3dy.ro and cpmaster.

 

always use a CSS reset to avoid this problem on your future projects.

I use my own CSS reset:

*{
margin:0;
padding:0;
}

img, a img{
border:0 none;
}

img{
vertical-align:baseline;
}

a{
outline:0;
}

input:focus, textarea:focus, select:focus{
outline: none;
}

textarea {
resize: none;
}

 

Reset CSS only work, if a website does not contain any duplicate css. A site have multiple css file, it might overwrite each others.

 

@jackburd
Yes, I do too (however, some designers - for example John Snook prefer not to).

But a CSS reset like YUI or Eric Meyer's doesn't get you rid of the color and underline of anchor links. Only the borders of images.

@patrick0001
And isn't this the idea of CSS resets? You load them first, and then you overwrite them with another stylesheet. CSS resets just give you a good, clean point to start styling your web pages.

 

I came across this situation when I working on a SharePoint project. Microsoft SharePoint itself have own CSS, if we load such resets CSS it will cause lot of problem. It requires me to spend time to check and override those CSS. Reset CSS is not recommend for certain CMS site.