Help - Search - Members - Calendar
Full Version: How to move this image down a bit...
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
whistler
How can I move the image on this website down just a bit to line up to the right of "Lupita's Patio"?

Here is the site:

My Webpage

pandy
It's the top margin some browsers add to P that causes the links to the left to be lower than the image.

The easiest and maybe most correct way is not to use a P around each link. They aren't really paragraphs, are they? If you want margins, use CSS margin. A bottom margin for those links would do the trick.

BLOCKQUOTE for indention isn't a great idea either. Apart from it being wrong to use it like this, browsers style BLOCKQUOTE differently, so it won't look the same in every browser.
whistler
Taking out the <p> worked. I added a <br> to each line to carriage return.

Now the names of the listed restaurants are too close. Is there a way to add a half a line feed to space them apart a bit more?
Darin McGrew
QUOTE
Now the names of the listed restaurants are too close. Is there a way to add a half a line feed to space them apart a bit more?
With the markup you've used, all you can do is adjust the line-height property:
http://htmlhelp.com/reference/css/text/line-height.html

If you used a list of links, then you could use padding and/or margin:
http://htmlhelp.com/reference/css/box/

See also:
http://www.alistapart.com/articles/taminglists/
pandy
Oops! Darin is right. You can't use margin right off the cuff.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.