FAQtoid

Dota · Jan-30-2011, 01:26 PM #1

I am working on a text page that I want to center the text but everything is left justified for some reason. What am I doing incorrectly? Here is a link to the test page...

http://www.pullumphotography.com/Oth...15606050_PZw7r

I eventually want to use it to replace the image on this following page...

http://www.pullumphotography.com/gal...70432696_mgxuo

jfriend · Jan-30-2011, 02:56 PM #2

I don't see any commands to center anything in that gallery. You can center all the text in that gallery description with this CSS:

.gallery_15606050 #albumDescription {text-align: center;}

Dota · Jan-30-2011, 04:24 PM #3

Thanks jfriend, that worked. I thought the text could be controlled within the tags since it is straight HTML that is entered into the page (copied and paste from a HTML online creater with some modification).

I want to modify the unordered list being centered but left justified.

And at the bottom with the photobooks, canvas, etc...I want to single space those.

Dota · Jan-30-2011, 05:20 PM #4

I fixed the unorderl list, now working on the bottom elements that I'm using the br tags with.

Dota · Jan-30-2011, 05:58 PM #5

I'm trying to define the line-height in the css to control the space between paragraphs...any ideas?

jfriend · Jan-30-2011, 07:45 PM #6

Quote:

Originally Posted by Dota

I'm trying to define the line-height in the css to control the space between paragraphs...any ideas?

All I see now is an image in the above referenced gallery so I can't really advise you on the line spacing. That's easy to change, but you'd have to put the text back.

Dota · Jan-30-2011, 07:50 PM #7

Quote:

Originally Posted by jfriend

All I see now is an image in the above referenced gallery so I can't really advise you on the line spacing. That's easy to change, but you'd have to put the text back.

okay I was testing an image only...I'll put the text back.

Dota · Jan-30-2011, 07:57 PM #8

I got the text back. Now how do I get rid of the pic (its a virtual copy from another gallery)?

jfriend · Jan-30-2011, 08:03 PM #9

Quote:

Originally Posted by Dota

I got the text back. Now how do I get rid of the pic (its a virtual copy from another gallery)?

You can hide the pics with this CSS:

.gallery_15606050 #photos, .gallery_15606050 .albumNav {display: none;}

I don't understand what you want to do with linespacing. What I see is that you have a lot of tags that are making multiple line spacing. You can add or remove those to get more or less spacing.

Dota · Jan-30-2011, 08:13 PM #10

Quote:

Originally Posted by jfriend

You can hide the pics with this CSS:

.gallery_15606050 #photos, .gallery_15606050 .albumNav {display: none;}

I don't understand what you want to do with linespacing. What I see is that you have a lot of tags that are making multiple line spacing. You can add or remove those to get more or less spacing.

With the line spacing I want to make the distance between the paragraphs shorter (less spaced out). I did this with my unordered list using

.gallery_15606050 li { line-height: 5px; }

I was wondering if it was the same type of styling property for and 

Also I was trying make the last 3 lines appear single space (where the tags are located)

jfriend · Jan-30-2011, 09:07 PM #11

Quote:

Originally Posted by Dota

With the line spacing I want to make the distance between the paragraphs shorter (less spaced out). I did this with my unordered list using

.gallery_15606050 li { line-height: 5px; }

I was wondering if it was the same type of styling property for and 

Also I was trying make the last 3 lines appear single space (where the tags are located)

In your gallery description, does it start with <html> and end with </html>. If not, it probably should and then you can better control where the new lines are with your own tags. Right now the generated HTML for the last three lines of text has two tags in it, thus you are getting a blank line between them. If these are your own tags, then remove one between each line. If these are not your own, the insert <html> at the beginning and </html> at the end and then put a tag everywhere you want a new line and only the number you want.

You can use HTML like to insert a line break and add a little extra space between lines. Using percent is useful because it's relative to the font height so it adjusts automatically if you change font size.

peter vooijs · Jan-31-2011, 01:14 AM #12

place your text left text-align: left !important; thats looks better

.gallery_15606050 #my_header-wrapper {
margin: 0 auto;
}

.gallery_15606050 #albumDescription {
font-family: arial,helvetica,sans-serif;
font-size: 20px;
text-align: center;
text-align: left;
}

peter


Similar Threads	Thread Starter	Forum	Replies	Last Post

Navbar that shows which link is the current page	jfriend	SmugMug Customization	485	May-02-2013 09:19 PM
Customizing for Dummies - Chapter 4!!!	Mike Lane	SmugMug Customization	36	Aug-18-2009 12:51 AM
Create links to text on a page?	Markjay	SmugMug Customization	2	Apr-11-2008 07:17 AM
Allen's tutorial....	Mississippi Gator	SmugMug Customization	5	Mar-26-2008 04:09 PM
Photo quality and text not centered on comments only page	solarx	SmugMug Customization	0	Mar-11-2008 04:14 PM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Jan-30-2011, 01:26 PM #1
Dota ^OP 1st time businessman Join Date: Jan 2010 Location: Maryland Posts: 254	Text page centered I am working on a text page that I want to center the text but everything is left justified for some reason. What am I doing incorrectly? Here is a link to the test page... http://www.pullumphotography.com/Oth...15606050_PZw7r I eventually want to use it to replace the image on this following page... http://www.pullumphotography.com/gal...70432696_mgxuo

Jan-30-2011, 02:56 PM #2
jfriend Scripting dude-volunteer Join Date: Mar 2005 Location: San Francisco Bay Area, California Posts: 24,570	I don't see any commands to center anything in that gallery. You can center all the text in that gallery description with this CSS: .gallery_15606050 #albumDescription {text-align: center;} __________________ --John Homepage • Popular JFriend's javascript customizations • Secrets for getting fast answers on Dgrin Always include a link to your site when posting a question

Jan-30-2011, 04:24 PM #3
Dota ^OP 1st time businessman Join Date: Jan 2010 Location: Maryland Posts: 254	Thanks jfriend, that worked. I thought the text could be controlled within the <p> tags since it is straight HTML that is entered into the page (copied and paste from a HTML online creater with some modification). I want to modify the unordered list being centered but left justified. And at the bottom with the photobooks, canvas, etc...I want to single space those.

Jan-30-2011, 05:20 PM #4
Dota ^OP 1st time businessman Join Date: Jan 2010 Location: Maryland Posts: 254	I fixed the unorderl list, now working on the bottom elements that I'm using the br tags with.

Jan-30-2011, 05:58 PM #5
Dota ^OP 1st time businessman Join Date: Jan 2010 Location: Maryland Posts: 254	I'm trying to define the line-height in the css to control the space between paragraphs...any ideas?

Jan-30-2011, 07:57 PM #8
Dota ^OP 1st time businessman Join Date: Jan 2010 Location: Maryland Posts: 254	I got the text back. Now how do I get rid of the pic (its a virtual copy from another gallery)?

Jan-31-2011, 01:14 AM #12
peter vooijs Big grins Join Date: Jan 2011 Location: netherlands Posts: 59	place your text left text-align: left !important; thats looks better .gallery_15606050 #my_header-wrapper { margin: 0 auto; } .gallery_15606050 #albumDescription { font-family: arial,helvetica,sans-serif; font-size: 20px; text-align: center; text-align: left; } peter


Tell The World!

Tweet