Padding pre-nav image and text content separately

PencilTeeth / 2012-05-30 21:07:20   

I'm sure this isn't a difficult thing to do, but being a novice with these kind of things, I can't seem to get it right.

I'm trying to align my logotype (which is a part of an image file) with the pre-nav text and menu links. What I need to know is how to add different paddings to the image and the text, which are both situated in the pre-nav area. Should I use divs? How?

My site is pencilteeth.com .

Thank you!

Vaska A / 2012-05-30 23:05:49   

I just found a bug in the forum so I can't post code...I'll fix this tomorrow morning.

But, it's really easy, put your image inside of a div called 'logo' or something and wrap it in a link. Then, you can write some CSS to target any padding around the logo div.

mrad / 2012-08-22 01:54:19   

I'm trying to do the same thing but don't know exactly how to write the code. Vaska A are you able to post the code now? Thanks. m-rad.com

silvie5 / 2013-10-20 19:12:50   

I would also be interested in learning how to do this, but don't understand how to write the code. Thanks!

My website is silviedeutsch.com and I would like to know how to indent my menu sections but not my top logo image (in my pre-nav text).

arsondpi / 2013-10-20 20:40:57   
  1. #index ul { padding-left: 60px; }

for example, wont't work?
Of course your can get this done in various of different ways.
Use Firebug (the Firefox plugin) to target the correct css selector to affect and move things around.

This thread has been closed, thank you.