Forums

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

Home Forums CSS Problem making with 2 web pages responsive

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #246927
    little
    Participant

    Hi

    I need to transform 2 web pages already with HTML, CSS code (working in Joomla) and full images in PSD format into a responsive web page.

    Here is the code:
    http://codepen.io/anon/pen/vXbNmw#anon-login

    Can someone help me out?

    Thanks
    Richard

    #246932
    Senff
    Participant

    First: all links on that page are pretty much empty, so there’s nothing to show.

    Second: this forum isn’t really a coding service (so to speak); we’ll be happy to help if you have any specific issues with something, but a question like “I need to code a page, what do I need to do” isn’t actually what this forum is meant for. Make a start with something, and if you run into any specific troubles, please let us know.

    #246933
    little
    Participant

    Thanks for the information but actually I’m having a problem adapting 2 web pages to be responsive. They are finish (HTML and CSS) and working but I’m not know how to make them responsive. If you or someone else guide me I would appreciate.

    Thanks

    #246934
    Senff
    Participant

    Like I said — show us what you’ve made so far and we’ll be happy to help.
    What you gave us above (in Codepen) doesn’t really show anything though; it only gives me a blank page (because all links are empty).

    Help us help you. :)

    #246937
    little
    Participant

    Ok! Sorry :)

    This is one of the pages:
    http://codepen.io/Littlesunday/pen/YGBkyX

    It works but is not responsive. How can I change it to work?

    Thanks

    #246945
    Senff
    Participant

    I don’t see anything in the Pen, this is because you are using a background image on your local computer that nobody else is able to see. Make sure the image is uploaded somewhere on the web so that everyone can see what you’re trying to do.

    Having said that, if you’re going with percentages all around, you’re also gonna have to resize the background image. Look into using the background-size property for that: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

    Or, in order to use the more common method to make things responsive, look into media queries: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

    #246948
    little
    Participant

    Hi

    Thanks for not give up :)

    Here is the link where you can download the pages with the code and full images:
    http://www.filetolink.com/672f4e9d64

    Thanks

    #246954
    Senff
    Participant

    I’m sorry, but I’m not gonna download a file from an unknown source and/or go through a process of setting up pages/images.

    If you have something ready that shows the actual issue in full, people will be happy to help. Making people jump through hoops in order to see what you need help with, is not the way to go.

    Again: host the image somewhere on the Internet and point to it from within your example in Codepen so that everyone can see what’s going on. Look at the many examples in other threads on this forum to see what I mean.

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