[dawid17]

My menu bar doesnt want to appear over the header picture, what I've done wrong?

https://i.imgur.com/PEHp4hk.png
https://i.imgur.com/5esawM6.png

[Faith Connors]

post your full css next time

i suspect something to do with position:absolute or position:fixed mixups but we cant be sure until you actually post something useful.

[dawid17]

post your full css next time

i suspect something to do with position:absolute or position:fixed mixups but we cant be sure until you actually post something useful.

https://jsfiddle.net/pvq8xe52/

[Faith Connors]

good, so now what are you expecting it to do/what are you trying to accomplish
because that code looks fine to me but idk what you're trying to do

[dropyourtables]

Do several things, first you should paste the entire code here, no one wants to go to another website (at least I dont). As stated above, what are you trying to accomplish fully?

Also post all your code that you are trying to format, HTML + CSS. Just CSS isn't as helpful.

[dawid17]

Do several things, first you should paste the entire code here, no one wants to go to another website (at least I dont). As stated above, what are you trying to accomplish fully?

Also post all your code that you are trying to format, HTML + CSS. Just CSS isn't as helpful.

As i said in original post, Im trying to make a fixed menu at the top of the site but it doesn't want to appear for some reason.
html is in first pic screenshot.
<div class="menu">

---

nevermind got it fixed.////////////////////////////////////

[dawid17]

Can anyone tell me how to add distance inbetween these pictures?



https://i.imgur.com/OUjKbnw.png
https://i.imgur.com/FzNQH1D.png

[Frankey]

Can anyone tell me how to add distance inbetween these pictures?



https://i.imgur.com/OUjKbnw.png
https://i.imgur.com/FzNQH1D.png

Just send the code, pictures suck. Ain't gonna retype that stuff for you.

[dawid17]

Just send the code, pictures suck. Ain't gonna retype that stuff for you.

Code

<div class="about">
<h1>About us</h1>
<p class="team">Lorem Ipsum jest tekstem stosowanym jako przykładowy wypełniacz w przemyśle poligraficznym. Został po raz pierwszy użyty w XV w. przez nieznanego drukarza do wypełnienia tekstem próbnej książki. Pięć wieków później zaczął być używany przemyśle elektronicznym, pozostając praktycznie niezmienionym. Spopularyzował się w latach 60. XX w. wraz z publikacją arkuszy Letrasetu, zawierających fragmenty Lorem Ipsum, a ostatnio z zawierającym różne wersje Lorem Ipsum oprogramowaniem przeznaczonym do realizacji druków na komputerach osobistych, jak Aldus PageMaker</p>
<div class="imgs">
<img src="http://www.osheekapharmaceuticals.com/wp-content/uploads/2017/08/asd.png">
<img src="http://www.osheekapharmaceuticals.com/wp-content/uploads/2017/08/asd.png">
</div>

Code

.about {
    text-align: center;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 0px;
}

.about h1 {
    color: black;
    margin-bottom: -20px;
    text-transform: uppercase;
}

.about img {
    width: 350px;
    height: 200px;
}

.imgs {
    display: flex;
   justify-content: center;
   margin-top: -10px;
   margin-bottom: 20px;
}

[sdk]

Code

.about img {
    width: 350px;
    height: 200px;
   margin: 8px;
}

or

Code

.imgs {
    display: flex;
   justify-content: space-between;
   margin-top: -10px;
   margin-bottom: 20px;
}

[dawid17]

Got it solved already, I've one more issue.
Why is my contact form displayed like this on google chrome.


and on different browsers like this

Code

<section id="contact">
<div class="contact">
<h1>GET IN TOUCH WITH US</h1>
<p class="team">contact form</p>
<div class="container2">
  <form action="/action_page">
    <input type="text" id="fname" name="firstname" placeholder="Your name..">
    <input type="text" id="lname" name="lastname" placeholder="Your last name..">
    <textarea id="subject" name="subject" placeholder="Message" style="height:100px"></textarea>

    <input type="submit" value="Submit">
  </form>
</div>
</div>
</section>

Code

#contact {
    height: auto;
    width: 100%;
    background-color: white;
    margin-top: 60px;
    text-align: center;
    
}

.contact {
    overflow: hidden;
}

#contact h1 {
    padding-top: -100px;
    color: black;
    text-transform: uppercase;
}

#contact p{
    margin-top: 10px;
    color: #7e7e7e;
    letter-spacing: 2px;
    width: 60%;
    font-size: 14px;
display: inline-block;
}

.container2 {
    border-radius: 5px;
    background-color: white;
    padding: 20px;
    width: 500px;
    margin: auto;
}