11 replies [Last post]
drtanz
drtanz's picture
Offline
Enthusiast
Last seen: 3 years 44 weeks ago
Timezone: GMT+2
Joined: 2007-08-24
Posts: 53
Points: 16

I would like the bottom links in the footer to appear vertically centered in the footer (best seen on firefox as ie displays a thinner footer. How can i achieve this? thanks

http://www.quiksellmalta.com/articles/index.php

BonRouge
BonRouge's picture
Offline
Enthusiast
Sendai, Japan
Last seen: 13 years 46 weeks ago
Sendai, Japan
Timezone: GMT+9
Joined: 2005-07-10
Posts: 237
Points: 0

You could try this: #footer

You could try this:

#footer a {
line-height:35px;
}

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

better I would use a more

better I would use a more appropriate tag for the copy text an h2 heading doesn't really feel right Smile. If you then strip back any margins/padding upsetting the height of the footer and instead add a little padding top and bottom to the footer element you should be able to vae the two sections of text in line.

P.S. Your duplicate post has been removed

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

drtanz
drtanz's picture
Offline
Enthusiast
Last seen: 3 years 44 weeks ago
Timezone: GMT+2
Joined: 2007-08-24
Posts: 53
Points: 16

what would be a more

what would be a more appropriate tag for the copy text? thanks

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

All footer items in a list

All footer items in a list split left/right where appropriate or the copy in a simple

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

drtanz
drtanz's picture
Offline
Enthusiast
Last seen: 3 years 44 weeks ago
Timezone: GMT+2
Joined: 2007-08-24
Posts: 53
Points: 16

ok im still trying to get it

ok im still trying to get it right to no avail, need some help here Sad thanks

drtanz
drtanz's picture
Offline
Enthusiast
Last seen: 3 years 44 weeks ago
Timezone: GMT+2
Joined: 2007-08-24
Posts: 53
Points: 16

any further help pls?

any further help pls?

sunnykshahid
sunnykshahid's picture
Offline
Regular
India
Last seen: 13 years 46 weeks ago
India
Joined: 2008-09-19
Posts: 12
Points: 0

You have to use line-height

You have to use line-height in CSS code. This will be helpful for you.

Thanks,
Sunny
http://css3resources.blogspot.com/

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

drtanz what have you

drtanz what have you tried?

I would change the heading tag for a paragraph tag remove any margins or padding on the footer child elements until you have the text elements back in line and sitting tightly within footer and then simply try adding a little padding top and bottom to footer to allow the text to breath but remain neatly in line

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

drtanz
drtanz's picture
Offline
Enthusiast
Last seen: 3 years 44 weeks ago
Timezone: GMT+2
Joined: 2007-08-24
Posts: 53
Points: 16

problem solved thanks

problem solved thanks

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

How? it helps others if

How? it helps others if there is a brief explanation.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

drtanz
drtanz's picture
Offline
Enthusiast
Last seen: 3 years 44 weeks ago
Timezone: GMT+2
Joined: 2007-08-24
Posts: 53
Points: 16

using the line-height

using the line-height suggestion:

#footer {
margin-top: 10px;
background-color: #f0f3f5;
width: 767px;
border-style: solid;
border-width: thin;
border-color: #d4d5d7;
height:30px;
line-height:30px;
}