Forums

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

Home Forums CSS What I should do to place text inside this complex image ?

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #269837
    dfgdfgdfg
    Participant

    I have this image
    https://imgur.com/a/dfLUp

    and I want to place inside my site but with text not as one hole image , is it possible ? if so how I can do that ?

    thanks

    #269839
    Mamun
    Participant

    It’s possible with html css. You start working on it. When you have some problem, you show the problem here. People here will help you.

    Hints: Take one container div where all the other divs will reside.

    The long orange line: Take a div and make it principle and keep all the other divs inside it so that it works like a widget. Give it a relative position and the rest of the children will be absolute. Now start positioning other divs.

    For the right and left facing arrows: use pseudo elements (::before, ::after) to create them. This portion will be little tricky as it has border aligning with the body but don’t worry. Start working first.

    #269842
    Beverleyh
    Participant

    Try Googling “html css timeline template” for lots of examples to get you started. Here’s one to get you going http://freefrontend.com/css-timelines/

    #269861
    dfgdfgdfg
    Participant

    thanks alot

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