My turn - i owe it all to the support forums! (26 posts)

  1. grubgirl
    Posted 12 years ago #

    My first site -- it's been a while since i attempted to make webpages. Where did HTML and cgi go? ;-)
    I have become pretty good with searching in the forums, and cutting & pasting. Thanks to the community for getting a non-webbie person like me up & crawling:
    http://www.grubgirl.com is my site...
    i got the CSS from THE template site ... another community appreciation there
    i have a sticky post hack in place (thanks A_hall)
    I have meta tags shown
    i have let search be able to search meta fields...woo hoo!
    now what, folks?
    * if you see the posting from today (7/2) regarding the image/font...any ideas would help.
    * in the About Us section I'd love to have the text flow nicely around the image
    remember, my mind is sloooowly going from static html world to this world of dynamic coolness, which i really don't get other than cutting & pasting instructions from you folks.
    it took me several hours just to move stuff around...so now it's break time and time for contructive comments from y'all -- if you have suggestions, please let me know if the answer is actually inthe forum, so I can look it up, or...if you don't mind typing in some magical lines that i can cut & paste, that would be cool too (no kiddin).
    thanks for all your help, adding to the forums, and now.

  2. Mark (podz)
    Support Maven
    Posted 12 years ago #

    This might help with your 'about us' page.
    Well done with what you have done !

  3. Root
    Posted 12 years ago #

    You have some CSS positioning issues. Scroll down for full effect. Sorry.

  4. Mark (podz)
    Support Maven
    Posted 12 years ago #

    That positioning is a fault of that style - I've seen it on a friend's site too.

  5. Root
    Posted 12 years ago #

    I am sorry to say that positioning error is extremely common on that and a number of other styles in the style comp. It is relatively simple to fix. (Relatively being the key word.). The fault is not in the style as such it is just that the style doesn't fit with the default index. Hence my template which would take that style or any other.

  6. grubgirl
    Posted 12 years ago #

    Good thing to point out! This raised an eyebrow when I first started but...so many others things were "real broke" so...this is another good one for me to add to my list. :)
    I'm assuming you mean the gap of color that occurs between the bottom of the page (the copyrighty area) and the end of the post. yeahhhh.
    Keep 'em coming! Everyone is a coach here, and i appreciate it.

  7. Root
    Posted 12 years ago #

    No. I was referring to the way the menu overflows the footer and keeps heading south. As your menu gets longer that is going to get a lot worse believe me.

  8. grubgirl
    Posted 12 years ago #

    Hmmm...ok I'm on IE6.0 and I don't see that on the link you provided. Well perhaps we are seeing the same thing but I'm not describing it correctly. But I want to get it exact so I can start searching the forums.
    Assumption 1: By "menu", I assume this means the right-hand column of "squares" that start with the "Search" box and end with a "Meta" box. This "Meta" box ends above a gray rectagular box with the word "Copyright" in it.
    Assumption 2: By "Footer", I look at ... the bottom strip that has the word "Copyright" in it? But now i'm wondering if "Footer" could = the bottom of that last post (ie the edge of the white space right after the the words "Comments (...)").
    Please correct me...I've already started searching of "CSS positioning" and it's turning up a few posts from Root. So i know i'm the right track. :)
    Unknown: Below the post's white "square"/real estate, is a gap of light blue until the "Copyright" bar at the bottom.

  9. serendipity
    Posted 12 years ago #

    Grubgirl, you have the problem described for exampleat the position is everything site. (you can also check out the IE non-standard features and bugs, great site!). At the very bottom they say that IE doesn't behave like standards say. This article points out that the menu-sticking-out thing is not a bug but a feature.
    I worked on the very same issues today after Root pointed me to the css problems on my site.

  10. Root
    Posted 12 years ago #

    This might help. my new template

  11. Root
    Posted 12 years ago #

    @grubgirl. I should add that I am on Firefox but I have other browsers for testing.. I should also add that the way IE handles clearing floats is not in accordance with the basic float rendering model set out in W3C. Superficially that might seem attractive; but it is having the effect of disguising from you how this looks in other browsers. The message here is that we can all abandon proper markup and CSS as long as we and all our readers use IE. Don't they just suck?

  12. grubgirl
    Posted 12 years ago #

    1) After reading about floats and of MSFT's subtle defiance to standards, I can't wait for the Michael Moore documentary on them. ;-)
    2) Root - I see your template site - and I am nervous to upload your index.php & wp-layout.css files as I have made modifications to both of mine. Is it acceptable for me to cut & paste key sections of your files, or replace certain sections of my files with what you have? Or is that too time consuming - I am just nervous about having to re-do colors & fonts especially when my whole site's look & feel is someone else's design template (ie i have no artistic inclination of my own).
    did i tell you guys to take a break from the PC? haha...

  13. Root
    Posted 12 years ago #

    Well - *my* template is there for anyone to use in any way they want at all. It is only a bit of html. You may have noticed that as a first step I have isolated all the layout divs, first in the CSS. With concentration it could be transplanted if you have hacked or have an intricate colour scheme by all means.
    The really important bit is my div structure - the two floats and the clearer with the all encompassing rap. As long as those arent damaged it should all run fine whatever you do. How about doing a test / dev install somewhere while you work it up?

  14. grubgirl
    Posted 12 years ago #

    After a couple hours of side-by-side cutting & pasting of the templates into my existing index & wp-layout....I am on hold again. margins and alignment changed a bit -- the top graphic at one point was about 1" rightset above the postings...the whole time, the footer issue never got resolved. (again, this is my attempting to cut & paste - -i am not savvy with php or css). divs & all that jazz....to me just mean cutting & pasting.
    interesting to see how IE6.0 vs Firefox makes this page of yours look: sample of right-column.
    also in your index.php file i did not see any DIV reference the "#footer" section you had in your wp-layout.css file.
    i am thinking this is real easy to a person that gets CSS or PHP scripting so...I will re-read the PIE reference from above about how to correct floaters with that #clearer "command" (?) that goes into the wp-layout. stay tuned...

  15. Anonymous
    Posted 12 years ago #

    alas, i moved the last "/div" tag of the file to go above the "/body" file...
    * in IE, this made the footer bar go OVER the hanging menues on the right column...
    * in FF, no change.
    i moved both "/div" tags above the "clearer" div and things in IE were ok, visually. in FF, same old problem as before -- interesting how nothing seems to change in that browser....
    ok, off to look at how i can play with the header/graphic

  16. Anonymous
    Posted 12 years ago #

    Firefox sometimes needs to be forced to do a hard refresh to load new css. F5 will do it. If all else fails empty the cache.

  17. grubgirl
    Posted 12 years ago #

    Fun Fun Fun with FF & IE again....
    Take a look at this page in both IE and FF.
    My index.php and wp-layouts.css have the "#clearer" thingy defined and then with the wp-layouts.css file, i moved the last "/div" tag to go right above the "/body" tag, per Root's correction.
    With the above change, in IE, the footer ignores the right column and just extends itself over any right column space.
    In FF, even after ctrl-f5ing, the footer goes under the right column, which is the original problem.
    Both browsers, however, do respect the "clear: both" command in that the footer appears a nice length below the last post.
    Well....I guess that's it for me - I'm going to revert back so it looks nice in IE - only b/c I am not strong with the PHP & all dat.

  18. Mark (podz)
    Support Maven
    Posted 12 years ago #

    @grubgirl - regardless of how your page looks, I think you deserve a huge amount of credit for trying so hard to get it all working in ways that have been suggested.
    Go you !

  19. Swoop
    Posted 12 years ago #

    I have the exact same problem here.. does anybody know how to fix this ?
    Root: you said it's

    It is relatively simple to fix.

    HOW ?! hehe ;)

  20. Swoop
    Posted 12 years ago #

    Okay i will take a look, but i am dumb as a doornail in theese matters hehe.. aint even got a clue as to whats the problem...

  21. Swoop
    Posted 12 years ago #

    Okay .. i have been reading, and trying out .. but i CANT get the darn credits line to stay put when going to comments page... please be a little more specific if you can.. i simple dont know whats going on here... sorry :(
    I tried using your wp template, but same thing happens still...
    just to be sure it's the credits not aligning to the bottom when for instance in comments page problem i got.
    I hope you can help me out ...

  22. Root
    Posted 12 years ago #

    Dont worry. I like CSS layout catastrophes. Can you publish a link to your blog here? Once we see the brute we can get moving.

  23. Swoop
    Posted 12 years ago #

    But i almost accepted that footer moving around a little.. so dont spent time if you dont want hehe :D

  24. Root
    Posted 12 years ago #

    I hasten to point out that my template certainly does not have footer overuns. Full installation instructions are included. Remember this is a change to the index as well as the css. Both files are needed.
    Any other style sheet can be integrated with minor modification.

  25. grubgirl
    Posted 11 years ago #

    i'm baaaack. it's been a long time as my full-time work called me away.

    but now i've done a bit more investigating to try to understand PHP and CSS so I'm going to attempt your suggestion again, Root.

    please let me know if any files (or links) have been updated since you last posted to this ages ago.

    the two things i will try to tackle:
    1) troubleshooting my "About Us" page. in Firefox, it looks fine. In IE, still not so good.


    hm, code backtick attempt here:

    <span style="font:18pt times,serif;padding:10px;"><img style="float:left; margin-right:0.5em;" src="../images/smallhippo.JPG" alt="GrubGirl Lite" ></span>

    2) the "not a bug, a template design feature" that occurs near the footer of my pages.

    2a) apparently on some pages, the body will "leak over" the footer

    2b) on some other pages, the body is shorter than the footer, but the ensuing gap is obvious (ie the colors do not seamlessly go from the end of the body to the beginning of the footer)

    looks like the org has exploded while i've been away -- awesome!

    Edit: I notice that some of the links in this thread (ie Root's URL) are now broken/404-ing). Hopefully developments have occurred to prettily resolve this prob in both IE and FF (flippin' MSFT!!). ;-)

  26. cookiepuss
    Posted 11 years ago #

    Looks good. . .

    HTML and CGI are soooo 90's. ;)

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.