This forum is now read-only. Please use our new forums at discuss.codecademy.com.

About You Forum

View Course » View Exercise

25 points
6b85a4c983e438ea92ab88dfd7a3fb67?s=140&d=retro
Submitted by
Nick Puchalski
about 3 years ago

5/21 [resolved] Set the input's "border" to "0". Plz help

<!DOCTYPE html> 
<head>
<style> 
h1 { 
    text-align: center; 
}
p { 
    text-align: center; 
}
 body {
        text-align: center; background: url(http://hydroponics-inc.namjek.com/wp-content/themes/shopperpress/thumbs/Grey-website-background.png);
    color: white; font-family: Helvetica
    p {
  font-size: 24px;
}

    background-size:cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;
    }
    body {  background-size:cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;
    input {
        border: 0;
  padding: 12px;
    {
</style>
</head> 

<body>
<img src=http://kyleart.com/wp-content/uploads/2009/11/nincat-work.jpg width="250"> 
 <h1> NinjaCatSoCool</h1>
<p>Hi! I do drawings and all that stuff and I am still learning how to draw better. I am currently thinking about doing a comic so stay tuned ;)</p>
<input type="email" placeholder="Email">
<input type='submit'>
</body>

0 votes

permalink

Hi Nick, if you are open to advice, you should know, that at this point, keeping your code tidy is going to help you both see what you are building and help you avoid errors.

This is a mess, and I can completely understand why you can't spot the problem:

<style> 
h1 { 
    text-align: center; 
}
p { 
    text-align: center; 
}
 body {
        text-align: center; background: url(http://hydroponics-inc.namjek.com/wp-content/themes/shopperpress/thumbs/Grey-website-background.png);
    color: white; font-family: Helvetica
    p {
  font-size: 24px;
}

    background-size:cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;
    }
    body {  background-size:cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;
    input {
        border: 0;
  padding: 12px;
    {
</style>

Let's just leave off the input { ... } part for now and tidy up the rest. If you don't see how this works then just ask more questions.

h1 {
    text-align: center;
}

p {
    font-size: 24px;
    text-align: center;
}

body {
    color: white;
    background: url(http://hydroponics-inc.namjek.com/wp-content/themes/shopperpress/thumbs/Grey-website-background.png);
    background-size: cover;   
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    font-family: Helvetica;
    text-align: center;
}

Now, try to add your input rules.

3698 points
55df2afa95e3787b9200005e_359368177
Submitted by
Judy
about 3 years ago

2 Comments

6b85a4c983e438ea92ab88dfd7a3fb67?s=140&d=retro Nick Puchalski about 3 years ago

Thank you so much, oh and i have another question? Is there a html 5 website builder that i can use this code on?

55df2afa95e3787b9200005e_359368177 Judy about 3 years ago

You're welcome! Sorry, I don't know anything about a website builder. I've only used text editors like Notepad++ and Sublime Text.