Board index PBase HTML and Style Sheets Nearly unreadable script...

HTML and Style Sheets

Nearly unreadable script...

Customize your galleries.
shutterpug
 
Posts: 217

Nearly unreadable script...

Post Mon May 07, 2012 2:39 pm


Please... can someone help me with this problem...

In "My Recipe Box" gallery, on some computers the font appears as an almost unreadable script. This suddenly appeared also on my husband's computer, yet on my computer it is the "normal" font as in the rest of my galleries. I thought perhaps it had something to do with the "blog" format used in that gallery, but in my "I Am a Nurse" gallery the font still appears normal. I have done nothing to try to change the text at any time, so I find this to be quite baffling. And if it is dependant on the browser being used... why would only one gallery show that horrible script?

http://www.pbase.com/shutterpug/my_recipe_box

http://www.pbase.com/shutterpug/i_am_a_nurse

Thank you for any assistance you can give, as I certainly want visitors to be able to read and use the recipes provided.

Fay

mardoli
 
Posts: 589

Re: Nearly unreadable script...

Post Mon May 07, 2012 3:46 pm


Hello Fay,
I see your problems and I think I have a possible explanation and consequent solution, at least I hope so.
The style sheet you have used for your gallery “recipe box” is not the same you used in the gallery “I’m a nurse” and I’m nearly completely sure that in the computers where you cannot read properly the font you use Internet explorer as browser, if you used Firefox the problems would not be there and the font would appear differently.
The matter is that the style sheet you used is a bit messy for Internet Explorer and it has this ugly look and, you are right, practically nearly impossible to read.
So your problem doesn’t depend on the choice of the Pbase-blog format but on the style sheet ( css).
If you want, I’d be glad to fix the bugs in the script to allow your gallery to be seen in a readable way in all browsers, more or less in the same way.
Then you’ll have only to create a new style sheet and to copy and paste the script I can adapt for you.
You might contact me directly by email, you can find my personal email address in my profile page and I’ll be happy to help.
I’m at your disposal.
Best
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~

mardoli
 
Posts: 589

Re: Nearly unreadable script...

Post Mon May 07, 2012 4:16 pm


I have edited the script of the CSS, this is my version, which is possible to read properly both in IE and FF
Code: Select all

/****************************/
/* ENTIRE DOCUMENT SETTINGS */
/****************************/
body
{
font-family : comic sans ms, verdana;
font-size : 10pt;
color :  #AAAAAA;
font-weight : normal;
background :  #000000;
text-align:center;
}

li, ul, blockquote, p, b,
i, h1, h2, h3, h4, h5,
a, table, tr, td, div, span {
font-family : comic sans ms, verdana;
font-size : 10pt;
color :  #AAAAAA;
font-weight : normal;
background :  #000000;
}

/* Links */
a {
  text-decoration : none;
  font-weight : normal;
}
a:link {
  color:  #CCCCCC;
}
a:visited {
  color :  #CCCCCC;
}
a:active {
  color :  #CCCCCC;
}
a:hover {
  color:  #AAAAAA;
}

TD b {
  font-weight : normal;
  background : none;
}

TABLE {
  padding-bottom : 5px;
}


/*************************/
/* GALLERY PAGE SETTINGS */
/*************************/

/* Gallery Title */
h2 {
  font-size: 20pt;
  font-family :verdana;
  color :  #999999;
  font-weight: bold;
  letter-spacing: 5px;
  background :  #000000;
  margin-left: auto;
  margin-right: auto;
  border-bottom: 2px solid;
  display : block;
  position : relative;
  width : 80%;
  clear : both;
  padding-bottom : 15px;
  text-align : left;
}

h2:first-letter
{
color :  #ffffff;
font-size:140%;
}

/* Linked Subgalleries */
#linkedsubgalleries .other, #linkedsubgalleries .current {
  font-weight : normal;
  font-style : normal;
}

/* Existing and New Comments */
DIV.gallery_comments {
  border-style : solid;
  border-color :  #222222;
  border-width : 1px;
}

/* Individual Image or Subgallery in Gallery */
DIV.gallery_entry-even, DIV.gallery_entry-odd {
  font-size : 12pt;
  background :  #000000;
  border-style : solid;
  border-color :  #222222;
  border-width : 3px;
}

/* Image or Gallery Title */
DIV.title-image, DIV.title-gallery {
  font-size : 14pt;
  color :  #FFFFFF;
  font-weight : normal;
  font-family : cursive;
  text-decoration : none;
}

/* Gallery Description */
DIV.galleryheader {
  font-size : 12pt;
  border-style : solid;
  border-color :  #222222;
  border-width : 2px;
}

/* Image Caption */
DIV.image_caption {
  font-size : 10pt;
}

/* Image date in odd and even item listings */
DIV.gallery_entry-even DIV.image_date, DIV.gallery_entry-odd DIV.image_date {
  font-size : 14pt;
}

/* Image thumbnails */
DIV.thumbnail {
  background :  #000000;
  border-style : solid;
  border-color :  #FFFFFF;
  border-width : 1px;
}

/***********************/
/* IMAGE PAGE SETTINGS */
/***********************/

/* Image Page Contents */
#imagepage {
  display : block;
  padding : 5px;
  margin : 50px;
  float : left;
}

/* Profile page, all galleries links */
#localmenu {
  position : relative;
  top : -55px;
  left : -55px;
}

