Jump to content


Photo
- - - - -

Footer text to be sitting on the middle of the two lines


Best Answer Danny , 23 April 2013 - 07:07 AM

Just add some padding to the top and bottom.

 

http://cl.ly/image/221c2i1p1Q0m

Go to the full post


  • Please log in to reply
4 replies to this topic

#1 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 23 April 2013 - 05:49 AM

Hi,

 

On my website: test.propertywealthadvisors.com.au

 

I have added footer lines but as you can see the text is not sitting in the middle of the two lines correctly

 

The attached file is what I am after. I think this would relate to css but for what property will need to be used?

 

Thanks

Attached Files



#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 16222 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 23 April 2013 - 06:15 AM

Hi,

 

I am not sure why you're using the HTML you're, when it would be much easier to manage using a list. Also, not sure what you have chosen to use an image, when you could use border-bottom instead.

 

I recommend you alter the code you have and use list instead of <p> and <br> and images, you're in my opinion making life harder for yourself.

 

For example:

Please Login or Register to see this Hidden Content

As you can see, its easier to read than what you currently have. Also, I have added the div with a class called "list-border-btm" so we can use it to target the <li> tags and add a border bottom to them.

 

For example:

Please Login or Register to see this Hidden Content

I recommend you read through the HTML and CSS pages on W3Schools, which will assist you and use Firebug or your browsers built-in web dev tools and inspect the elements, you wish to customise to find the correct code.

 

For assistance visit our custom CSS documentation - 

Please Login or Register to see this Hidden Content



#3 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 23 April 2013 - 06:42 AM

Thanks for that.

 

Although see how the text is not in the middle of the lines? it's more sitting on the lines

 

Please Login or Register to see this Hidden Content



#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 16222 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 23 April 2013 - 07:07 AM   Best Answer

Just add some padding to the top and bottom.

 

Please Login or Register to see this Hidden Content



#5 designpoint

designpoint

    Advanced Member

  • Members
  • 59 posts
  • Country: Country Flag

Posted 23 April 2013 - 07:17 AM

Legend! Thanks you!