2017-03-26 1 views
0
here is the header Section code 

    #headerSection { 
      background-color: 2D487E; 
      color: white; 
      } 

die Hintergrundfarbe der Grenzen sollen dunkelblau ...border-left und border-right nicht in Browser zeigt sich

<section id="headerSection"> 
    <p class = "center"><img src= "images/nashcc.jpg" 
    class = "nashPic" 
    alt="Nash Community College" 
    title="Nash Community College" 
    width = "250px"/> 
    <span class = "title">Nash Community College</span><p> 
    </section> 
+1

Ihr Code funktioniert, wenn ich es in eine Geige einfügen: https://jsfiddle.net/nundskat/ (I Farbe der Grenze nur geändert, um es sichtbar). Dies ist wahrscheinlich ein Problem mit dem Laden Ihres CSS, ein Konflikt mit einem anderen Stil, etc. – ryantdecker

+0

Vielen Dank, wir werden uns umsehen. –

+0

ryantdecker, ich weiß nichts über jsfiddle.net, aber ich habe nur die rote auf die #EEEEEE geändert und es kommt überhaupt nicht auf, genau wie in meinem Browser ... nur versuchen, es herauszufinden ... kann du rennst das nochmal in der Hand mit dem #EEEEEE ... würdest es wirklich schätzen. –

Antwort

0

auf headrSection Farbe, dass der Hintergrund sein, Sie setzen Sie nicht arbeiten brauche ein # vor diesem Code. Und einen kleinen Fehler vergessen Sie, das P-Tag nach span zu schließen.

body{ 
 
    margin:0; 
 

 
    } 
 
    #headerSection { 
 
     background-color: #2D487E; 
 
     color: white; 
 
     
 
     } 
 
    .nashPic { 
 
     vertical-align: -275%; 
 
     padding: 0px; 
 
     border-right: solid 10px #EEEEEE; 
 
     border-left: solid 10px #EEEEEE; 
 
     }
<section id="headerSection"> 
 
<p class = "center"> 
 
    <img src= "https://www.nashcc.edu/images/site_images/[email protected]" class ="nashPic" alt="Nash Community College" title="Nash Community College" 
 
width = "250px"/> 
 
    <span class = "title">Nash Community College</span> 
 
</p> 
 
</section>

Verwandte Themen