Web Design Forums

pat · 30-08-2005, 17:45

I've got a little bullet point gif, 22 x 20, with a "W" in it that i'm using as a start to a welcome message.

<img src="wbullet.gif"/>elcome to the

The problem is that the image sits too high, i want it to sit lower down, so tht the "e" of welcome is in the middle.

How do i do this?

jingle · 30-08-2005, 17:50

I've found the vertical alignment property for the span or whatever the sentence is in doesn't always do aught, I normally specify a line-height which vertically centers the content if it's greater than the content height. So if you give the span a line-height of 30 it should centre your bullet, and then your e on the bullet image.

pat · 30-08-2005, 18:37

Cheers, now another question - see the uploaded image.

I want to align the second line of text with the "elcome" of the first line - i want to move "School..." along to the right a bit.

Howd i do this?

jingle · 30-08-2005, 19:54

there are a few ways, depends on how many lines and if it's fixed width. The best way would include image replacement for the image so the paragraph makes sense to all users.

Example 2 on this page is spot on http://www.stopdesign.com/articles/replace_text/

In your case you could increase the CSS height to force more lines underneath over to the right, depending on how many you have.

pat · 30-08-2005, 20:56

Cheers again! One more - my background is a tiled image which makes it look like the content column stretches right the way dopwn the page. I havn't got that much content, but i want the footer div to always be at the absolute bottom of the viewers page. How would i do this?

emil · 31-08-2005, 03:33

Quote:

Originally Posted by pat

i want the footer div to always be at the absolute bottom of the viewers page. How would i do this?

footerstick

pgo · 31-08-2005, 05:53

footerStickAlt: A more robust method of positioning a footer

http://www.themaninblue.com/writing/...ve/2005/08/29/

Brown · 05-09-2005, 14:29

half way down the page:

Example 2: Controlled Drop Caps

30-08-2005, 17:45	#1 (permalink)
pat jorge regula Join Date: Aug 2004 Location: B'ham/Leeds Posts: 5,102	Image positioning I've got a little bullet point gif, 22 x 20, with a "W" in it that i'm using as a start to a welcome message. <img src="wbullet.gif"/>elcome to the The problem is that the image sits too high, i want it to sit lower down, so tht the "e" of welcome is in the middle. How do i do this? __________________

30-08-2005, 18:37	#3 (permalink)
pat jorge regula Join Date: Aug 2004 Location: B'ham/Leeds Posts: 5,102	Cheers, now another question - see the uploaded image. I want to align the second line of text with the "elcome" of the first line - i want to move "School..." along to the right a bit. Howd i do this? Attached Images __________________

30-08-2005, 20:56	#5 (permalink)
pat jorge regula Join Date: Aug 2004 Location: B'ham/Leeds Posts: 5,102	Cheers again! One more - my background is a tiled image which makes it look like the content column stretches right the way dopwn the page. I havn't got that much content, but i want the footer div to always be at the absolute bottom of the viewers page. How would i do this? __________________

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

30-08-2005, 17:50	#2 (permalink)
jingle Registered User Join Date: Jun 2005 Posts: 75	I've found the vertical alignment property for the span or whatever the sentence is in doesn't always do aught, I normally specify a line-height which vertically centers the content if it's greater than the content height. So if you give the span a line-height of 30 it should centre your bullet, and then your e on the bullet image.

30-08-2005, 19:54	#4 (permalink)
jingle Registered User Join Date: Jun 2005 Posts: 75	there are a few ways, depends on how many lines and if it's fixed width. The best way would include image replacement for the image so the paragraph makes sense to all users. Example 2 on this page is spot on http://www.stopdesign.com/articles/replace_text/ In your case you could increase the CSS height to force more lines underneath over to the right, depending on how many you have.

31-08-2005, 05:53	#7 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	footerStickAlt: A more robust method of positioning a footer http://www.themaninblue.com/writing/...ve/2005/08/29/

05-09-2005, 14:29	#8 (permalink)
Brown volkswagen yellow & gold Join Date: Apr 2003 Location: london, england. Posts: 6,147	half way down the page: Example 2: Controlled Drop Caps

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)