Warum Breite funktioniert nicht in Form und Submit-Button zu

Question

#side-bottom{} 
 
     #side-bottom h3{ 
 
\t text-align: center; 
 
\t font-size: 20px; 
 
\t padding: 5px 10px; 
 
\t } 
 
\t #side-bottom form{} 
 
\t  #side-bottom form input{type='email'} 
 
\t \t { 
 
\t   width: 200px; 
 
\t   height: 20px;  
 
} 
 
    #side-bottom form input{type="submit" value="submit"}{ 
 
\t  width: 200px; 
 
\t \t margin-top: 10px; 
 
\t \t height: 30px; 
 
\t \t background:#FF9900; 
 
\t \t }

</section> 
 
<aside> 
 
    <div id="side-top"> 
 
     <h1>Latest post</h1> 
 
     <div id="latest-post-list"> 
 
     <div class="latest-post"> First post title</div> 
 
     <div class="latest-post"> First post title</div> 
 
     <div class="latest-post"> First post title</div> 
 
     <div class="latest-post"> First post title</div> 
 
    </div> 
 
</div> 
 
     <div id="side-bottom"> 
 
     <h3>News updates</h3> 
 
     <form> 
 
     <input type="text" name="email"> 
 
\t \t <input type="submit" value="submit"> 
 
     </form> 
 
</div>

Hier in htmlside, wenn Formularcode in dieser Eingangstaste funktioniert nicht richtig einreichen verwendet wird und in CSS-Seitenbreite arbeitet nicht im unfähig es zu bekommen, was ist falsch hier um es zu aktivieren.

Answer 1

Sie haben mehrere Syntaxfehler.

Zum Beispiel gibt es einen Raum zwischen input und dem Attribut [type="submit"] (es sollte keine sein - siehe Code unten)

Auch gibt es kein Element der [type="email"] (es sollte entweder [type="text"] oder [name="email"]

sein

und viele mehr ...

ich habe unten einige der Probleme im Code behoben, aber ich bin nicht sicher, was Sie gewünscht Ergebnis.

#side-bottom h3 { 
 
    text-align: center; 
 
    font-size: 20px; 
 
    padding: 5px 10px; 
 
} 
 
#side-bottom form input { 
 
    width: 200px; 
 
} 
 
#side-bottom form input[name='email'] { 
 
    height: 20px; 
 
} 
 
#side-bottom form input[type="submit"] { 
 
    margin-top: 10px; 
 
    height: 30px; 
 
    background-color: #FF9900; 
 
}

<div id="side-top"> 
 
    <h1>Latest post</h1> 
 
    <div id="latest-post-list"> 
 
    <div class="latest-post">First post title</div> 
 
    <div class="latest-post">First post title</div> 
 
    <div class="latest-post">First post title</div> 
 
    <div class="latest-post">First post title</div> 
 
    </div> 
 
</div> 
 
<hr/> 
 
<div id="side-bottom"> 
 
    <h3>News updates</h3> 
 
    <form> 
 
    <input type="text" name="email"> 
 
    <input type="submit" value="submit"> 
 
    </form> 
 
</div>