Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Title surrounded by png

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • October 20, 2011 at 12:18 pm #34843
    XaviJr
    Participant

    I want to make something like this: http://imageshack.us/photo/my-images/266/exampleb.jpg/

    I can do it with 3 collumns but I wonder if there isn’t a simpler way?

    October 20, 2011 at 12:19 pm #89361
    chrisburton
    Participant

    I’m doing something similar on my site. You can achieve this with CSS.

    http://jsfiddle.net/TrQp7

    October 20, 2011 at 1:15 pm #89362
    XaviJr
    Participant

    Your example doesn’t have text in the middle but it’s a good start, thank you.

    October 20, 2011 at 1:57 pm #89373
    chrisburton
    Participant

    In your case, maybe a graphic would be most suitable.

    October 20, 2011 at 6:13 pm #89384
    joshuanhibbert
    Member

    There are ways to do it without non-semantic markup but they are quite fiddly (I have done testing in the past on ways to do this with pure CSS and no extra markup). I would go with the solution @wolfcry911 put together. Sure extra markup isn’t great but in this case it’s minimal, and it saves a lot of stuffing around.

    October 20, 2011 at 9:01 pm #89395
    chrisburton
    Participant

    Smart solution @wolfcry911.

    October 21, 2011 at 6:20 am #89414
    XaviJr
    Participant

    Thanks for the solution, I don’t mind the extra markup.

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.