I have some problems with my website.

  • Karolis
  • Novice
  • Novice
  • Karolis
  • Posts: 19

Post 3+ Months Ago

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.

Attachments:
Copy of website2.JPG
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

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
Code: [ Select ]
img a {border:none;}


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.
  • Karolis
  • Novice
  • Novice
  • Karolis
  • Posts: 19

Post 3+ Months Ago

Thank you for this, piece of code.
I will check using college network system :)
  • Karolis
  • Novice
  • Novice
  • Karolis
  • Posts: 19

Post 3+ Months Ago

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:
Attachments:
web3.JPG


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.
Attachments:
Desktop.rar

(1.94 KiB) Downloaded 264 times

  • suzie
  • Guru
  • Guru
  • User avatar
  • Posts: 1134
  • Loc: England

Post 3+ Months Ago

Is it not that IE thing with Flash

Click to activate and use this control, or is it there even after clicking?
  • WIGPIP
  • Born
  • Born
  • WIGPIP
  • Posts: 4
  • Loc: Melbourne, Australia

Post 3+ Months Ago

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.
  • vikasgautam
  • Newbie
  • Newbie
  • User avatar
  • Posts: 11

Post 3+ Months Ago

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

Post 3+ Months Ago

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'.
:)
  • vikasgautam
  • Newbie
  • Newbie
  • User avatar
  • Posts: 11

Post 3+ Months Ago

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
  • linkbullets
  • Newbie
  • Newbie
  • linkbullets
  • Posts: 7
  • Loc: India

Post 3+ Months Ago

Can you please tell me in which browsers you are facing mention designing issue??
  • Karolis
  • Novice
  • Novice
  • Karolis
  • Posts: 19

Post 3+ Months Ago

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.
  • Karolis
  • Novice
  • Novice
  • Karolis
  • Posts: 19

Post 3+ Months Ago

No worries guys, I will solve some how by myself :)

Post Information

  • Total Posts in this topic: 12 posts
  • Users browsing this forum: No registered users and 36 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.