How On Earth Do I Change This One Little Problem

Sissy76 · 07-29-2009, 10:51 PM

Hi guys,

I've been messing around with Artisteer and have created a very simple two page site for a local marketing event. Everything's been relatively straightforward so far, all I need to do is move the image on the home page up to sit closer to the bottom of the menu bar. I've Googled for ages and still can't seem to find out what I need to do. If anyone can help me sort this out, it would be very much appreciated, but could you completely spell out what I need to do, as I'm a total newbie to design.
Oh, if you want to take a look, it's at www.outtolunch.net.au.

Cheers,
Sissy

John Dufresne · 07-30-2009, 12:31 AM

How big is your image?
How much alpha space is around it?
Meaning, how much white space is between the border and image?
You might have to open your image up in photoshop and crop some of the white space off of it.
Just an idea.

jimbob · 07-30-2009, 02:50 AM

Hi Sissy,

The image is within a paragraph; if you remove the <p></p> tags from around the image then it will move up... but not quite enough.

The class '.post-body' has padding of 10px; this is also pushing the image further down. Maybe change it to say:

padding: 0 10px 10px 10px;

And the class 'img.alignleft' has a top margin of 1em; changing this to 0 should give you the result you're after.

Hope that makes sense!

James

Sissy76 · 07-30-2009, 04:49 AM

Thanks John, I'm not too familiar with photoshop, but my sister is, so I might see if she can take a look.

Cheers,
Sissy

Sissy76 · 07-30-2009, 04:51 AM

Hi James,

Thanks so much for your help, just need to ask a stupid question - which file(s) should I be looking at to make these changes?

Cheers,
Sissy

Sissy76 · 07-30-2009, 07:18 AM

Quote:

Originally Posted by jimbob

Hi Sissy,

The image is within a paragraph; if you remove the <p></p> tags from around the image then it will move up... but not quite enough.

The class '.post-body' has padding of 10px; this is also pushing the image further down. Maybe change it to say:

padding: 0 10px 10px 10px;

And the class 'img.alignleft' has a top margin of 1em; changing this to 0 should give you the result you're after.

Hope that makes sense!

James

James, if I were in Northampton I'd buy you a beer!! Got a chance to read your post sans interruptions from my kids, went through the css & viola! Front page image is aligned properly - thankyou, thankyou, thankyou!!

Sissy

jimbob · 07-30-2009, 08:03 AM

No worries at all - glad it's sorted!

07-29-2009, 10:51 PM	#1
Sissy76 HyperActive Warrior War Room Member Join Date: Mar 2009 Location: Australia Posts: 267 Thanks: 251 Thanked 30 Times in 19 Posts	How On Earth Do I Change This One Little Problem - So Close To Finishing My First Theme!! Hi guys, I've been messing around with Artisteer and have created a very simple two page site for a local marketing event. Everything's been relatively straightforward so far, all I need to do is move the image on the home page up to sit closer to the bottom of the menu bar. I've Googled for ages and still can't seem to find out what I need to do. If anyone can help me sort this out, it would be very much appreciated, but could you completely spell out what I need to do, as I'm a total newbie to design. Oh, if you want to take a look, it's at www.outtolunch.net.au. Cheers, Sissy

07-30-2009, 12:31 AM	#2
John Dufresne The Bloggers eStore Join Date: Jul 2009 Location: Colorado, USA Posts: 41 Thanks: 28 Thanked 5 Times in 5 Posts Social Networking	Re: How On Earth Do I Change This One Little Problem - So Close To Finishing My First Theme!! How big is your image? How much alpha space is around it? Meaning, how much white space is between the border and image? You might have to open your image up in photoshop and crop some of the white space off of it. Just an idea.
	My Site

07-30-2009, 02:50 AM	#3
jimbob HyperActive Warrior War Room Member Join Date: Jun 2005 Location: Northampton, UK Posts: 481 Thanks: 2 Thanked 6 Times in 6 Posts Social Networking Contact Info	Re: How On Earth Do I Change This One Little Problem - So Close To Finishing My First Theme!! Hi Sissy, The image is within a paragraph; if you remove the <p></p> tags from around the image then it will move up... but not quite enough. The class '.post-body' has padding of 10px; this is also pushing the image further down. Maybe change it to say: padding: 0 10px 10px 10px; And the class 'img.alignleft' has a top margin of 1em; changing this to 0 should give you the result you're after. Hope that makes sense! James
	James Simpson

07-30-2009, 04:49 AM	#4
Sissy76 HyperActive Warrior War Room Member Join Date: Mar 2009 Location: Australia Posts: 267 Thanks: 251 Thanked 30 Times in 19 Posts	Re: How On Earth Do I Change This One Little Problem - So Close To Finishing My First Theme!! Thanks John, I'm not too familiar with photoshop, but my sister is, so I might see if she can take a look. Cheers, Sissy

07-30-2009, 04:51 AM	#5
Sissy76 HyperActive Warrior War Room Member Join Date: Mar 2009 Location: Australia Posts: 267 Thanks: 251 Thanked 30 Times in 19 Posts	Re: How On Earth Do I Change This One Little Problem - So Close To Finishing My First Theme!! Hi James, Thanks so much for your help, just need to ask a stupid question - which file(s) should I be looking at to make these changes? Cheers, Sissy

07-30-2009, 08:03 AM	#7
jimbob HyperActive Warrior War Room Member Join Date: Jun 2005 Location: Northampton, UK Posts: 481 Thanks: 2 Thanked 6 Times in 6 Posts Social Networking Contact Info	Re: How On Earth Do I Change This One Little Problem - So Close To Finishing My First Theme!! No worries at all - glad it's sorted!
	James Simpson