Wie kann ich einen alt-Text "Zur Startseite" im Header einbauen?

andreas11 · 03.02.2008, 19:06

Hallo an alle,

ich habe eine Frage zum alt-Text:

Kann ich irgendwo einstellen, dass im Bild im Header ein alt-Text "Zur Stratseite" erscheint. Das Bild ist verlinkt und führt beim Anklicken zur Startseite.

Das Bild heißt header.jpg. Das Theme heißt SimpsonsHB 2.0 by Angelina.

Danke für eure Hilfe!

andreas11

copernica · 03.02.2008, 19:28

HTML-Code:

<img src="header.jpg" alt="Startseite" />

Ammaletu · 03.02.2008, 19:30

Was copernica damit sagen will: Schreib das doch einfach in die header.php Deines Themes rein. Das Bild wird da ja irgendwo stehen. Einfach den gewünschten Text als alt-Text ergänzen. Und wenn Du es angezeigt haben möchtest bei Mouse-Over, dann auch noch als title-Attribut (alt-Text zeigt sonst nur der IE fälschlicherweise an).

andreas11 · 03.02.2008, 19:40

Hallo ihr beiden, das ist ja das Problem:

Ich finde in keiner der Dateien von SimpsonsHB 2.0 by Angelina das Bild und den Link zu header.jpg. Auch nicht in der header.php.

HAbe mit InfoRapid Suchen & Ersetzen wirklich alle Dateien mehrfach gewissenhaft durchsucht, aber der Link zu dem Bild header.php ist nicht auffindbar.

Die header.php sieht so aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head profile="XFN 1.1 profile">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> <?php } ?> <?php wp_title(); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<script type="text/javascript" src="<?php
bloginfo('template_directory'); ?>/script_quicktags.js"></script>
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
</head>
<body>
<?php load_theme_textdomain('simpson');?>
<div id="container">
<div id="page">
<div id="header">
<a name = "top"></a>
<div id="masthead" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">
<div id="blogtitle">
<?php bloginfo('name'); ?>
</div>
</div>
<div class="topmenu">
</div>
</div>

Ashy · 03.02.2008, 19:51

Befindet sich das nicht in der CSS?

andreas11 · 03.02.2008, 20:06

Ja, du hast recht Ashy, in der CSS steht folgendes drin:

#masthead {
background-image: url('images/header.jpg');
background-repeat: no-repeat;
height: 200px;
border: 0;
}

Wie kann ich da alt="Zur Startseite" und title="Zur Startseite" einbauen? Könnte mir jemand den Codeschnipsel schicken? Danke euch!

Danke andreas 11

copernica · 03.02.2008, 20:13

Ich habe mir das Theme mal genauer angesehen.

header.jpg ist als background-image in der css eingebunden und nicht als img-Tag im HTML, also kann man auch keinen alt-Tag setzen.

Du möchtest, dass beim Überfahren der Headergrafik mit der Maus ein kleines gelbes Fenster den Blognamen anzeigt? Dafür ist "alt" sowieso nicht richtig, "alt" steht für "alternativ" und soll angezeigt werden, wenn ein mit img im HTML eingebundenes Bild nicht angezeigt werden kann.

Für dein Problem ist dann das Universalattribut "title" wohl das, was du brauchst. Und das kannst du wie folgt einfügen in das Theme:

HTML-Code:

<div id="masthead" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;" title="zur Startseite">

andreas11 · 03.02.2008, 20:45

Hallo copernica,

danke, jetzt ist das Problem gelöst!

Du bist wirklich spitze!

Gruß andreas11

03.02.2008, 19:06	#1 (permalink)
andreas11 PostRank: 1 Registriert seit: 03.02.2008 Beiträge: 33	Wie kann ich einen alt-Text "Zur Startseite" im Header einbauen? Hallo an alle, ich habe eine Frage zum alt-Text: Kann ich irgendwo einstellen, dass im Bild im Header ein alt-Text "Zur Stratseite" erscheint. Das Bild ist verlinkt und führt beim Anklicken zur Startseite. Das Bild heißt header.jpg. Das Theme heißt SimpsonsHB 2.0 by Angelina. Danke für eure Hilfe! andreas11

