Some links work, other's don't??

This is a discussion on "Some links work, other's don't??" within the Web Page Design section. This forum, and the thread "Some links work, other's don't?? are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page Some links work, other's don't??

Notices
Please Register!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Mar 9th, 2006, 08:08
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Sometimes underline works?
I can't work out why sometimes the underline statement works on my navigation links, and other times it doesn't. Anyone have any ideas?

http://www.securiguard.uk.com/secg/

Code: Select all
/* CSS Document */
body{
background-color: #ffffff;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top: 0px;
}
#container{
width: 760px;
border: solid black 0px; 
position: relative;
left: 50%;
margin-left: -380px;
}
#topnavigation{
width: 760px;
background-image:url(images/securiguardtop.gif);
height: 66px;
}
#topimage{
width: 760px;
height: 125px;
background-color:#FFFFFF;
}
#strapline{
width: 760px;
height: 24px;
background-color:#FFFFFF;
}
#bodyleft{
width: 268px;
height: 360px;
background-color:#D8D7E7;
float:left;
}
#bodyright{
width: 486px;
background-color:#FFFFFF;
float:right;
}
#bodylefttext{
width: 230px;
text-align:center;
font-size:12px;
margin-left: 20px;
padding-top: 10px;
}
h1{
font-size:11px;
font-weight:bold;
}
#bodyright1{
width: 295px;
background-color:#ffffff;
float:left;
}
#bodyright2{
width: 185px;
background-color:#FFFFFF;
float:right;
}
#navlist { 
list-style-image: url(images/bullet.gif);
margin-left: 20px;
line-height: 22px;
font-weight:bold;
}
#navcontainer{
width: 275px;
}
h2{
font-size:11px;
font-weight:bold;
color:#DF0031;
}
.homeproducttext{
font-size:11px;
font-weight:bold;
color:#DF0031;
}
.homeproductsmall{
font-size:10px;
}
.text{
height: 60px;
padding-left: 340px;
padding-top: 5px;
}
#text li
{
display: inline;
list-style-type: none;
color:#FFFF00;
padding-left:20px;
}
ul{
margin-left:0;
padding-left:0;
}
a:link {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFF00;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 color:#FFFF00;
 font-weight: bold;
 text-decoration: underline;
}
a:active {
 color: #FFFF00;
 font-weight: bold;
 text-decoration: none;
}
a:visited {
 color: #FFFF00;
 font-weight: bold;
 text-decoration: none;
}
Last edited by csa; Mar 9th, 2006 at 08:24.
Reply With Quote

  #2 (permalink)  
Old Mar 9th, 2006, 09:47
Up'n'Coming Member
Join Date: Mar 2006
Location: East Sussex, UK
Age: 20
Posts: 53
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Some links work, other's don't??
Well I haved tried the link in Firefox and seems to work fine.

My guess would be that it is because of the default line-heights in different browsers. Try setting a line-height across all the browsers using CSS to create a slightly bigger gap between the nav and the contact details. This way you will be able to see the underline which is probably hidden underneath the address.

Nice design by the way
Reply With Quote
  #3 (permalink)  
Old Mar 9th, 2006, 10:38
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Some links work, other's don't??
Will have ago.

One thing I have noticed is that on the Security Shutter page, ALUMINIUM SHUTTERS there appears to be an ed. at the end of the paragraph. This isn't in the text so I don't know why it's repeating?? Help!
Reply With Quote
  #4 (permalink)  
Old Mar 9th, 2006, 15:37
Up'n'Coming Member
Join Date: Mar 2006
Location: East Sussex, UK
Age: 20
Posts: 53
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Some links work, other's don't??
It's not underlining now that I've looked at it again!

Have you changed something is that just what it is doing?

Also did you know that your markup is actually valid XHTML 1.0 rather than just HTML 4.01 - all you'd have to do is change the doctitle.
Reply With Quote
  #5 (permalink)  
Old Mar 9th, 2006, 15:45
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Some links work, other's don't??
I decided to be lazy and remove the underline altogether. Still getting to grips with CSS and this site has been a pain as it has had to look like the brochure despite my protests.

I checked it out in W3C and it's comes up as html 4.01 valid (except for the contact page!) I'm a bit confused with which level I should be designing at, but there are loads of errors. In FF I'm missing some of the top header text, there's that strange type error on the shutters page etc. etc. but without completely re-building it, I'm not sure how to do a quick fix. May have to come back to this when I gain some more experience, but if you do have any ideas about the ed problem on the shutters page that would be great.

This is the css for that page:

