Style issues

  • davincim

    (@davincim)


    19 years, 5 months ago

    I’ve recently implemented a new theme for my blog: Freshy 1.0. One of the things that I’m trying to do is to remove a bullet from the subheading “Links” in my sidebar: http://www.familywebwatch.com/blog .

    In Firefox it shows just a fraction of it. In IE it shows the entire bullet. (Most of the sidebar is made up of widgets, btw.) What I find odd is that it’s the only subheading that has it. I’ve searched all over for where it says to show that, but it continues to show despite my attempts to edit.

    The other thing I’m having trouble with is my contact form, which uses the WP-Contact plugin. The issue here is that in FF the message field extends into the sidebar; in IE it doesn’t.

    I understand IE and FF each have their own way of dealing with styles, but I’m wondering if I’m just overlooking something in my code that can help me control the width of that box.

    The solution could be staring me right in the face, but another set of eyes would be most appreciated. 🙂

Viewing 6 replies - 16 through 21 (of 21 total)
1 2
  • moshu

    (@moshu)

    19 years, 5 months ago

    Usually, with the code snippets like the one from Mybloglog the problem is they are not XHTML compatible.
    Copy/paste the code in a plain editor that has find-replace ability and replace all the & characters with &

    Doodlebee

    (@doodlebee)

    19 years, 5 months ago

    Yes – what moshu said – replace all instances of & with &amp; -but also, you need to remember that XHTML code needs to be written in lowercase letters. You have a few instances of <A> and <IMG> – those should be <a> and <img>

    Thread Starter davincim

    (@davincim)

    19 years, 5 months ago

    I replaced the characters as you suggested, but it does not validate event with the changes. So it looks like I’m faced with deciding on whether I want to include that bit of code or not. Unless, of course, you might have another idea I may try. I’ve removed the code for now.

    The reason my code doesn’t validate now is because I’ve left a table in their that’s nested in a <li> tag, which is for the buttons at the end of my sidebar. I don’t know of an alternative to getting those in there without a table and keeping it within the shaded background.

    The reason I’m using a table is so I can make more efficient use of the space (two buttons per row as opposed to one per row). And I was thinking of using a transparent gif to replace the stars so I don’t have what looks like an orphaned star next to this table. I know it’s there because of the <li>, but I didn’t like those stars anyway.

    Your thoughts?

    moshu

    (@moshu)

    19 years, 5 months ago

    If you need table anyway… put it outside of the list, after the closing /ul.

    Thread Starter davincim

    (@davincim)

    19 years, 5 months ago

    Thanks for that tip, doodlebee. I just now took care of that reference in my sidebar. I’ll have to dig in my posts to see if I’ve made that same error and run a check in other files.

    Thread Starter davincim

    (@davincim)

    19 years, 5 months ago

    Hey, I got it to validate! It turns out that even with the MyBlogLog code — with the character replacement — that it works out fine.

    moshu: I failed to mention that I had already tried to add that table outside of the sidebar/shaded background. The problem there was that it was shifting to the left and despite my efforts with using “padding-left” or “margin-left” style attributes it just wouldn’t budge. And when I had those errors show up in that area I figured it was a lost cause. However, after I did a little more analyzing of the errors I was able to make a few more tweaks and was therefore able to include it!

    Tons of thanks to everyone who helped me!

Viewing 6 replies - 16 through 21 (of 21 total)
1 2

The topic ‘Style issues’ is closed to new replies.

Tags