Externe CSS-ID-Selektor funktioniert nicht

Hey Leute ich habe eine externe CSS-und HTML-Datei, ich versuche zurzeit die Verknüpfung der beiden, genauer gesagt ich versuche die Verknüpfung der ids titleImage titleLink und webpageTitle. Leider ist die CSS scheint nicht zu registrieren. Ich habe versucht, wechseln die position, den Typ und die id wie stattdessen #titleImage img das hat nicht funktioniert. Ist es ein Problem mit mir haben mehrere externe CSS-Referenzen? Auch dies ist nicht der gesamte code, der es mehr um jeden, aber diejenigen, die unten aufgeführt sind die Teile, die ich konzentriere mich auf die meisten. Ich habe auch versucht haben, entfernen die a, img, h1

Also könnte mir jemand erklären, warum titleImage titleLink und webpageTitle Stile sind nicht die Registrierung auf meinem localhost?

UPCDATE: habe ich gemacht, ändert sich jeder auch die Kommentare unten und die Seite ist noch nicht aktualisiert mit den neuen css-aufgeführt in den folgenden code in style.css

Stil.css

div#titleImage {
    position:absolute;
    top:0px;
    right:0em;
    }
a#titleLink { text-decoration: none}

h1#webpageTitle {
    position:relative;
   }

HTML-Datei

 <head>
    <link href='http://fonts.googleapis.com/css?family=Alef:400,700|Roboto+Slab'  rel='stylesheet' type='text/css'>

    <!-- Bootstrap core CSS -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <!-- Custom styles for this template -->

    <link href="/css/sticky-footer-navbar.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet" type="text/css">
    <link href="/css/lightbox.css" rel="stylesheet">
  </head>

<body>
    <section class="container">
        <header class="row" id="header">
        <!-- Begin grid -->
            <div class="col-sm-9"><!--Top of the page-->
                <a href="/" id="titleLink" style="color:#000000"><h1 id="webpageTitle">McMaster SEClub</h1></a>
            <div id="titleImage"><img src="/img/logo.gif" width=150 height=110></div>
        </div>

InformationsquelleAutor lantern77 | 2014-05-10

1

Den titleImage - ID ist für die <div> Umgebung das Bild, nicht das Bild selbst. In dem moment, Sie versuchen zu finden ein element mit einem #titleImage Selektor in ein Bild-tag.

Für die titleLink wird die ID des Elements, so können Sie dies tun, statt:
```
a#titleLink { ... }
```
Jedoch würden Sie in der Regel nur eine - ID auf eine Seite, so konnte man nur Ziel-den Titel-link durch, dies zu tun:
```
#titleLink { ... }
```
Die Webseite, die überschrift sollte wie vorgesehen funktioniert. Allerdings würde ich noch empfehlen, nur mit der ID. Ein element mit relativer Positionierung nicht wirklich anders Aussehen, es sei denn, Sie haben es da einige Stylesheets:
```
#webpageTitle {
    position: relative;
    top: 10px;
    left: 10px;
}
```
Hoffe, das hilft.
- Danke für die Hilfe, ich habe versucht, die Bearbeitung der div und entfernen auch die a und die h1, aber immer noch ohne Erfolg. Ich habe auch versucht, alles entfernen und nur aus dem Bezeichner es immer noch nicht ändern will
InformationsquelleAutor robertlyall
1

Entfernen Sie die Leerzeichen in der Auswahl.

img #titleImage bedeutet: jedes element mit id titleImage und ein <img> - element als Vorfahren
img#titleImage bedeutet: eine <img> element mit der id titleImage. Das, was Sie wollen.
- Ich habe versucht, die space nichts passiert immer noch das gleiche Problem
InformationsquelleAutor theHacker
0

loszuwerden, der Raum zwischen der tag-Typ und die id. So und die Regeln machen:
```
img#titleImage {
    position:absolute;
    top:0px;
    right:0em;
}

a#titleLink { text-decoration: none}

h1#webpageTitle {
    position:relative;
}
```
Was Sie haben, ist zu sagen "das element mit der ID" titleImage, dass id ein Kind von einem image-tag, etc.

Da Sie über IDs, es ist nicht erforderlich, auch sind der tag-Typ (a, img) vor der ids.
- Leider das hat nicht funktioniert
- Haben Sie versucht, löschen Sie Ihren browser-cache und getan eine schwer aktualisieren, um sicherzustellen, dass Sie nicht nur sehen, alten, zwischengespeicherten Stile?
- Ich habe ich geändert, code, den ich weiß, das funktioniert, und es ändert sich, merkwürdig für diesen Teil der Website, scheint nicht zu ändern
InformationsquelleAutor jCuga

Sollte es keine Leerzeichen vor dem id also der code sollte sein:

img#titleImage {
    position:absolute;
    top:0px;
    right:0em;
    }
a#titleLink { text-decoration: none}

h1#webpageTitle {
    position:relative;
   }

InformationsquelleAutor Marcin Nabiałek

0

Entfernen Sie alle Ihre Buchstaben groß schreiben, es funktioniert nicht mit Kapitellen.

Also statt der TitelLTinte, und Titelichmage, schreiben TitellTinte und TitelichMagier.

Das sollte es reparieren, er repariert es für mich.

InformationsquelleAutor thebajo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.