Forums

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

Home Forums CSS [Solved] Line behind image

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #200999
    ellp
    Participant

    Hello,

    I’m trying to create 2 css lines behind a image, like on this screenshot

    http://i.imgur.com/NefVCZN.jpg

    I’ve found a code, but it uses a text instead, and not work.

    Anyone have any idea to solve this?

    Thanks!

    Evandro

    #201004
    ellp
    Participant

    Hey bearhead! Thanks for the code! But I have some complications:

    1) I’m using a transparent png image centered.
    2) the background I’m using is an tiled image, so the white border trick doesn’t work.

    You can see it on:

    http://jujubs.quartoestudio.com/

    Between the posts.

    Thanks!

    #201009
    ellp
    Participant

    Hello @shaneisme!

    I follow your advise and used the display:table-cell approach replacing the hr with a div. Is more easy to control the hight. Here is the code:

    http://codepen.io/evandropastor/pen/rVNQov

    Thanks for your help guys!

    #201010
    JustinF
    Participant

    (Edit: oops, looks like you’ve got it already)

    I’ve seen this before from here.

    Side Lines

    http://codepen.io/jmaker/pen/rVNQEK

    #201011
    ellp
    Participant

    Hello @JustinF!

    I like this solution… Much more elegant.

    Thanks for the code :)

    #201030
    ellp
    Participant

    Wow @bearhead! Clean code. I like :D

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