Forums

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

Home › Forums › CSS › Wanna get rid of a repeated image!

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 24, 2012 at 2:21 pm #39042
    samnizamani
    Member

    HEy guyx, I have built a responsive website, I have used an image that repeats vertically (repeat-y)… this image covers the entire blog, One side of the blog is main content that is floated to the left and one side is blog entries, floated to the right… I wanna use a media query at 768px, Like this @media screen and (max-width: 768px)…. So that the content inside blog entries come beneath the main content, It does come beneath the main content but the repeated image remains intact… Main content has a white side of that repeated image and blog has black side of that image, I want that black image to disapear when i move the text down… Any idea? Or any alternative way to do this?

    July 24, 2012 at 2:40 pm #106701
    ChrisxClash
    Member

    Can you post the website, or an example on http://codepen.io/ so we can see what’s going on?

    July 25, 2012 at 5:04 am #106738
    samnizamani
    Member

    I have recently posted it on codepen, Everything is working fine there but the image is not appearing…. Coz i can’t deal with images on codepen i think…. when u move below the width of 1024 the window will start shrinking and the RECENT ENTRIES column will come beneath the MAIN CONTENT column… But the width of aside (Recent entries remains the same) I want the width to become 0, And the image(that u can’t see) to disappear… The image is simple, with that image the main content side appears to have a white background and recent entries appear to have a black background… I want this image to disappear and width to become 0px… CODE is a bit random sorry… Iam a noob… :D :D

    July 25, 2012 at 5:06 am #106739
    samnizamani
    Member

    My account is this (samadniz on codepen) And u’ll find my code in recent pens,,, Header of the site says RESPONSIVE WEBSITE… :D thanks in advance bro…

    July 25, 2012 at 7:10 am #106740
    Paulie_D
    Member

    I’m assuming it’s this one: http://codepen.io/samadniz/pen/Dyuti

    July 25, 2012 at 7:37 am #106741
    Paulie_D
    Member

    If you want the site to be responsive why have you fixed the width of the wrapper as 51%.

    July 25, 2012 at 7:56 am #106742
    samnizamani
    Member

    I have reffered a book, responsive design by ethane marcotte, In which he does the same thing… what do u think i should change about this wrapper… ?

    July 25, 2012 at 8:09 am #106743
    Paulie_D
    Member

    Anyway…here’s a quick something I managed: http://codepen.io/Paulie-D/pen/CBjit

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