Hallo ihr Lieben,
Ich erstelle gerade eine Seite mit Worpress und bastel im Moment am Template herum.
Nun ist es mir nach langen werkeln gelungen ein wechselndes bild über ein php-script in einem div-element einzubinden.
Leider steht die Überschrift jetzt noch über dem Bild. Sie soll aber darauf sein. Also nicht erst die Überschrift und darunter das Bild. Sondern die Schrift soll das Bild überlagern.
Vieleicht kann mit ja einer von euch sagen, was ich machen muss.
[COLOR=Red]Hier das Script:[/COLOR]
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<title>Nikitakis</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="the official Nick Nikitakis website" />
<meta name="generator" content="WordPress 3.2.1" /><!-- Please leave for stats -->
<link rel="stylesheet" type="text/css" href="http://localhost/wordpress/wp-content/themes/UpstartBloggerFuturosityMag/ub_futurositymag/style.css" />
<link rel="alternate" type="application/rss+xml" href="http://localhost/wordpress/?feed=rss2" title="Nikitakis Posts RSS feed" />
<link rel="alternate" type="application/rss+xml" href="http://localhost/wordpress/?feed=comments-rss2" title="Nikitakis Comments RSS feed" />
<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" />
<!-- needed for apple style search box -->
<link rel="stylesheet" type="text/css" href="default.css" id="default" />
<!-- dummy stylesheet - href to be swapped -->
<link rel="stylesheet" type="text/css" href="dummy.css" id="dummy_css" />
<script type="text/javascript" src="applesearch.js"></script>
<script type="text/javascript">
//<![CDATA[
window.onload = function () { applesearch.init(); }
//]]>
</script>
<!-- #apple style search -->
<link rel='stylesheet' id='admin-bar-css' href='http://localhost/wordpress/wp-includes/css/admin-bar.css?ver=20110622' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='http://localhost/wordpress/wp-content/plugins/contact-form-7/styles.css?ver=3.0' type='text/css' media='all' />
<script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Nikitakis' href='http://localhost/wordpress' />
<link rel='prev' title='rebetobluz' href='http://localhost/wordpress/?page_id=45' />
<link rel='next' title='bluz' href='http://localhost/wordpress/?page_id=107' />
<meta name="generator" content="WordPress 3.2.1" />
<link rel='canonical' href='http://localhost/wordpress/' />
<style type="text/css">
.addw2p {
list-style-type: none;
list-style-image: none;
}
</style>
<meta http-equiv="Content-Language" content="en-US" />
<style type="text/css" media="screen">
.qtrans_flag span { display:none }
.qtrans_flag { height:18px; width:30px; display:block }
.qtrans_flag_and_text { padding-left:20px }
.qtrans_flag_de { background:url(http://localhost/wordpress/wp-content/plugins/qtranslate/flags/de.png) no-repeat }
.qtrans_flag_en { background:url(http://localhost/wordpress/wp-content/plugins/qtranslate/flags/us.png) no-repeat }
</style>
<link hreflang="de" href="http://localhost/wordpress/?lang=de" rel="alternate" />
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
html { margin-top: 28px !important; }
* html body { margin-top: 28px !important; }
</style>
<style type="text/css" media="all">
/* <![CDATA[ */
@import url("http://localhost/wordpress/wp-content/plugins/wp-table-reloaded/css/plugin.css?ver=1.9.2");
@import url("http://localhost/wordpress/wp-content/plugins/wp-table-reloaded/css/datatables.css?ver=1.9.2");
.wp-table-reloaded .column-1 {
font-weight: bold;
}
.wp-table-reloaded .column-2 {
font-weight: bold;
}
.wp-table-reloaded .column-3 {
font-weight: bold;
}
.wp-table-reloaded .column-5 {
font-style: normal;
font-weight: bold;
color: #ef6c6c;
width: 30px;
}
.wp-table-reloaded, .wp-table-reloaded td, .wp-table-reloaded th {
border-bottom:1px solid silver;
border-collapse: collapse;
border-spacing: 0px;
}
/* ]]> */
</style></head>
<body class="wordpress y2011 m10 d02 h18 page pageid-101 page-author-mutanton loggedin">
<div id="wrapper" class="hfeed">
<div id="header">
<ul id="pages">
</ul>
<div id="blog-description"></div>
<a href="http://localhost/wordpress"><img src="header.jpg" alt="logo"></a>
</div><!-- #header -->
<div id="access">
<div class="skip-link"><a href="#content" title="Skip navigation to the content">Skip to content</a></div>
</div><!-- #access -->
[COLOR=Red]...[/COLOR]