WordPress.org

Ready to get started?Download WordPress

Forums

Positioned Elements (11 posts)

  1. OrchidRed
    Member
    Posted 8 years ago #

    My site was recently hacked and I'm using the slow rebuilding process as an excuse to switch over to a CSS based layout. BUT, I suck at CSS, so I have a question:

    If you visit my blog at http://www.akakestrel.com/muse/ you'll see that the header image has a menu on it. In HTML I could just slice that image up and link the menu buttons, but I have no idea how to link them using CSS.

    Do you know? I'm assuming I need to use positioned elements? The layout is based on the MX4Mod.

    Please help! Thanks for your time. :)

  2. vkaryl
    Member
    Posted 8 years ago #

    That's a hard one.... positioned elements are almost wonkier than just doing the normal slice n dice with links. IE is seriously sick with positioned elements, and Opera can be awkward about it too.

    Here's a good article about faux-image maps using CSS, in which is also discussed some of the postitioning difficulties, IIRC:

    http://alistapart.com/articles/imagemap/

  3. syrupcore
    Member
    Posted 8 years ago #

    you can proly do it as two uls without mucking with positioning. you can still slice and dice just like with tables, you'll just assign the images to the background property of LIs instead of TDs or imagemaps.

    you can also do the sprite method. google "shea ala sprites'. there's an article on ala about it.

    that's a really nice design!

    Will

  4. vkaryl
    Member
    Posted 8 years ago #

    Have you had good luck with the sprites method viewing appropriately in most "modern" browsers, Will? I haven't used it, but css-discuss has had some threads about it, wherein the consensus is it's not a 100% usable method as yet....

  5. syrupcore
    Member
    Posted 8 years ago #

    now I'm scared. I've had really good luck with it. I wonder what I'm not seeing! :(

    the site/theme I'm working on now uses sprites: http://testing.moonbootdesign.com/ac/ac_inside_template.php it's all the #menu code in the css.

    Will

    that link will likely rot soonish. eventually it will be live at http://www.arielcaroline.com

  6. OrchidRed
    Member
    Posted 8 years ago #

    Thanks syrupcore! I'm glad you like the layout.

    I caved and reverted back to an HTML layout so I could use the menu, though that was also a pain in the bootie.

  7. vkaryl
    Member
    Posted 8 years ago #

    Looks pretty good Will, though there's a LOT of hover flicker in IE when mousing from thumbnail to thumbnail....

    I highly recommend the list at http://www.css-discuss.org/ - very helpful folks (SO helpful that I've never yet in 6 months had to post - I just read the threads and use the archives!)

  8. vkaryl
    Member
    Posted 8 years ago #

    OrchidRed, I really like your new design. I'm sorry to hear of the hackjob problem.... your photos are really great - I enjoyed looking them over, so hope you're back in business soon!

  9. syrupcore
    Member
    Posted 8 years ago #

    thanks vkaryl. that's a weird one. when I test it on my laptop, there's no flicker but when I test it on a regular CRT, it flickers the whole screen (looks like ff is too). I'll need to dig a bit.

    I can't keep up with css-d! that's the busiest list I've ever been on.

    the top nav section is the sprites bit (one bg image). the thumbnails are just spans with the pics inside.

    Will

  10. vkaryl
    Member
    Posted 8 years ago #

    Use the digests.... sometimes I just hit the archives every third day or so....

    Yeah - before going to digest I was getting a combined 100+ emails a day from css-d and evolt's thelist....

  11. OrchidRed
    Member
    Posted 8 years ago #

    Thanks Vkaryl! I'm glad you like my photos. :)

    You wouldn't, by any chance, be able to help me with this would you? I hope?

    http://wordpress.org/support/topic/36744

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.