Sorgonas
Quest-Mob
- Mitglied seit
- 30.03.2010
- Beiträge
- 69
- Reaktionspunkte
- 0
Hallo an alle, ein weiteres mal habe ich leider ein Problem, und zwar habe ich meine Homepage erstellt, und wollte diese nun in PHP umwandeln. Jedoch wird mir mein footer Bild nicht angezeigt, was mein kleinstes Problem ist. Das grössere was ich habe ist, das wenn ich das Fenster verkleinere oder generell nen kleineren Bildschirm habe, die Anordnungen nicht mehr passen. Ich habe die Seite auf meinem grossen Rechner 1920X1080 erstellt und da passt es auf vollbild, nur wie gesagt nicht auf kleinerem Bildschirm oder Fenster kleiner. Zudem geht mein Menü nicht, zumidest nicht unter php. Unter http://sorgonas.de ist meine Seite noch auf html mit fehlern, und unter http://sorgonas.de/test ist die Seite als PHP die ich gerne benutzen würde. Ich denke mal, das mein Code auch nicht gerade das wahre ist, aber bin gerade dabei mich in die Programmierung einzuarbeiten und würde mich über Hilfe eurer seits sehr freuen. Gruss Dennis
Hier meine index.php
meine style.css datei
Index: [attachment=13478:index.php]
style.css: [attachment=13479:style.css]
Bilder: [attachment=13481:images.zip]
Hier meine index.php
Code:
<!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" xml:lang="de" lang="de">
<html>
<link rel="shortcut icon" href="logo.png" type="image/x-icon">
<head>
<title>Familia de Lux</title>
</head>
</html>
<?php
echo '<link rel="stylesheet" type="text/css" href="style.css">';
echo '<div id="seiteHeader">';
echo '<div id="header">';
echo '<div id="tsviewer">';
echo '<div id="ts3viewer_1033830" style="width:230; background-color:;"> </div><script type="text/javascript" src="http://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
<script type="text/javascript">
<!--
var ts3v_url_1 = "http://www.tsviewer.com/ts3viewer.php?ID=1033830&text=1be600&text_size=13&text_family=4&js=1&text_s_weight=bold&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_s_color_h=525284&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=underline&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_i_color_h=525284&text_i_weight_h=normal&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=underline&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_c_color_h=525284&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=underline&text_u_weight=bold&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_u_color_h=525284&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none";
ts3v_display.init(ts3v_url_1, 1033830, 100);
-->
</script>';
echo '</div>';
echo '<div id="news">';
echo '<!-- start feedwind code -->
<script type="text/javascript">
<!--
rssmikle_url="http://www.gnitter.de/index.php?realm=Lothar&guild=Familia%20de%20Lux";
rssmikle_frame_width="230";
rssmikle_frame_height="190";
rssmikle_target="_blank";
rssmikle_font="Arial, Helvetica, sans-serif";
rssmikle_font_size="12";
rssmikle_border="off";
rssmikle_css_url="";
autoscroll="on";
rssmikle_title="off";
rssmikle_title_bgcolor="#9ACD32";
rssmikle_title_color="#FFFFFF";
rssmikle_title_bgimage="http://";
rssmikle_item_bgcolor="";
rssmikle_item_bgimage="http://";
rssmikle_item_title_length="55";
rssmikle_item_title_color="#990000";
rssmikle_item_border_bottom="on";
rssmikle_item_description="on";
rssmikle_item_description_length="150";
rssmikle_item_description_color="#33FF00";
rssmikle_item_date="off";
rssmikle_item_description_tag="off";
rssmikle_item_podcast="off";
//-->
</script>
<script language="JavaScript">
<!--
function AutomatischScrollen()
{
window.scrollBy(0,1);
Scrollen();
}
function Scrollen()
{
GescrollteZeit = window.setTimeout("AutomatischScrollen()", 30);
}
//-->
</script>
<script type="text/javascript" src="http://widget.feed.mikle.com/js/rssmikle.js"></script>';
echo'</div>';
echo '<div id="name">
<h3>Server: Lothar</h3>
<h1>Familia De Lux</h1>
</div>';
echo '<div id="Menu">';
echo '<li><a href="home.html" target="main">Home</a>
<a href="http://www.sorgonas.de/gb/index.php" target="main">Gästebuch</a>
<a href="http://www.sorgonas.de/mitglieder.php" target="main">Mitglieder</a>
<a href="http://www.sorgonas.de/gallery/gildenfotos" target="main">Bilder</a>
<a href="http://www.sorgonas.de/video.html" target="main">Videos</a></li>';
echo '</div>';
echo '</div>';
echo '<div id="main">';
echo '<div><img src="images/bodyBG.png" alt="bodyBG" align="center" id="bildOben" /></div>';
echo '<iframe id="inhalt" src="home.html" name="main" width="900" height="800" scrolling="false" frameborder="0" allowtransparency="TRUE" align="center"></iframe>';
echo '<div><img src="images/footerBG.png" alt="footerBG" align="center" id="footer" /></div>';
echo '</div>';
echo '</div>';
?>
meine style.css datei
Code:
html {background: #000000 url(images/siteBG.jpg) center no-repeat fixed; width: auto;}
body {height: auto;
}
#seiteHeader {height: auto; }
#header { background: url(images/headerBG2.png);
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
margin-top: -10px;
padding-left:0px;
padding-right:0px;
height: 400px;}
#tsviewer {float: left;
margin-top: 27px;
margin-left: 520px;
height: 190px;}
#news {float: right;
margin-top: 27px;
margin-right: 515px;
background-color: transparent;
height: 190px;
text-align: center;
color: #00FF00;}
#name {text-align: center;
margin-top: 155px;
margin-right: 95px;
color: #FF0000;
float: right;
height: 10px;}
#Menu
{
margin-top: 87px;
margin-left: 665px;
font-weight: bold;
width: auto;
float: left;
}
#Menu li
{
list-style: none;
}
#Menu li a
{
color: #00FF00;
padding-right: 20px;
font-size: 20pt;
text-align: center;
}
#Menu li a:hover
{
color:#00FFFF;
text-decoration:none;
}
#seiteMain {background-position: center;
position: fixed;
}
#main {background-image: url(images/mainBG.png);
background-repeat: repeat-y;
background-position: center top;
background-color: transparent;
margin-top: 160px;
height: auto;}
#bildOben {margin-top: -668px;
margin-left: 218px;
background-position: center;
z-index: 5;
}
#inhalt {
text-align: center;
margin-left: 500px;
margin-top: 0px;}
#footer {background-position: center;
float: left;
margin-top: 0px;
}
Index: [attachment=13478:index.php]
style.css: [attachment=13479:style.css]
Bilder: [attachment=13481:images.zip]