CSS-Code zu beeinflussen, was es nicht sein soll beeinflussen

-1

www.geo-village.com < - Live-BeispielCSS-Code zu beeinflussen, was es nicht sein soll beeinflussen

Okay, so habe ich meine Haupt-Webseite CSS und PHP-Datei. Ich schließe auch eine Navigationsleiste ein, die sich in einer separaten PHP- und CSS-Datei befindet. Ich habe einen Rahmen für die Elemente der Navigationsleiste hinzugefügt. Warum sind die Schaltflächen Anmelden und Registrieren betroffen? Die Login- und Register-Buttons befinden sich in der Haupt-HTML-Datei und haben keine ID von #navbar, weshalb ich verwirrt bin.

HTML-Hauptdatei

<?php 
    session_start(); 
?> 
<!DOCTYPE html> 
<html> 
    <head> 
     <title>GeoVillage - A Community</title> 
     <link rel="stylesheet" href="style.css"> 
    </head> 
    <body> 
     <div id=header> 
      <img id=logo src="/image/header.png" alt="GeoVillage Community" style="width:500px;height:64px;"> 
      <span id=logreg> 
       <?php 
        if(isset($_SESSION['loggedon']) && $_SESSION['loggedon'] == true){ 
         echo '<a href=/logout> 
          <img id=logout src="/image/logout.png" alt="Logout"> 
          </a>'; 
         if ($_SESSION['adminsts'] == admin || $_SESSION['adminsts'] == sadmin) { 
          echo '<a href=/admin> 
          <img id=admingears src="/image/admin.png" alt="Admin Panel"> 
          </a>'; 
         } 
        } else { 
         echo '<a href=/login> 
          <img id=login src="/image/login.png" alt="Login"> 
          </a>'; 
         echo '<a href=/login/register.php> 
          <img id=register src="/image/register.png" alt="Register"> 
          </a>'; 
        } 
       ?> 
      </span> 
     </div> 
     <?php 
      //NAVIGATION BAR IMPORT 
      echo '<div id=navbar>'; 
       include 'navbar.php'; 
      echo '</div>'; 
     ?> 
    </body> 
</html>

CSS (MAIN FILE)

body { 
    background-color: lightgrey; 
    margin: 20px; 
    margin-left: 200px; 
    margin-right: 200px; 
} 

a { 
    text-decoration: none; 
} 
#header{ 
    display:block; 
} 

#logreg{ 
    vertical-align: top; 
    padding-top: 0px; 
    float: right; 
    display: inline-block; 
} 

#logreg a { 
    padding-right: 1px; 
}

NAVBAR.PHP

<?php 
     session_start(); 
    ?> 
    <!DOCTYPE html> 
    <html> 
     <head> 
      <link rel="stylesheet" href="/navbarstyle.css"> 
     </head> 
     <body> 
      <div id=navbar> 
       <ul> 
        <li><a href=/>Home</a></li> 
        <li><a href=/vatsim>VatSim Online Training</a></li> 
       </ul> 
      </div> 
     </body> 
    </html> 

navbar.css 

#navbar { 
    background-color: #33ccff; 
    padding: 5px; 
} 

#navbar li, a { 
    text-decoration: none; 
    display: inline; 
    color: blue; 
    font-size: 20px; 
    font-weight: bold; 
    padding-left: 5px; 
    padding: 20px; 
    border-color: black; 
    border-style: solid; 
} 

#navbar ul { 
    margin: 0px; 
    padding-left: 0px; 
}

Quelle

2016-10-02 George Jones

Haben Sie richtige Fehlerüberprüfung durchgeführt, hätte man gesehen, dass' if ($ _SESSION [‘adminsts' ] == admin || $ _SESSION ['adminsts'] == sadmin) würde Sie vor undefinierten Konstanten warnen und höchstwahrscheinlich vor dem Header ausgeben. –

Das ist kein Problem. Vor dem Hinzufügen von Rahmen, keine Fehler und das ist nicht relevant für das Problem. Ich habe diese in der SESSION definiert. –

Oh, denkst du ?! oder ist das Pseudo-Code? (ein Curleball). –

Sie in Ihrem Dokument alle<a> Tags Auswahl:

#navbar li, a { 
    .... 
}

Zum Umfang diese Stile zu <a> ‚s innerhalb #navbar müssen Sie das Komma entfernen (,)

Quelle

2016-10-02 15:26:59 Turnip

sind Sie 100% dieser Antwort? Sie haben etwas Entscheidendes in ihrem Code verpasst und ich habe das oben in einem Kommentar umrissen. Edit: es sei denn, sie haben uns einen Curveball geworfen. –

Fehler in der PHP haben nichts mit CSS-Problem zu tun, beschreibt OP. – Turnip

ja ich weiß, weshalb ich meinen Kommentar oben bearbeitet habe ;-) –

CSS-Code zu beeinflussen, was es nicht sein soll beeinflussen

Antwort

Verwandte Themen