navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

RE: CSS not looking good except in MS

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> RE: CSS not looking good except in MS 		Page: <<   < prev  1 [2]
 
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/9/2004 12:52:44   
Cheers.... Changed the padding and they are all nice and close like a good family should be!

Only problem is now the text is all in the upper left part of the button, if I change the margin or padding is separates out all the buttons again....

Also, it's still not connecting the header and navigation properly in MSIE.... It looks perfect in the other two but IE is having problems for some reason....

EDIT: Wow... two pages! I might just get listed in the newsletter as the stupidest guy here who just doesn't get CSS!!!

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to jaybee)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS not looking good except in MS - 11/9/2004 16:28:49   
quote:

But it looks better in the browsers without the doctype....


GRRRRRRRRRRRR!!!!

Get the code and the css right and it'll be fine.

quote:

Changed the padding and they are all nice and close like a good family should be!


See it does work.

quote:

Only problem is now the text is all in the upper left part of the button


I'll have a look.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS not looking good except in MS - 11/9/2004 17:20:11   
It's a bit difficult to tell as I'm working with your old css, no graphics and an included menu but what seems to do what you want is to put the following in each of your a:link.button { etc


text-align: left;
padding: 6px;
margin-left: 2px;
margin-top:6px;

If they don't align how you want then play around with the values in there.

If you're using fp2003 than you should be able to see the results in preview.


Whilst you're in there change your A: to a: there are several.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 4:14:00   
Hey Jaybee.... Can't tell you how much I appreciate all the help!

I'm starting to think I should start from scratch again but I need to know where I went wrong before I do....

My navigation is here

Have changed all my As to as (force of habit starting a new sentence! BAD programmer, no donut!)

If I add the padding/margin bits then the buttons space out again but the text stays in the top left corner of the button. Also, in IE the previously viewed buttons appear in the links but not in FF / NS (the button colours are: New - light blue/grey.... Hover - Deep blue.... Visited - Purple)

I'm using FP2002 - I can still preview my stuff but it still has this annoying break between the header and the rest....

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to jaybee)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 6:07:34   
Yes, I got your nav by typing in the full url so that's not a problem but I need your latest css and a grabbable pic of your button.

I've set up your menu using my own button and everything is working fine.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 6:23:50   
Everytime I publish I republish the css.... is that what you mean?

This?

It works fine in IE but not in the others for some reason so I don't think it's the CSS....

Are you also seeing a break between the header and body of the page in IE or is the header text all over the place in ff/ns and fine in IE?

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to jaybee)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 8:52:59   
The css I kept picking up was the old one. That one is fine.

Big gap in IE fine in Firefox. The heading is a little bit out but not much.

I'm finishing off a client site this afternoon but I'll take a look at all this later on. Unless Dan is free to have a look sooner?

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
Giomanach

 

Posts: 6075
Joined: 11/19/2003
From: England
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 9:02:30    
tr>
    <td width="750" colspan="2" class="header" height="119px">
    <p class="HeaderText">Welcome to English And...</td>
  </tr>

Close off the paragraph:)

_____________________________

(in reply to jaybee)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 10:15:05   
Thanks for all this info guys....

I've decided to start from scratch with all this knowledge in minde before attacking the page!

I'm testing it locally in both FF and IE and it's looking almost identical in both so far....

Thanks a million for putting up with all my inane questions!

Edit: Have started again, but I have the same problem with the included naviagion structure.... The text is still at the top of the button, instead of in the middle.... I have used the text-indent to at least get in into a better position on the horizontal but I need to get the vertical down a bit..... Also, FF doesn't seem to be interested in showing a visited link....

< Message edited by CelticDragon -- 11/10/2004 11:03:48 >

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to Giomanach)
Donkey

 

Posts: 3842
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 11:27:24   
quote:

The text is still at the top of the button, instead of in the middle.
You probably need to reduce the bottom padding and increase the top padding. Alternatively taking out all padding might do it.

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 11:38:13   
Not sure what it is......

The buttons all have the same code (with different background images) 
a:link.button{
display:block;
width:118px;
height:28px;
text-decoration:none;
background-image:url('images/button1.gif');
background-repeat:no-repeat;
text-indent: 15px;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:left;
margin-bottom: 0px;
}


and the cell it's in is classed as navigation 
td.navigation{
width:147px;
background-position:left;
background-image:url('images/nav-back.gif');
background-repeat: repeat-y;
}


I have no idea what's happening.... also, FF/NS isn't displaying the visited button..... Site is here...

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to Donkey)
Donkey

 

Posts: 3842
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 12:51:22   
Try this 
a:link.button{
display:block;
width:118px;
text-decoration:none;
background-image:url('images/button1.gif');
background-repeat:no-repeat;
text-indent: 15px;
color:#FFF;
font-size:12px;
font-weight:bold;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:left;
margin: 0;
line-height:150%;
}

That looked OK to me in FF, but you might need to adjust the line height to whatever looks good to you. I think that the shape and shadow of the button distorts where the centre is so you need to make a judgement on what looks best.

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/10/2004 13:10:10   
Hi Donkey...

I was playing around with it and got it to not only line up to also to validate! yay!

The buttons are a bit spaced out but it'll have to do for now!

Any idea why FF isn't registering a visited link?

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to Donkey)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS not looking good except in MS - 11/11/2004 4:35:21   
Well done!

I can't get at your site at the moment to check out the links, keeps coming up not found.

You could try putting

a:active.button{
background-image:url('images/button3.gif');
}

as the last state in the css and see if that helps

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/11/2004 5:24:58   
quote:

a:active.button{
background-image:url('images/button3.gif');
}


Cheers Jaybee... Stuck it in but it's not changing anything, doesn't matter really! I've noticed FF doesn't want to change the colour of the HR at the bottom either... minor problems to be honest.....

Still can't figure out how to get the navigation closer together but that's not so important now! Content is king and I gotta get moving on that! haha.....

The site should be here if you want to take a look.... Any critiques would be welcomed too.... When I have a bit more content up (and actually have it on the right domain {EnglishAnd.com}) I might put it into the site critiques section to see what people think!

Thanks a million for all the help with getting this looking as it should, was thinking about documenting all of this and sending it into Tom Brunt as an article in starting CSS....

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to jaybee)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS not looking good except in MS - 11/11/2004 6:02:12   
I just ran your css through the validator and it's not happy

eg.

.mainsubfooter a:visited {
color: #6633CC;
font-weight: bold
text-decoration: none;
}

What is wrong with the above statement?

How about a missing ;

check all the others as well just in case

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/11/2004 7:33:00   
Oops....

I had a quick word with the coding and made sure it plays nice with the validator from now on.... I think I've smoothed things over between them and they are in love again. Having said that, code is fickle and could cheat on the validator again. If that does happen though I'll make it apologise and make up for it... :)

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to jaybee)
jaybee

 

Posts: 13957
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

  		RE: CSS not looking good except in MS - 11/11/2004 9:37:08   
Has that fixed your visited problem?

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

  		RE: CSS not looking good except in MS - 11/11/2004 11:07:03   
nope, but that's ok.... Working on the rest of the site first.... Thanks for everything!

_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to jaybee)
Page:   <<   < prev  1 [2]

All Forums >> Web Development >> Cascading Style Sheets >> RE: CSS not looking good except in MS 		Page: <<   < prev  1 [2]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.