03.02.2008, 19:28	#2 (permalink)
copernica PostRank: 5 Registriert seit: 20.10.2005 Ort: Lüneburger Heide Beiträge: 303	HTML-Code: <img src="header.jpg" alt="Startseite" /> __________________ Viele Grüße, Gabi

03.02.2008, 19:30	#3 (permalink)
Ammaletu PostRank: 9 Registriert seit: 14.07.2007 Beiträge: 1.432	Was copernica damit sagen will: Schreib das doch einfach in die header.php Deines Themes rein. Das Bild wird da ja irgendwo stehen. Einfach den gewünschten Text als alt-Text ergänzen. Und wenn Du es angezeigt haben möchtest bei Mouse-Over, dann auch noch als title-Attribut (alt-Text zeigt sonst nur der IE fälschlicherweise an). __________________ "Life brings hope and pain, but revenge never brings redemption." \|\| Mein Blog

03.02.2008, 20:13	#7 (permalink)
copernica PostRank: 5 Registriert seit: 20.10.2005 Ort: Lüneburger Heide Beiträge: 303	Ich habe mir das Theme mal genauer angesehen. header.jpg ist als background-image in der css eingebunden und nicht als img-Tag im HTML, also kann man auch keinen alt-Tag setzen. Du möchtest, dass beim Überfahren der Headergrafik mit der Maus ein kleines gelbes Fenster den Blognamen anzeigt? Dafür ist "alt" sowieso nicht richtig, "alt" steht für "alternativ" und soll angezeigt werden, wenn ein mit img im HTML eingebundenes Bild nicht angezeigt werden kann. Für dein Problem ist dann das Universalattribut "title" wohl das, was du brauchst. Und das kannst du wie folgt einfügen in das Theme: HTML-Code: <div id="masthead" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;" title="zur Startseite"> __________________ Viele Grüße, Gabi Geändert von copernica (03.02.2008 um 20:14 Uhr). Grund: Korrektur

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

03.02.2008, 19:40	#4 (permalink)
andreas11 PostRank: 1 Registriert seit: 03.02.2008 Beiträge: 33	Hallo ihr beiden, das ist ja das Problem: Ich finde in keiner der Dateien von SimpsonsHB 2.0 by Angelina das Bild und den Link zu header.jpg. Auch nicht in der header.php. HAbe mit InfoRapid Suchen & Ersetzen wirklich alle Dateien mehrfach gewissenhaft durchsucht, aber der Link zu dem Bild header.php ist nicht auffindbar. Die header.php sieht so aus: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="XHTML namespace"> <head profile="XFN 1.1 profile"> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> <?php } ?> <?php wp_title(); ?></title> <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/script_quicktags.js"></script> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <?php wp_get_archives('type=monthly&format=link'); ?> <?php wp_head(); ?> </head> <body> <?php load_theme_textdomain('simpson');?> <div id="container"> <div id="page"> <div id="header"> <a name = "top"></a> <div id="masthead" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;"> <div id="blogtitle"> <?php bloginfo('name'); ?> </div> </div> <div class="topmenu"> </div><!-- closes topmenu --> </div><!-- closes header -->

03.02.2008, 19:51	#5 (permalink)
Ashy PostRank: 3 Registriert seit: 25.03.2007 Beiträge: 116	Befindet sich das nicht in der CSS?

03.02.2008, 20:06	#6 (permalink)
andreas11 PostRank: 1 Registriert seit: 03.02.2008 Beiträge: 33	Ja, du hast recht Ashy, in der CSS steht folgendes drin: #masthead { background-image: url('images/header.jpg'); background-repeat: no-repeat; height: 200px; border: 0; } Wie kann ich da alt="Zur Startseite" und title="Zur Startseite" einbauen? Könnte mir jemand den Codeschnipsel schicken? Danke euch! Danke andreas 11

03.02.2008, 20:45	#8 (permalink)
andreas11 PostRank: 1 Registriert seit: 03.02.2008 Beiträge: 33	Hallo copernica, danke, jetzt ist das Problem gelöst! Du bist wirklich spitze! Gruß andreas11