I have some problems with my website.

I am building my website for the college works.
By using my own computer everything looks ok.
However if I check my website on which I am working, the college systems shows some wrong pieces.

To show whats wrong with my website, I uploaded image within this post.

1. I made navigation button, which allows by clicking go back to home page (However than I use college system, the hyperlink contains purple border around the image and I want to hide that unwanted border).

2. Other fail is something with CSS as I believe. Than I am checking my website using college network, around a search box, a border is separated from others buttons(this is weaker fail, maybe I will solve by my self).

Please, someone help me to solve this my problem.

okay Problem 1)
IE likes to add a border around images that are also links not sure why probley so people know its a link. You can stop it (and I would nobody likes it) by adding the css


Problem 2) You are viewing your website at 80% not 100% press Ctrl+0 to fix it at work. Its a browser bug not a css one I would let it slide most people will view at 100% to 120% but not normaly less than 100% - even this sites css breaks at 80% so don't worry about it.

Thank you for this, piece of code.
I will check using college network system

this code didn't worked: img a {border:none;}
However this code worked: img { border-style: none;}
Image bellow shows now how my website looks:


As you all can see, I still have problem with my search bar?
Also I uploaded two files to show how my website page is designed.
So if anyone can help me, please give a try.

Is it not that IE thing with Flash

Click to activate and use this control, or is it there even after clicking?

Forms <form> always tend to blow out the default height unless you set it explicitly in the CSS height property for that form's class, especially with form packed into such small vertical space like that website design picture. Also set it's margin-top and margin-bottom to 0.

if you want to hide the hyperlinks underline for the given text you can simply use the the style="text-decoration: none;"

fixed:
(I just changed position of search button, search box and now webpage looks, ok using 100% zoom level)

.searchclass {
position:relative;
margin-bottom:-8px;
border: 1px solid;
color: #3e7540;
font-size: 1.1em;
}


.searcher{
position:relative;
margin-bottom:-13px;
}


Also thanks to WIGPIP for giving the useful clue about class and 'margin'.

hello


first as you saying that your hyperlinks showing the border of color then normal hyperlinks shows border or under line if you use so you have to use the css properties for that this is

style="text-decoration:none;

by this property hyperlinks shows normal text and no under line

Can you please tell me in which browsers you are facing mention designing issue??

I am checking my website using firefox and internet explorer 8.

However I made new menu for my website and using firefox a website looks find but if I check on internet explorer 8 my website doesn't show my menu in the correct order and doesn't show images of menu.
So if I upload the part of my project, does someone can help me to find the answer to my issue?

(The fault is: firefox read all codes which I used inside sources but the Internet Explorer 8 don't accept some CSS codes which are responsible for main menu.)

I made different menu because I am learning how to build my own website and my new menu also looks better.

1. Bellow is the image which shows how my web page looks using the firefox browser:

http://img441.imageshack.%20us/f/firefoxjb.jpg/

2. Second image bellow shows how my image looks using Internet Explorer 8:

http://img340.imageshack.%20us/img340/9708/internetexplorerc.jpg

I uploaded on the different web site my images to show you because the size of images was to large and I couldn't upload here.
Also I made the space inside the url link . us because we are not allowed to post external links.
To view images you must delete %20 inside url and click the enter again.

The codes I used to display the images for buttons using CSS:

.nav {
background:url('../images/buttonproject.jpg') 0 0 repeat-x;
overflow:hidden;
margin-bottom:1px;
height:48px;
}


nav ul li a.current {
background:url(../images/currentbutton.jpg) 0 0 repeat-x;
}


If you need sources of menu, let me know.

No worries guys, I will solve some how by myself