Jump to content

Dodra

Members
  • Posts

    14
  • Joined

  • Last visited

Posts posted by Dodra



  1. You can use a relative link: 

    Index
    CSS (folder)
        mystyle.css
    images (folder)
        img1.jpg
       background.jpg

    The CSS fille is inside the CSS folder. So link from index to the css file you use: "css/mystyle.css".
    To link from the CSS to the images (for say, a background-image, you can do this: "../images/background.jpg".

     

     

     

    If instead you use an absolute link you can use: "http://www.mysite.com/css/mystyle.css".

     

  2. If you look at the site I am currently working on ( https://www.bronies.be/ )

    You will most likely notice that the footer image on the left does have some issues.
    This is what is not working: 

    1. The footer should be the end, while now the body is still showing, due to the absolute image.
    overflow-y hidden did not work here.

     

    2. The bottom CSS code seems to be unable to understand -20%. How do i say that the absolute image should be 20% lowwer.


    While I am on the subject: 
    When i have an absolue element inside a relative element, how do i make the height of he relative element to fit in height to the absolue height.
    Maybe this example will make my question clear: https://sunamena.be/forw3/index.php


    Thanks in advance for the kind replies =D

  3. It does have a Classic, professional look.

    A logo would improve the site.
    And the Navbar is a little long on a Mobile Device.

    Your CSS and HTML does not contain any errors.
     

    You yourself however, want it to look different.
    That has to do with personal taste. First you should have a design in your mind, then make or remake the site.
    Something many people experience is that they dislike their own work, while it is in reality not that bad. ;)

  4. The problem occurs not in the Unorderd List, but at the Div under the following comment:

     

    <!-- .et_pb_section -->

    But you use many classes for your div's. So i could not realy figure out which one overrides which one.
    A quik fix, but try avoiding this is to set a negative margin. Like this: 

    div {
    margin: -2%;
    }

     

     

  5. The magic trick you might need is @media.

    If you don't know what it is:
    It is a CSS way of saying: IF this is the case, do this. A few examples:

    @media (max-width: 1000px) {
    EXECUTE THIS CSS.
    }
    @media (min-width: 1000px) {
    EXECUTE THIS CSS
    }
    @media (min-width: 800px AND max-width: 1000px) {
    EXECUTE THIS CSS
    }

     

    You should also use the following meta-tag in conjunction with this:

    <meta name="viewport" content="width=device-width">

     

    Your CSS will now craft your website responsive.

     

     

    Quote

    What is the best way to handle webdesign, so the page looks good on both desktop and mobile?

    This is a very interesting question. And the best way is whichever you prefer. I will give two examples:
     

    Mobile first: You create the style for the mobile website first. Adding the changes with @media as the screen grows.

    Desktop first: You create the style for the desktop website first. Shrinking the screen with @media as the screen gets smaller.


    Mobile first will let you make the website small and beautifull.
    Desktop first can be harder, how will you make some things fit on a smaller screen?
     

  6. I am not familiar with Formspree, but from what i gather, you get an sms before a new person can use the form to confirm the user, right?

    If that is your question, then the answer is that, if you are able to change this, that this should be done on your Formspree settings.

  7. This sounds like a question for the JavaScript subforum. But here goes:

    I myself use PHP to include content. I like PHP a little more for that.
    All you need is: 
    <?php
    include 'myurl.php';
    ?>
    Another benefit from PHP is that it is server side. Client side script, like JavaScript can be alterd or disabled by the user. While this is not possible with PHP.

     

    If you would like to use JavaScript, then the following tutorial might be usefull for you: 
     

    https://www.w3schools.com/howto/howto_html_include.asp

  8. I suggest using responsive design. Using pixels will make it work on a specific screen but not on all.

     

    Try using:
    width: 100%;
    height: 100vh;

    vh means View Height. 100 is actually 100% of the height of one's screen.

  9. Greetings everyone!


    I want to know how (if possible) I can make a PHP script execute itself once daily.

     

    It should send a text message. And while I am on the subject. How do i send a Text message to Belgian numbers?
    I have yet to find a workable tutorial for that.

     

     

    Thanks in advance for the replies.

×
×
  • Create New...