Link in neuem Fenster/TAB und Hintergrundfarbe

[as67ohz]

Beim Erstellen einer Bandhomepage (www.paranite.de) habe ich 2 kleine Probleme - sicher easy zu lösen, da ich aber Anfänger bin u mich der Webmaster (nach Zahlung des Honorars!) im Stich gelassen hat, stehe ich da wie der Ochs vorm Berg:

1. durchs Einsetzen von target="_blank" kann ich ja den definierten link in neuem Fenster/TAB öffnen…hier weiss ich aber nicht wo ich den Befehl setzen muss…es klappt einfach nicht und der link wird nicht korrekt angezeigt:

<ul class="list-inline banner-social-buttons">
<li>
<a href="https://www.facebook.com/Paranite" class="btn btn-default btn-lg"><i
class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCkQak8XmfcyVmRMkCNWXWWQ" class="btn btn-default btn-lg"><i
class="fa fa-youtube fa-fw"></i> <span class="network-name">YouTube</span></a>

2. Im Impressum hat das Dokument die Hintergrundfarbe weiß - da werden die links nicht korrekt angezeigt.
Wie muss die Zeile (auch mit "target-Befehl" wie oben korrekt lauten?

<h5>Fotonachweise</h5>
<p>Studio-Photos: Wiebke Bruns <a href="http://wiebkebruns.wix.com/wiebke-bruns-photography">WB Photography</a>
<br>
Live-Photos: Tanja Richter <a href="http://www.realitypicsmbt.npage.de/">TR reality pics</a>
</p>

<h5>Website-Design</h5>
<p>Daniel Bomsdorf <a href="http://dbmediadesign.de">DB Mediadesign</a>
<br>

Sorry für die blöden Fragen - ist sicher ganz einfach.
Leider kapier ichs aber nicht.
Vielen Dank!

 

[threadi]

Zu 1.: http://de.selfhtml.org/html/verweise/definieren.htm#zielfenster
Zu 2. kann man nichts sagen da man deine Frage mit dem gezeigten Quellcode-Schnippsel zusammen nicht versteht. Zeig einen Link zur Seite um dir besser helfen zu lassen.

 

[as67ohz]

Danke erst einmal…

zu 1: habe ich gesehen - aber irgendwie liegt es an den Buttons zu Facebook + You Tube dass es nicht klappt ???

z.B. hier (download der Flyer/Presseinfos) und anklicken der FB/YT-links
http://paranite.de/index.html#media

zu 2: http://paranite.de/imprint.html
Hier ist der Seitenhintergrund weiß voreingestellt und unten (Fotonachweise) sind die links zu den Webseiten der Fotografinnen nicht zu sehen

Danke nochmals

 

[threadi]

Das hat miteinander nichts zu tun. Wenn es bei dir nicht klappt liegt es ggfs. an deinen Browsereinstellungen. Die Angabe im HTML-Code ist lediglich eine Empfehlung. Was jeder Browser dann tatsächlich macht wenn der Nutzer den Link anklickt liegt in der Hand des Nutzers und seinen Browsereinstellungen. Bei mir öffnen solche Links übrigens aktuell generell weder in einem neuen Tab noch in einem neuen Fenster sondern immer im aktuellen Fenster.

Die Links sind nicht zu sehen, weil in deinem CSS alle Links eine weiße Farbe haben.

a {
color: #fff;
}

Wenn Du das verhindern willst müsstest Du für den Textbereich für Links eine andere Farbe definieren, z.B. so:

.container a {
color: green;
}

Näheres dazu findest Du in den CSS-Grundlagen, z.B. hier:
http://www.webmasterpro.de/coding/article/css-einfuehrung.html
http://www.css4you.de/
http://www.css-lernen.net/css-grundlagen.php
http://www.bjoernsworld.de/css/grundlagen.html

 

[as67ohz]

Hoffe du erträgst noch eine Frage: wo und wie muss ich hier die Farbe (schwarz) definieren:

<p>Studio-Photos: Wiebke Bruns <a href="http://wiebkebruns.wix.com/wiebke-bruns-photography">WB Photography</a>
<br>

 

[threadi]

Keine Ahnung was Du mit schwarz meinst, aber die Antwort steht denke ich schon oben.

 

[as67ohz]

also, ich meinte, dass der link: http://...usw….lesbar wird (auf dem weissen Hintergrund)
Also die Farbe schwarz ist.

wo wird das eingefügt?

1. .container a {
2. color: green;
3. }

 

[Tronjer]

Innerhalb eines Stylesheets. Die Datei styles.css würde sich anbieten.

 

[as67ohz]

Puh…also ich versuche mich nochmals zu entschuldigen…der Webdesigner hat uns nach Zahlung (und die war anständig) auf den Restarbeiten sitzen gelassen und nun muss ich mich mit Null-Kenntnissen da reinfummeln.
Ich möchte nur wissen wie ich die links (schwarze Schrift auf weissen´m Hintergrund) sichtbar machen kann - sie sind ja da.

 

[Tronjer]

Im Zweifelsfall dadurch, dass du ein Styletag direkt in die Links einfügst.

<a href="#" style="color:#fff">Mein Link</a>

 

[as67ohz]

Super…danke, klappt!

 

[as67ohz]

Ein letztes Problem bleibt aber noch…ich weiss nicht wo ich den Befehl target="_blank" platzieren muss, damit sich die Facebook/You Tube Verknüpfung öffnet?
Ich wäre sehr dankbar für diesen letzten Tipp.

So sieht die Index-datei aus:

</p>
<ul class="list-inline banner-social-buttons">
<li>
<a href="https://www.facebook.com/Paranite" class="btn btn-default btn-lg"><i
class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCkQak8XmfcyVmRMkCNWXWWQ" class="btn btn-default btn-lg"><i
class="fa fa-youtube fa-fw"></i> <span class="network-name">YouTube</span></a>
</li>

 

[Tronjer]

Innerhalb des <a> Tags.

 

[as67ohz]

Es ist nichts zu machen…egal wo ich target="_blank" auch einfüge…beim Anklicken der Buttons passiert nichts…
Was mache ich nur falsch…es ist schier zum verzweifeln...

 

[Alex55]

Dann liegts an deinen Browser, wie hier auch schon geschrieben wurde. Du kannst ja mal ein Link zu deiner Seite geben und wir können dir Feedback geben ob es bei uns auch so ist.

 

[as67ohz]

www.paranite.de - dann oben auf CONTACT klicken

Momentan ist aber der Verweis auf eine neue Seite/TAB nicht hinterlegt (s. oben: …"ein letztes Problem bleibt"...), da ich ja gar nicht weiss wo ich den einfügen muss.
Und es gefühlt schon überall probiert habe

 

[pax]

Das ist ein Ankerlink, d.h. er verweist auf ein Ziel auf der aktuellen Seite. Es macht keinen Sinn, das als neues Fenster zu öffnen.

 

[as67ohz]

OK…aber wie kriege ichs denn nun hin, dass sich beim Anklicken der Facebook / You Tube Buttons eine neue Seite / TAB öffnet?

 

[Banana_Jones]

Auf den Links liegt ein JS-Event, der das Ausführen des Links abbricht (script.js:31).

 

[as67ohz]

OK…und was bedeutet das? Bzw. was ist dann zu tun?