Code: Select all
/* CSS Document */
body{
background-color: #ffffff;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top: 0px;
}
#container{
width: 760px;
border: solid black 0px; 
position: relative;
left: 50%;
margin-left: -380px;
}
#topnavigation{
width: 760px;
background-image:url(images/securiguardtop.gif);
height: 66px;
}
#topimage{
width: 760px;
height: 125px;
background-color:#FFFFFF;
}
#strapline{
width: 760px;
height: 24px;
background-color:#FFFFFF;
}
#bodyleft{
width: 268px;
height: 360px;
background-color:#D8D7E7;
float:left;
}
#bodyright{
width: 486px;
background-color:#FFFFFF;
float:right;
}
#bodylefttext{
width: 230px;
text-align:center;
font-size:12px;
margin-left: 20px;
padding-top: 10px;
}
h1{
font-size:11px;
font-weight:bold;
}
#bodyright1{
width: 295px;
background-color:#ffffff;
float:left;
}
#bodyright2{
width: 185px;
background-color:#FFFFFF;
float:right;
}
#navlist { 
list-style-image: url(images/bullet.gif);
margin-left: 20px;
line-height: 22px;
font-weight:bold;
}
#navcontainer{
width: 275px;
}
h2{
font-size:11px;
font-weight:bold;
color:#DF0031;
}
.homeproducttext{
font-size:11px;
font-weight:bold;
color:#DF0031;
}
.homeproductsmall{
font-size:10px;
}
.text{
height: 60px;
padding-left: 340px;
padding-top: 5px;
}
#text li
{
display:inline;
list-style-type: none;
color:#FFFF00;
padding-left:20px;
}
ul{
margin-left:0;
padding-left:0;
}
a:link {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #FFFF00;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 color:#FFFF00;
 font-weight: bold;
 text-decoration: none;
}
a:active {
 color: #FFFF00;
 font-weight: bold;
 text-decoration: none;
}
a:visited {
 color: #FFFF00;
 font-weight: bold;
 text-decoration: none;
}
#shutterstop{
width: 760px;
height:230px;
background-color:#FFFFFF;
}
#shutterstop2{
width: 760px;
height:200px;
background-color:#FFFFFF;
}
#shutter5{
width: 190px;
background-color:#FFFFFF;
float:right;
}
#shutter4{
width: 190px;
background-color:#FFFFFF;
float:right;
}
#shutter3{
width: 190px;
background-color:#FFFFFF;
float:right;
}
#shutter2{
width: 190px;
background-color:#FFFFFF;
float:right;
}
.shutterbox1{
width: 175px;
padding-left: 10px;
}
#shutter25{
width: 190px;
background-color:#FFFFFF;
float:right;
}
#shutter24{
width: 190px;
background-color:#FFFFFF;
float:right;
}
#shutter23{
width: 190px;
background-color:#FFFFFF;
float:right;
}
#shutter22{
width: 190px;
background-color:#FFFFFF;
float:right;
}
#shutterbox21{
width: 175px;
padding-left: 10px;
}
.shutterheader{
font-size:11px;
font-weight:bold;
color:#173367;
}
.shutterbodytext{
font-size:11px;
color:#000000;
}
Last edited by csa; Mar 9th, 2006 at 15:50.
Reply With Quote
  #6 (permalink)  
Old Mar 9th, 2006, 16:04
Up'n'Coming Member
Join Date: Mar 2006
Location: East Sussex, UK
Age: 20
Posts: 53
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Some links work, other's don't??
The problem with the added "ed." on the shutter page is a known bug with IE.

Check out this post: http://www.webforumz.com/css-forum/5...ting-words.htm
Reply With Quote
  #7 (permalink)  
Old Mar 10th, 2006, 11:16
csa csa is offline
Up'n'Coming Member
Join Date: Nov 2005
Posts: 67
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Some links work, other's don't??
Thanks for the link DarryLadie, for once this isn't something I've done!! I now have this fixed.
Reply With Quote
Reply

Tags
links, work, others

« a CSS question another forum failed to answer for me | making midi files »
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Javascript menu - does not work on title page, but does work on other pages Crystal Phoenix Starting Out 4 Mar 24th, 2008 19:40
[SOLVED] Links not working in IE but work in FireFox/Safari skuliaxe Web Page Design 2 Mar 17th, 2008 15:52
Help needed! Links don't work milly Starting Out 5 Jun 28th, 2007 19:48
Please help! My links won't work. Arsiei Web Page Design 3 Jun 28th, 2006 12:45
Why mailto links don't always work. Rob Web Page Design 3 Oct 31st, 2003 13:11


All times are GMT. The time now is 03:00.

Contact Us - Web Design & Development Forums - Archive - Top

Sleep Study Scoring :: Free Bet :: Online Betting :: Bookmakers :: Funny Quotes :: Internet Recruitment Software :: Microsoft CRM Experts :: Online Casino :: Decorated Christmas Trees :: Web Hosting :: Football Betting :: Web Development India :: Ecommerce Software :: Football Stats :: Dry Cleaning Collection :: Free Bets :: xtreme wales - extreme clothing :: Apuestas :: SEO Company India :: Werbeartikel :: Sharepoint Consultants :: Search Engine Optimisation :: Office Clearance London :: Sharepoint Experts :: Sports Betting :: Casino :: Website Templates :: Online Gambling

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43