| |
Author |
Post |
|
#1 Tue Feb 26, 2013 7:36 pm
|
Member
Registered: Feb 2013
Posts: 3
|
This is going to sound a bit strange folks but I'm really OCD when it comes to the positioning of text on my website. The following PHP calls the first of ten images (within a <div> to allow for autostart). <a class='floatbox' href='$photolink$photo1urn.jpg' title='$photo1description'>1</a> My problem is this. In the bottom left is the phrase Quote Image 3 of 10
but the description of the photograph loaded (provided thanks to the "title" tag) doesn't align on the left above this line. It's centred independently above and off to the right. Is there any way to change the justification of the description so that it looks like this: Quote Description of photo Image 3 of 10
|
|
#2 Wed Feb 27, 2013 12:21 am
|
Administrator
Registered: Aug 2008
Posts: 3382
|
When the caption and 'image x of y' are both in the lower left corner - which they are by default - they are both left-justified and align exactly on the left side with each other. This can be seen on the gallery set right at the top of the demo page on this site. If you're getting different results, I'd need to look at a page online to determine why.
|
|
#3 Wed Feb 27, 2013 7:05 am
|
Member
Registered: Feb 2013
Posts: 3
|
That would be great. http://www.didymus.org.uk/newsite/tree/photos.php?urn=11164Could it be that it's inheriting a value from elsewhere in my HTML or CSS? Thanks in advance for your help.
|
|
#4 Wed Feb 27, 2013 7:17 am
|
Administrator
Registered: Aug 2008
Posts: 3382
|
Line 57 of your main.css is: div {text-align: center}
The "div" selector selects every div on the page, including the divs in the floatbox, and centers the text in each of them.
I'll have to leave it you to figure out how to better target the desired text-centering without disrupting elements that you don't want to be centered.
|
|
#5 Wed Feb 27, 2013 8:00 am
|
Member
Registered: Feb 2013
Posts: 3
|
Yep. You're quite right of course. That DIV was a placeholder I used before I finalised my design. It's removal hasn't affected my site at all but it HAS solved the problem I inadvertently created within Floatbox.
Thank you!
|