Board index PBase HTML and Style Sheets Text and thumbnail width do not match

HTML and Style Sheets

Text and thumbnail width do not match

Customize your galleries.
mark_robinson
 
Posts: 38

Text and thumbnail width do not match

Post Mon Feb 28, 2011 9:03 am


On all of my gallery pages any descriptive text I add below the header overlaps the width of my thumbnails. In fact the text extends to the extremities of my screen. How can I get the width of any text I add to match the width of my thumbnails.

For an example of my problem, click below:

http://www.pbase.com/mark_robinson/lake_district

Thanks for your help.

Mark

mardoli
 
Posts: 589

Re: Text and thumbnail width do not match

Post Wed Mar 02, 2011 10:21 am


Hello Mark!
The first solution which comes to my mind is the following:
Add to your present CSS this part
Code: Select all
.galleryheader
{
width: 70%;
margin-right:auto;
margin-left:auto;
text-align:left;
}


Then edit also the section body of your present CSS

Now it is like that
Code: Select all
body
{
   margin-bottom: 20px;
   margin-top: 0px;
   background: rgb(25,  25,  25);

}


You should edit it like that

Code: Select all
body
{
   margin-bottom: 20px;
   margin-top: 0px;
   background: rgb(25,  25,  25);
   text-align:center;

}


I hope it can help you.
There are also other possible ways; you might create a specific table for your description text or other ways.
If this one I suggested to you above is not good for you, we might try something else.
Best
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~


Board index PBase HTML and Style Sheets Text and thumbnail width do not match

Who is online

Users browsing this forum: No registered users and 3 guests