CSS Layout Question

  • Resolved dustindriver

    (@dustindriver)


    15 years, 8 months ago

    Greetings WordPress community!

    I just launched a blog here: https://dustindriver.com

    It’s based on the theme “An Ordinary Theme,” but I’ve made some tweaks.

    I really like it now, but I’d like to move the content (posts and page content) to the center and move the navigation to the right.

    I’ve tried tweaking some float tags in the stylesheet, but I broke the layout. I also changed a float tag in the suckertree.css to “right” and the menu items moved to the right, but their order was reversed . . . strange.

    BTW, I know the suckertree script is total overkill for what I’ve set up, but I can’t figure out how to remove it without breaking the template.

    If anyone could point me in the right direction to moving the content to the center and the menu to the right, I’d really appreciate it.

    And if you can remove the suckertree script and clean up the code for me, let me know. I’d definitely pay you for your time.

    Thanks!

    -Dustin

Viewing 3 replies - 1 through 3 (of 3 total)

  • I’ve tried tweaking some float tags in the stylesheet, but I broke the layout.

    That doesn’t surprise me. In a floated doesn’t, the floated elements/blocks have to come before any non-floated block. so simply switching around floats in CSS doesn’t always work. You also have to re-structure the markup.

    I also changed a float tag in the suckertree.css to “right” and the menu items moved to the right, but their order was reversed . . . strange.

    Nope. Perfectly logical. ?? When you float a list right, you effectively change it’s direction from left=to-right to right_to_left. So Item 1 will be on the far right, Item 2 will sit to the left of Item 1 etc.

    I think you definitely need to drop suckertree for now. You also need to sort out the menu markup as that’s a bit of a mess validation wise (which won’t do you any favours if you’re trying to re-design the layout).

    However, now would also be a good time to stop and consider how you want this site to grow longer term. Right now, you only have 6 top level page/catgeory links in your horizontal menu but what about in 1 year’s time? Or 2 years? Will that menu be able to cope if you need to start using sub-pages and sub-categories? If not, how will you provide sub-navigation menus?

    Thread Starter dustindriver

    (@dustindriver)

    Hi esmi,

    Ah, I see about the float right tag. Makes perfect sense now!

    Sort out the menu markup? How so?

    And as for growth, I’m not concerned about this particular template. The beauty of WordPress is that I can simply swap out the entire template for one that has sub-menu navigation, if I ever need it. For the foreseeable future, I don’t anticipate needing sub menus. I like to keep things absurdly simple on my site. And in a few years time I’ll likely switch out this template or hire someone to build a custom template for me.

    Thanks for your response!

    -Dustin

    Sort out the menu markup? How so?

    If I remember correctly, you have list items that are not enclosed in a <ul> or <ol> tag.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Layout Question’ is closed to new replies.