/* Contains Image, Image Date, and Image Artist */
TABLE.imagetable {
  background :  #FFFFFF;
  border-style : solid;
  border-color :  #000000;
  border-width : 30px;
}
TABLE.imagetable td {
  background :  #FFFFFF;
}
 
/* Actual Image */
IMG.display {
  background :  #FFFFFF;
  border-style : solid;
  border-color :  #000000;
  border-width : 6px;
}

/* Image Date */
SPAN.date {
  color :  #000000;
  background :  #FFFFFF;
}

/* Image Artist */
SPAN.artist {
  color :  #000000;
  background :  #FFFFFF;
}

/* Image Comments and New Comment Form */
DIV.comment_section {
  border-top : solid;
  border-color :  #222222;
  border-width : 2px;
}



/********************************************/
/*           POSITIONING SETTINGS           */
/********************************************/

/*************************/
/* GALLERY PAGE SETTINGS */
/*************************/

/* Previous, Next, and Page Number Links */
/* Entire row of links */
#gallery_entries > table {
  float : left;
  position : relative;
  width : 100%;
}



/* Linked Subgalleries */
#linkedsubgalleries {
  position : relative;
  top : 30px;
  right : 20px;
  margin : auto;
  text-align : left;
  width : 50%;
}
#linkedsubgalleries span {
  padding-left : 5px;
  padding-right : 5px;
}

/* Gallery List */
#gallery_entries {
  position : relative;
  float : left;
  width : 90%;
  left : 5%;
  right : 5%;
  margin-right : auto;
  margin-left : auto;
  text-align : center;
}

/* Existing and New Comments and Pageview Data */
DIV.gallery_comments, DIV.gallery_hitcounts {
  position : relative;
  float : left;
  width : 90%;
  left : 5%;
  right : 5%;
  padding : 0px;
  margin : 0px;
  margin-right : auto;
  margin-left : auto;
  text-align : center;
}
/* Existing and New Comments and Pageview Data merged into one section */
/* Existing and New Comments */
DIV.gallery_comments {
  margin-top : 3px;
}
/* Pageview Data */
DIV.gallery_hitcounts {
  margin-bottom : 3px;
}

/* Individual Image or Subgallery in Gallery */
DIV.gallery_entry-even, DIV.gallery_entry-odd {
  position : relative;
  float : left;
  width : 100%;
  min-height : 220px;
  padding : 3px;
  margin-right : auto;
  margin-left : auto;
  margin-top : 30px;
  margin-bottom : 30px;
  text-align : left;
}

/* Image or Gallery Title */
DIV.title-image, DIV.title-gallery {
  position : relative;
  text-align : center;
  width : 0%;
  white-space : nowrap;
}

/* Gallery Description */
/* Only show description when viewing first page or all contents */
DIV.galleryheader {
  display : none;
}
#page-1 DIV.galleryheader, #page-all DIV.galleryheader {
  display : block;
  max-width : 90%;
  padding : 3px;
  margin-right : auto;
  margin-left : auto;
  margin-top : 80px;
  margin-bottom : 10px;
  text-align : center;
}

/* Image date in odd and even item listings */
DIV.gallery_entry-even DIV.image_date, DIV.gallery_entry-odd DIV.image_date {
  position : absolute;
  top : -35px;
  left : 0px;
  text-align : left;
}

/* Image thumbnails */
DIV.thumbnail {
  padding : 2px;
  margin : 5px;
  float : right;
}

/* Image Caption */
DIV.image_caption {
  padding : 10px;
}

/* Number of comments and new comment link for image or subgallery */
DIV.comment_count-image, DIV.comment_count-gallery {
  float : right;
  width : 100%;
  margin : 0px;
  clear : both;
  text-align : right;
}

/* Add gallery to topic form */
DIV.topic_add_form {
  position : relative;
  width : 90%;
  left : 5%;
  right : 5%;
  padding : 0px;
  margin-right : auto;
  margin-left : auto;
  float : left;
  text-align : center;
}
DIV.topic_add_form hr {
  display : none;
}


/***********************/
/* IMAGE PAGE SETTINGS */
/***********************/

/* Image Page Contents */
/* Image Page Contents */
#imagepage {
  background :  #000000;
  border-style : solid;
  border-color :  #CCCCCC;
  border-width : 2px;
}

/* Profile page, all galleries links */
#localmenu, #localmenu a, #slideshow, #slideshow a {
  font-weight : normal;
}

/* Contains Image, Image Date, and Image Artist */
TABLE.imagetable {
  padding : 30px;
}

/* Actual Image */
IMG.display {
  padding : 2px;
  margin : 0px;
}

/* Image Date */
SPAN.date {
  width : 0%;
  white-space : nowrap;
}

/* Image Artist */
SPAN.artist {
  width : 0%;
  white-space : nowrap;
}

/* Image Comments and New Comment Form */
DIV.comment_section {
  padding-top : 5px;
}

/* Image pageviews */
DIV.image_hitcounts {
  text-align : center;
}

I hope it can solve your problem.
In case, feel free to contact me directly by email.
best
Marisa
ImageImage
"Arguments are to be avoided; they are always vulgar and often convincing."
~Oscar Wilde~

shutterpug
 
Posts: 217

Re: Nearly unreadable script...

Post Tue May 08, 2012 3:58 pm


Thanks Marisa for helping me realize I had two different blog sheets and did not realize it. With a quick click... I think I have corrected the problem!

Fay


Board index PBase HTML and Style Sheets Nearly unreadable script...

Who is online

Users browsing this forum: No registered users and 3 guests