Sie befinden sich hier im Forenarchiv von phpforum.de wenn Sie direkt ins Forum möchten, klicken Sie bitte hier. Zur Startseite kommen Sie hier.
Forum durchsuchen:
Dynamisches Hintergrundbild - Darstellung nicht ok
Hallo zusammen,
ich habe ein Problem mit einem Dynamischen Hintergrundbild. Es wird nicht richtig dargestellt. Hier die Seite... http://www.soundagenten.com
Im index.php hab ich folgendes gemacht:
<div id="hdr" onclick="location.href='<?php echo $mosConfig_live_site;?>';" style="cursor: pointer;">
<?php
$vn = "./images/header";
$verzeichnis = opendir($vn);
while($file = readdir($verzeichnis)) {
$s = @getimagesize($vn."/".$file);
if(in_array($s[2], array(1,2,3)))
$auswahl[] = $file;
}
mt_srand((double)microtime()*1000000);
$number = mt_rand(0,count($auswahl)-1);
//echo "<img src='".$vn."/".$auswahl[$number]."'>";
echo "<input style=\"background:url(".$vn."/".$auswahl[$number].");\" />";
?>
und in der stylesheet css sieht es so aus:
#hdr{
width:450px;
height:260px;
margin:0;
color:#333;
background:#333
}
Wer kann mir weiterhelfen?
Antworten
*** Nobody ***
2.
Zitat:Wobei ich mir nicht sicher bin, ob da wirklich ein Eingabefeld mit einem Hintergrundbild versehen werden soll..
Das ist ein reines CSS-Problem
Aber mit dieser genauen (<=Achtung:Ironie ) Fehlerbeschreibung ist es schwer zu erahnen was eigentlich das Problem ist.
3.
Zitat:Natürlich soll dort kein eingabefeld hin sondern es soll eigentlich nur im grauen bereich mit einer größe von 450 X 260px dargestellt werden... :-)
BenniG. posteteZitat:Wobei ich mir nicht sicher bin, ob da wirklich ein Eingabefeld mit einem Hintergrundbild versehen werden soll..
Das ist ein reines CSS-Problem
Aber mit dieser genauen (<=Achtung:Ironie ) Fehlerbeschreibung ist es schwer zu erahnen was eigentlich das Problem ist.
4.
Mit Informationsfluss hast du es nicht so, oder?Hast du dir jetzt was anderes als ein Input ausgesucht (div, table, bild) oder gibts noch Probleme?
5.
Leider kenn ich mich nicht gut aus und hatte es deshalb auch im "Anfänger Forum" gepostet - welche infos brauchst Du noch um zu erahnen wo das Problem liegt? Ich habe vor das Bild hinter der Navigation anzeigen zu lassen. D.h. die Navigation ligt mit mehreren <br>´s vor dem hintergrundbild welches immer rotieren soll. Wenn ich das Bild als ein einzelnes im CSS einbinden soll weiß ich wie es geht aber ich möchte das rotieren über das PHP machen - da es ja meiner meinung nach nicht anders möglich ist.6.
Zitat:Dann poste doch deinen (statischen) HTML-Code so wie du es haben willst und sag was du dynamisch haben willst, das ist wahrscheinlich das einfachste..
Wenn ich das Bild als ein einzelnes im CSS einbinden soll weiß ich wie es geht
7.
<?phpdefined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );
global $database;
$t = new mosTemplate( $database);
$t->load( 0 );
$cur_template = $t->cur_template;
$_uri = split('\?', $_SERVER['REQUEST_URI']);
$_URL = $_uri[0];
include($mosConfig_absolute_path."/templates/minimal/mysplitcssmenu.php");
?>
<!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">
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php
if ($my->id) {
if($_REQUEST["task"] == "edit" || $_REQUEST["task"] == "new") {
include("editor/editor.php");
initEditor();
}
}
?>
<?php include_once ($mosConfig_absolute_path."/templates/minimal/template.php"); ?>
<link rel="stylesheet" href="templates/minimal/css/template_css.css" type="text/css">
<script type="text/javascript" src="templates/minimal/js/var.js"></script>
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.bmp" />
</head>
<body id="body-<?php echo getMenuName();?>">
<div id="wrap3">
<div id="wrap2"><br>
<div id="wrap">
<div id="hdr" onclick="location.href='<?php echo $mosConfig_live_site;?>';" style="cursor: pointer;">
<div id="hdrimg">
<br><br><br><br><br><br><br><br><br>
<div id="subheader"><?php require("mysplitcssmenu.php"); echo $mycssPSPLITmenu_content; ?></div>
</div>
</div>
<div id="lh-col">
<div id="content"><?php mosMainBody(); ?></div>
</div>
<div style="clear:both;"></div>
</div>
</div>
<div id="footer">
</div>
</body>
</html>
<!-- ### 4stats Tracker Code // begin ### -->
<script type="text/javascript" language="javascript" src="http://4stats.de/de/counter?id=3106"></script>
<noscript><a href="http://www.4stats.de/" target="_blank"><img src="http://4stats.de/de/stats?id=3106" border="0" alt="4stats Webseiten Statistik + Counter" /></a></noscript>
<!-- ### 4stats Tracker Code // end ### -->
///////
Das hier möchte ich dynamisch haben...
<div id="hdr" onclick="location.href='<?php echo $mosConfig_live_site;?>';" style="cursor: pointer;">
Wobei im css das hier steht...
/* Layout Stylesheet */
html, body{
margin:0;
padding:0;
color:#333;
font: small/1.4 "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
background:#400006;
}
#wrap {
width:450px;
margin:0 auto 0 auto;
background:#fff url('../images/wrap.jpg') repeat-y;
}
#wrap2 {
width:616px;
margin:0 auto 0 auto;
background:#7D0900 url('../images/wrap2.jpg') no-repeat;
}
#wrap3 {
width:618px;
margin:0 auto 0 auto;
background:#eee
}
#hdr{
width:450px;
height:260px;
margin:0;
color:#333;
background:#333 url('../images/head34.jpg') no-repeat;
}
#lh-col{
width:430px;
float:left;
color:#333;
margin:0;
padding:10px;
}
#content {
margin:10px;
background:no;
}
#footer {
height:30px;
margin: 0;
color:#333;
font:normal x-small/1.2 Verdana, Helvetica, Arial, sans-serif;
background:#fff url('../images/footer.png') no-repeat;
}
#footer #credits {
margin: 0px 0px;
padding-top:0px;
}
h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}
#hdrimg h1 {
padding:60px 0 0 0;
font-size: 2em;
text-align: center;
}
.tag {
margin:0 0 30px 0;
font-size: 1.2em;
text-align: center;
}
h1, h1 a, h1 a:hover, h1 a:visited, .tag {
text-decoration: none;
color: #400006;
}
a:link, a:visited {
color:#300000;
font-weight:bold;
text-decoration:none;
}
a:hover {
color:#9D0A17;
text-decoration:none;
}
#exitcontent {
margin:0 10px;
float:right;
}
8.
Versuchs mal so:Code: In Zwischenablage kopieren (nur IE)Bitte wenn Fehlermeldungen kommen diese posten und beim nächsten post den Quellcode über die Buttons Code oder PHP formatieren.