Skip to main content

Forums

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

    Hi everyone!

    I am a beginner with HTML and CSS and would like some help.

    I want to build a website with an image as a background. There is also a logo with text on it. I also want to add text here.

    Everything has been successful so far, only if I make the browser screen smaller, part of the image disappears and the text moves. It no longer looks nice and good.

    How can I make this work properly for each screen format?

    Would someone give me the code or a template where I just have to add the text and the image link?
    The image resolution is 2339 x 1654

    Thanks in advance!

    #291819
    dennisr1998
    Participant

    The image resolution is 2339 x 1654

    #291820
    Paulie_D
    Moderator

    A demo in Codepen.io would be useful.

    #291821
    dennisr1998
    Participant

    Here you can see my code:
    https://codepen.io/dennisr1998/pen/YoNqxo

    This is without the background picture and text. Because this is private text sorry.

    #291823
    dennisr1998
    Participant

    I want to pin the text on the background photo.
    I also want the photo and text to scale together. Even if another device is used, for example.
    The text can only be placed nicely in one place in the photo.

    #291824
    Paulie_D
    Moderator

    You can use any image and any text if you have privacy concerns.

    Withouta proper demonstration your code is of little help.

    #291825
    dennisr1998
    Participant

    https://codepen.io/dennisr1998/pen/YoNqxo

    I have used a random background image from Google.
    I want one page with the background photo and text over the photo. Without moving the text at a different resolution.
    I would like the photo and the text to adjust to the screen without the text appearing anywhere else on the photo.

    I also want the entire photo to be visible without scrolling or something.

    Is my wish possible?
    And do i need another picture resolution?

    If I open the page with this code and adjust the resolution, the background image will adjust. Unfortunately, the text does not go with it. So I want that fixed.

    I dont use a CMS. I build it in notepad++

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.
icon-link icon-logo-star icon-search icon-star