Not signed in (Sign In)

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

Themes: Putting pic in head and text size

Bottom of Page

1 to 5 of 5

  1.  
    • CommentAuthorhugatree
    • CommentTimeApr 3rd 2009
     
    I have two problems both are in head.php. First I cannot get my picture to appead. It gives me the dreaded red x. I have placed the pic in the proper theme (default) and in the images file. I also changed it to a single name with no spaces. I think it has to do with the code i am using to try to retrieve the pic. the code i am useing is:
    <img src="WebPicHome.jpg" width="313" height="202" alt="" border="0" align="right" />

    the second problem is i am trying to enlarge the text size by using style but does not seem to work. I think i am leaving something out. here is the code i have now.
    <html>
    <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />

    <style type="text/css">
    .bigprint { font: 54pt bold: color: red }
    </style>

    <style type="text/css">
    .medprint { font: 26pt bold: color: red }
    </style>
    </head>

    <body>

    <div><table width="100%" border="0" cellpadding="10" cellspacing="0" bgcolor="#CEEAFA">
    <td><font color="#1C1085" face="Monotype Corsiva"><b><div align="center"><span class="bigprint">Mysore Fig</span>
    <br /><font size="5">(Ficus Mysorensis)<br /></font><span class="bigprint">Florida State Champion</span>
    <br /></b></div>
    <td>
    </td>


    this code works in other pages so i must have lost something in the move.

    thanks in advance.

    by the way great job with the program and the help.
    •  
      CommentAuthorsidtheduck
    • CommentTimeApr 3rd 2009 edited
     
    I'll try to answer your questions, hugatree.

    Posted By: hugatree<img src="WebPicHome.jpg" width="313" height="202" alt="" border="0" align="right" />
    This is because Plogger runs at the Plogger root level. Let's say you install Plogger in http://www.mysite.com/plogger/. Plogger runs at http://www.mysite.com/plogger/index.php. Your theme folder is at http://www.mysite.com/plogger/themes/default/images/image.jpg (or if you're using the SVN version, it's at http://www.mysite.com/plogger/plog-content/themes/default/images/image.jpg. When you just put in the name of the file without a path like in your example, it is looking for the image in the same folder as the Plogger script (in the http://www.mysite.com/plogger/ folder). You need to either put the full URL - http://www.mysite.com/plogger/themes/default/images/image.jpg - or the root path - /plogger/themes/default/images/image.jpg - or a relative path - themes/default/images/image.jpg - to get the image to show up correctly.

    Posted By: hugatree
    .bigprint { font: 54pt bold: color: red }



    .medprint { font: 26pt bold: color: red }
    You're missing your closing semicolons in your styles. It should be like this:
    <style type="text/css">
    .bigprint {
    font: 54pt;
    bold: color: red;
    }

    .medprint {
    font: 26pt;
    bold: color: red;
    }
    </style>
    • CommentAuthorhugatree
    • CommentTimeApr 3rd 2009
     
    ok the picture works great ty. the font size does not work. must have something to do with how i am calling the font change. what do u think?
    • CommentAuthorhugatree
    • CommentTimeApr 3rd 2009
     
    i have another problem now. look at this page http://www.mysorefigtree.com/trunk/ you can see that the menu bar is at the top. it is supposed to be under the top part with the pic in it. i have tryed moving the code and i even moved it from head.php to the index.php in the right order for the code. nothing worked.i would think that index.php calls head.php and does what it says to do then goes back to index.php to do the next item in line. but is does not work that way. any ideas to try. i can send code if u need it.
    thanks
    • CommentAuthorhugatree
    • CommentTimeApr 3rd 2009
     
    Ok I have got everything fixed now except the font size in a table at the top of the page. here is the code.
    <html>
    <head>
    <title></title>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />

    <style type="text/css">
    .bigprint { font: 54pt bold: color: red }
    </style>

    <style type="text/css">
    .medprint { font: 26pt bold: color: red }
    </style>


    </head>

    <body>

    <div><table width="100%" border="0" cellpadding="10" cellspacing="0" bgcolor="#CEEAFA">
    <td><font color="#1C1085" face="Monotype Corsiva"><b><div align="center"><span class="bigprint">Mysore Fig</span>
    <br /><font size="5">(Ficus Mysorensis)<br /></font><span class="bigprint">Florida State Champion</span>
    <br /></b></div>
    <td><img src="http://www.mysorefigtree.com/Web Pic Home.jpg" width="313" height="202" alt="" border="0" align="right" />
    </td>
    </div>
    </font>


    I have tried several different things. and do not know what to try next. the best i can do is set font size to 7 but i want it bigger. any ideas will be tried if i have not tried them yet.
    thanks

1 to 5 of 5

  1.