• Resolved madguy

    (@madguy)


    Hi,

    As you can see on my blog – which is still under construction – there are some little design-related problems.

    The dotted sidebarborder doesn’t reach to the top of the header. Whereas it does so in IE, it doesn’t really in Firefox. I would like it to work in both browsers.

    Problem no.2: the RSS feed, XHTML validation, WP and XFN, links. I can’t seem to get it right. I want it to be normally listed in an
    <ul> but not next to each other. I tried to delete the line display: none; from the meta in CSS, but apparently, it didn’t work. Huh?

    Well, hope you can help me out. ??

    marksluymers/blog

Viewing 15 replies - 1 through 15 (of 17 total)
  • moshu

    (@moshu)

    Try to give a working URL… com? org? net?

    Your link forwards to a forum.

    Thread Starter madguy

    (@madguy)

    Silly me.

    The URL https://marksluymers.nl/blog

    moshu

    (@moshu)

    1. Make the border on the right side of the content
    2. Check your ids and classes: you have a “meta” for the line under the post title and another one for the Meta things in the sidebar!

    Thread Starter madguy

    (@madguy)

    Thanks for your suggestions. The weird things is: both don’t seem to work for me.

    I tried the border/content thingy.

    #content { float: left; width: 515px; border-right: 1px dotted #000;}

    Doesn’t work, unfortch.

    The meta id which connects to the RSS feeder icons and stuff is .meta. (<li id=”meta”>). But again, if I change display: inline to block, nothing ever happens. Weirdness?!

    moshu

    (@moshu)

    It does work. I’ve tried it before suggesting. Maybe you should clear your cache? (Ctrl+F5)

    For the second issue I hate to offer further help when people don’t read carefully…
    The meta id which connects to the RSS feeder icons and stuff is .meta.
    No, it is NOT!

    You have this in your code:
    <li id="meta"> <== Note: is is ID!
    and this in a totally different place:
    <div class="meta">Geplaatst onder: <== Note: it is CLASS

    while in the stylesheet you have defined ONLY class
    .meta
    missing the id:
    #meta

    Thread Starter madguy

    (@madguy)

    Oh, I’m sorry. Now I see… I’m very new to CSS, that’s probably why. My mistake.

    So, I basically need to add a #meta id with { display:block:} into the stylesheet? Because that didn’t work either. Even when refreshing and emptying the cache…

    And as for the border on content issue, still doesn’t work.

    I know I’m a total newbie and that I’m forgetting about basic rules and stuff. I just don’t see what I’m missing here… But I’m missing an awful lot, or so it seems…

    Thanks for your help.

    moshu

    (@moshu)

    1. I can see from here that the border is going down for the length of the content, both in IE6 and FF 1.5.0.7

    2. change the name of one of the “metas” so they don’t conflict.
    Actually, just removing the id=”meta” from that list (ul) should work.

    Thread Starter madguy

    (@madguy)

    1. It’s going down indeed, and that’s a god thing. What I meant was, that the border doesn’t go all the way up, to the border which connects to the header (see first post).

    It does connect in IE, but not in Firefox. I don’t really know what makes for the difference here. Any views on that?

    2. Thanks, but still doesn’t seem to work properly. I need to give it for today I’m afraid. Again: I think I might be missing something here. ??

    moshu

    (@moshu)

    I don’t really know what makes for the difference here.
    billgates vs. the rest of the world ??

    Thread Starter madguy

    (@madguy)

    Haha LOL. You got that right. Still, Firefox should get ir right. So I wonder what I’m doing wrong here.

    Anyways, I’m going to try some more stuff. It will work – eventually…

    Why are you using <div id="main">? There are no style declarations for it in your CSS. You could probably just take it out altogether, unless you need the hook.

    I was having a similar problem as this a while back; I found out that I had a div pushing another up 6 em’s (by design) but was also pushing the footer down 6 em’s in IE only; everyone else got it right. I solved it by rearranging who’s pushing who. Now I’ve got the space I need, and the footer is 1 em from the content/sidebar in IE (again, by design). It’s probably a CSS issue.

    Root

    (@root)

    That is a Gemini derivative theme. Over the years all themes get hacked about by well meaning folk until they are not only unrecognizeable but often unworkable as well. There is something very odd about the whole CSS-P but I can’t figure out what it is. Sorry.

    Thread Starter madguy

    (@madguy)

    I think what Root is referring at is actually the main issue. I took the Gemini theme and I believe it is being hacked by a lot of people before I came to use it. Anyhow, I’m going to sort it out.

    Or perhaps someone has a suggestion to a theme which is more clean and does exactly what I want it to be (see my layout)?

    ??

    How about a blank theme? Good place to start, if you ask me:

    https://www.texto.de/texto/wordpress-theme-vorlage/2/

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘Sidebar problems’ is closed to new replies.