Forums

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

Home Forums CSS div text areas with slanted edges??

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #38427
    ethanmiller
    Participant

    does anyone know a better (faster) method for doing this than THIS: http://meyerweb.com/eric/css/edge/slantastic/demo.html. does css3 have anything good. i found this http://jsfiddle.net/mdQzH/, but it doesn’t seem to angle the text.

    #104139
    Paulie_D
    Member

    Neither of those links is working
    Try: http://meyerweb.com/eric/css/edge/slantastic/demo.html and http://jsfiddle.net/mdQzH/

    However, what is it you want to achieve? There is no slanted text in the example.

    #104146
    ethanmiller
    Participant

    @Paulie_D: right that’s weird about the links not working. i also found the links that you did. and here’s another: http://jsfiddle.net/mdQzH/. the problem with these solutions for me is as you said that they text is not slanted. i found another possibility there that uses jquery i think to do what meyer does: http://jsfiddle.net/billymoon/AvmE8/. still, i’m wondering if there isn’t a better solution out there or if css3 addressed it in other ways.

    #104148
    Paulie_D
    Member

    I still don’t understand what it is you want to achieve. Should there be more text just within the red area or should the text be at some sort of angle?

    A single word (such as you have) doesn’t mean anything.

    #104172
    Paulie_D
    Member

    Look, it’s a nice effect but the amount of extra ‘stuff’ that you have to do seems a little much for something most users aren’t going to notice. Anyway, that’s my 2c.

    If they ever get implemented CSS Regions will do all this for you. I’d wait for technology to catch up with design….it’s getting there

    #104176
    ethanmiller
    Participant

    @traq: thanks for the tip on the urls. i will just make them links in the future. looks nicer anyway. so yes that is exactly what i need to do–have the text (appear to) follow the edge of the slanted side of the div. here is a sample of what i want it to look like from a finished design.


    @Paulie_D
    : i hear you. this was my reaction too, but the client’s design may demand that i do this. just looking for the most efficient way to do it. it’s seeming as if there is no quick way, and that, as you said, it may require lots of extra “stuff.” i’ll keep lookin’ though.

    #104453
    ethanmiller
    Participant

    here is a round-up of some related methods for achieving the slanted text wrap. none of them particularly slick i’d say.

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