Link in der Navbar?

[karsta.de]

So wie dein Screenshot aussieht, hast du die Schrift nicht richtig eingebunden, denn das dort Zeichen sind zeigt er an, aber er findet die Schrift nicht.

BG kgd

[flip]

Falls du jetzt bei einer Iconfont (Fontawesome) bleibst:

Binde das hier in deine general.css.php des Templates ein (am ende außerhalb der <?php ... ?> am besten aufgehoben):

Code: PHP  [Auswählen]

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

(fontawesome online gehostet über ein cdn, statt im eigenen template/server)
Das Kästchen sollte dann verschwinden und das Icon angezeigt werden. Bei deiner version fehlen warscheinlich die Font-Dateien.

---

Für den Fall, dass du doch bei deinem eigenen Bild bleiben möchtest:

- Verpass deinem IMG-Tag eine eindeutigere Klasse
z.b.: ><img src="/img/home.gif" class="Homepage-Icon">

- und verpass ihm im stylesheet folgende eigenschaften:

Code: CSS  [Auswählen]

.Homepage-Icon {
position: relative;
top: 5px;
left: 20px;
}
 

In dem fall jetzt von der Ursprungsposition 5px nach unten und 20px nach rechts geschoben.

[sandro22]

Danke für deine Antwort. Mit deinem code für das Fontawesome werde die Icons jetzt angezeigt.

gruss sandro

[sandro22]

Norgen zusammen.

Irgendwie stehe ich gerade auf dem schlauch. Ich versuche beim Warenkorb ebenfals ein icon von fontawesome einzufügen.

Habe es in der stylesheet.css so eingebaut.

Code: CSS  [Auswählen]

ul.contentnavigation li.cart a {
    background: <i class="fa fa-shopping-basket" aria-hidden="true"></i>
 no-repeat scroll 0 9px;
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 40px;
    padding-left: 30px;
    text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}
ul.contentnavigation li.cart a:hover {
    background: rgba(0, 0, 0, 0) <i class="fa fa-shopping-basket" aria-hidden="true"></i> no-repeat scroll 0 -68px;
    color: #ddd;
    display: block;
    text-decoration: none;
    text-shadow: 1px 1px 1px black, 1px -1px 1px black, -1px 1px 1px black, -1px -1px 1px black;
}

Jedoch wird da nichts angezeigt. Könnte es sein das es gar nicht in die stylesheet.css muss sonder irgendwo anders eingefügt werden muss?

Danke schon jetzt für die Hilfe.

Gruss Sandro

[sandro22]

Vergesst den Oberen beitrag.

Hab jetzt in der index.html folgendes eingefügt im abschnitt content_navbar.

Code: PHP  [Auswählen]

{if isset($box_CART)}<li class="cart"><i class="fa fa-shopping-basket" aria-hidden="true"></i>
{$box_CART}</li>{/if}

Das ist ja mal den ansatzt denke ich?

Leider wird es so angezeigt.
[ Für Gäste sind keine Dateianhänge sichtbar ]

Ich kann in der Stylesheet.css unter ul.contentnavigation li.cart ändern was ich will bringt nichts.
Das ganze sieht so aus:

Code: CSS  [Auswählen]

ul.contentnavigation li.cart {
  float:right;
  border:none;
  padding: 0px 10px 0px 10px;
  margin: 0px;
  line-height:40px;
  height:40px;
  position:relative;
  top:-155px;
  right:350px;
}

Hoffe hat jemand ein Tipp?

gruss sandro

[awids]

Schau dir Mal das Box-Template box_cart.html dazu an. Da gehört das Fonticon rein, vor dem Smartyplatzhalter des Wortes Warenkorb.

[sandro22]

HAllo Alex ich hab es selbst hingekriegt nach stundem langen herum Probieren.