PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Besonderer Inhalt
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Background CSS.. keine Anpassung
Beitrag
<blockquote data-quote="LongDonGold" data-source="post: 1087146" data-attributes="member: 305873"><p>Hallo liebe Community,</p><p></p><p>nach wöchentlicher Überlegung, werde ich nun mein Projekt starten.</p><p>Klar in der Hinsicht gibt es schon viele, aber kaum welche für Stämme Logos etc.</p><p></p><p>Aber das Problem was ich habe ist der, das er mein Background nicht automatisch anpassen möchte ich verzweifle schon seit 2 Tagen und komme da echt nicht weiter. Das Design ist an dem Webspell-CMS 4.xxx angepasst.</p><p></p><p>Hier der HTML Sourcecode:</p><p></p><p>[code]<?php</p><p></p><p>include("_mysql.php");</p><p>include("_settings.php");</p><p>include("_functions.php");</p><p>include("_ipban.php");</p><p>include("_sqlpro.php");</p><p>include("_referer.php"); </p><p></p><p>?></p><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p><html xmlns="http://www.w3.org/1999/xhtml"></p><p><head></p><p><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></p><p><meta http-equiv="content-language" content="<? echo LANGUAGE; ?>" /></p><p><meta name="description" content="<? echo DESCRIPTION; ?>" /></p><p><meta name="keywords" content="<? echo KEYWORDS; ?>" /></p><p><meta name="author" content="<? echo AUTOR; ?>" /></p><p><meta name="publisher" content="<? echo AUTOR; ?>" /></p><p><meta name="copyright" content="<? echo COPY; ?>" /></p><p><meta name="audience" content="<? echo GRUPPE; ?>" /></p><p><meta name="page-type" content="<? echo TYP; ?>" /></p><p><meta name="page-topic" content="<? echo THEMA; ?>" /></p><p><meta http-equiv="reply-to" content="<? echo MAIL; ?>" /></p><p><meta name="creation_date" content="<? echo date("Y-m-d"); ?>" /></p><p><title><? echo PAGETITLE; ?></title></p><p><script src="js/prototype.js" type="text/javascript"></script></p><p><script src="js/scriptaculous.js?load=effects" type="text/javascript"></script></p><p><script src="js/lightbox.js" type="text/javascript"></script></p><p><script src="js/bbcode.js" language="JScript" type="text/javascript"></script></p><p><link href="_stylesheet.css" rel="stylesheet" type="text/css" /></p><p><link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /></p><p><link rel="stylesheet" href="_art_style.css" type="text/css" /></p><p></head></p><p><body class="body"></p><p><div class="seite" height="100%"></p><p><div class="headcopy"></p><p><div class="sitenavi"></p><p> <div class="lognavi" align="center"><? include("login.php"); ?></p><p></p><p> </div></p><p></div><div class="menubar" align="center"></p><p><div class="menulinks" align="center"><a href="index.php?site=news">Startseite</a></div></p><p><div class="menulinks1" align="center"><a href="index.php?site=forum">Forum</a></div></p><p><div class="menulinks2" align="center"><a href="index.php?site=template">Html Temp</a></div></p><p><div class="menulinks3" align="center"><a href="index.php?site=cms">Webspell-CMS</a></div></p><p><div class="menulinks4" align="center"><a href="index.php?site=avatar">Avatare</a></div></p><p><div class="menulinks5" align="center"><a href="index.php?site=logos">St&auml;mme Logos</a></div></p><p><div class="menulinks6" align="center"><a href="index.php?site=contact">Kontakt</a></div></p><p><div class="menulinks7" align="center"><a href="index.php?site=imprint">Impressum</a></div></p><p></div></p><p><div class="leftside" align="left"></p><p><div class="lefthead" align="center">Style.Navigation</div></p><p><a href="index.php?site=uebersicht" />&uuml;bersicht</a><br /></p><p><a href="index.php?site=bottons">Bottons</a><br /></p><p><a href="index.php?site=headers">Headers</a><br /></p><p><a href="index.php?site=avatar">Avatare</a><br /></p><p><a href="index.php?site=logos">St&auml;mme Logos</a><br /></p><p><a href="index.php?site=template">HTML Templates</a><br /></p><p><a href="index.php?site=cms">Webspell-CMS</a><br /></p><p><div class="lefthead" align="center">Com.Navigation</div></p><p><a href="index.php?site=register">Registrieren</a><br /></p><p><a href="index.php?site=news">News</a><br /></p><p><a href="index.php?site=squads">Unser Team</a><br /></p><p><a href="index.php?site=guestbook">G&auml;stebuch</a><br /></p><p><a href="index.php?site=forum">Forum</a><br /></p><p><a href="index.php?site=polls">Umfragen</a></p><p><div class="lefthead" align="center">Misc.Navigation</div></p><p><a href="index.php?site=contact">Kontakt</a><br /></p><p><a href="index.php?site=newsletter">Newletter</a><br /></p><p><a href="index.php?site=partners">Unsere Partner</a><br /></p><p><div class="lefthead" align="center">Statistik<br /></p><p></div></p><p><div class="leftcontainer"></p><p><p class="counter"><? include ("counter.php"); ?></p></div></p><p></div></p><p><div class="contenthead" align="center">Content</div></p><p><div class="contentmiddle"></p><p> <?php</p><p> if(!isset($site)) $site="news";</p><p> $invalide = array('\\','/','/\/',':','.','<','>',';','[',']','(',')','+');</p><p> $site = str_replace($invalide,' ',$site);</p><p> if(!file_exists($site.".php")){ echo'<h2>Error 404</h2><br>Die von Ihnen angeforderte Datei namens <b>'.$site.'.php</b> ist nicht vorhanden.';</p><p> redirect("index.php?site=news",'',3);</p><p> }</p><p> elseif($acc[$site]>$useracc){</p><p> echo'<h2>Error 403</h2><br>Sie haben nicht die Berechtigung diese Page zu sehen.';</p><p> }</p><p> else include($site.".php");</p><p> ?></p><p></div></p><p></div></p><p></div></p><p></div><div class="footer" align="center">&copy; Art-of-power powered by <a href="http://3stylers.de" target="_blank">3stylers.de</a> All rights reserved 2009</div></p><p></p><p></body></p><p></html></p><p>[/code]Hier der CSS Ressource Code:</p><p></p><p>[CODE]@charset "utf-8";</p><p>.seite {</p><p> width:1024px;</p><p> position:relative;</p><p> height:auto;</p><p> left:20px;</p><p> top: 20px;</p><p> background-repeat: repeat-x;</p><p> background-attachment: fixed;</p><p> background-position:center;</p><p> background-color:#076299;</p><p> border:1px;</p><p> border-left-color:#000000;</p><p> border-left-style:solid;</p><p> border-left-width:thin;</p><p> border-right-color:#000000;</p><p> border-right-style:solid;</p><p> border-right-width:thin;</p><p> border-top-color:#000000;</p><p> border-top-style:solid;</p><p> border-top-width:thin;</p><p> border-bottom-color:#000000;</p><p> border-bottom-style:solid;</p><p> border-bottom-width:thin;</p><p> }</p><p>.headcopy {</p><p> background-image:url(pics/Bilder/coyhead.jpg);</p><p> height:200px;</p><p> width:1024px;</p><p> position:relative;</p><p> top:-0px;</p><p> }</p><p>.lognavi {</p><p> background-color:#000000;</p><p> width:1024px;</p><p> max-width:300px;</p><p> max-height:auto;</p><p> position:absolute;</p><p> top: 17px;</p><p> left:723px;</p><p> height:148px;</p><p>}</p><p>.lauftext {</p><p> background-color:#000000;</p><p> color:#ffffff;</p><p> font-family:sans serif;</p><p> font-size:12px;</p><p> font-weight:bold;</p><p> width:722px;</p><p> max-width:722px;</p><p> height:18px;</p><p> position:absolute;</p><p> top: 0px;</p><p> left: 152px;</p><p> height:15px;</p><p>}</p><p>#alles {</p><p> top: 20px;</p><p> margin:auto;</p><p> position:relative;</p><p> width:1024px;</p><p> }</p><p>.menubar {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:1024px;</p><p> position:absolute;</p><p> background-repeat: repeat-x;</p><p> top:198px;</p><p> left: 0px;</p><p>}</p><p>.menulinks {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> }</p><p></p><p>.menulinks1 {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> left:101px;</p><p> }</p><p>.menulinks2 {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> left:202px;</p><p> }</p><p>.menulinks3 {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> left:303px;</p><p> }</p><p>.menulinks4 {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> left:404px;</p><p> }</p><p>.menulinks5 {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> left:505px;</p><p> }</p><p>.menulinks6 {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> left:606px;</p><p> }</p><p>.menulinks7 {</p><p> background-color:#000000;</p><p> height:20px;</p><p> width:100px;</p><p> position:absolute;</p><p> border:1px;</p><p> border-color:#ffffff;</p><p> border-right-style:solid;</p><p> left:707px;</p><p> }</p><p>.leftside {</p><p> background-color:#000000;</p><p> max-width:150px;</p><p> position:absolute;</p><p> max-height:auto;</p><p> top:218px;</p><p> color:#ffffff;</p><p> font-size:10px;</p><p> font-family:sans-serif;</p><p> }</p><p>.lefthead {</p><p> background-image:url(pics/Bilder/navleft.jpg);</p><p> height:25px;</p><p> width:150px;</p><p> max-width:150px;</p><p> color:#ffffff;</p><p> font-family:sans-serif;</p><p> font-size:12px;</p><p> font-weight:bold;</p><p> vertical-align:baseline;</p><p> }</p><p>.leftcontainer {</p><p> background-color:#000000;</p><p> max-height:auto;</p><p> width:150px;</p><p> max-width:150px;</p><p> color:#ffffff;</p><p> font-family:sans-serif;</p><p> font-size:12px;</p><p> position:absolute;</p><p> }</p><p>.contenthead {</p><p> height:25px;</p><p> width:874px;</p><p> max-weight:874px;</p><p> background-image:url(pics/Bilder/navleft.jpg);</p><p> background-repeat:repeat-x;</p><p> color:#ffffff;</p><p> font-family:sans-serif;</p><p> font-size:12px;</p><p> top:218px;</p><p> left:150px;</p><p> position:absolute;</p><p> }</p><p>.contentmiddle {</p><p> max-height:auto;</p><p> border:1px;</p><p> border-left-style:solid;</p><p> border-left-width:thin;</p><p> border-left-color:#000000;</p><p> border-bottom-color:#000000;</p><p> border-bottom-style:solid;</p><p> border-bottom-width:thin;</p><p> width:874px;</p><p> background-repeat:repeat-y;</p><p> top:26px;</p><p> color:000000;</p><p> font-size:8px;</p><p> font-family:sans-serif;</p><p> position:absolute;</p><p> }</p><p>.counter {</p><p> font-size:12px;</p><p> max-width:150px;</p><p> color:#ffffff;</p><p> font-family:sans-serif;</p><p>}</p><p>.footer {</p><p> height:20px;</p><p> width:1024px;</p><p> border:1px;</p><p> border-left-style:solid;</p><p> border-left-width:thin;</p><p> border-left-color:#000000;</p><p> border-bottom-color:#000000;</p><p> border-bottom-style:solid;</p><p> border-bottom-width:thin;</p><p> border-right-style:solid;</p><p> border-right-width:thin;</p><p> border-right-color:#000000;</p><p> position:relative;</p><p> background-color:#076299;</p><p> left:20px;</p><p> }[/CODE]</p><p></p><p>Natürlich darf der Link zur Seite auch nicht Fehlen:</p><p></p><p><a href="http://artofpower.cwsurf.de/index.php?site=news" target="_blank">webSPELL4.01.02net [webspell-cms.net]</a></p><p></p><p>Wenn ich die height angabe mit Pixel eintrage ist es kein Problenm, aber sonst anderes nimmt er nicht.</p><p></p><p>Vielen Dank für Eure hilfe.</p><p></p><p>LG LDG</p></blockquote><p></p>
[QUOTE="LongDonGold, post: 1087146, member: 305873"] Hallo liebe Community, nach wöchentlicher Überlegung, werde ich nun mein Projekt starten. Klar in der Hinsicht gibt es schon viele, aber kaum welche für Stämme Logos etc. Aber das Problem was ich habe ist der, das er mein Background nicht automatisch anpassen möchte ich verzweifle schon seit 2 Tagen und komme da echt nicht weiter. Das Design ist an dem Webspell-CMS 4.xxx angepasst. Hier der HTML Sourcecode: [code]<?php include("_mysql.php"); include("_settings.php"); include("_functions.php"); include("_ipban.php"); include("_sqlpro.php"); include("_referer.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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="content-language" content="<? echo LANGUAGE; ?>" /> <meta name="description" content="<? echo DESCRIPTION; ?>" /> <meta name="keywords" content="<? echo KEYWORDS; ?>" /> <meta name="author" content="<? echo AUTOR; ?>" /> <meta name="publisher" content="<? echo AUTOR; ?>" /> <meta name="copyright" content="<? echo COPY; ?>" /> <meta name="audience" content="<? echo GRUPPE; ?>" /> <meta name="page-type" content="<? echo TYP; ?>" /> <meta name="page-topic" content="<? echo THEMA; ?>" /> <meta http-equiv="reply-to" content="<? echo MAIL; ?>" /> <meta name="creation_date" content="<? echo date("Y-m-d"); ?>" /> <title><? echo PAGETITLE; ?></title> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> <script src="js/bbcode.js" language="JScript" type="text/javascript"></script> <link href="_stylesheet.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="_art_style.css" type="text/css" /> </head> <body class="body"> <div class="seite" height="100%"> <div class="headcopy"> <div class="sitenavi"> <div class="lognavi" align="center"><? include("login.php"); ?> </div> </div><div class="menubar" align="center"> <div class="menulinks" align="center"><a href="index.php?site=news">Startseite</a></div> <div class="menulinks1" align="center"><a href="index.php?site=forum">Forum</a></div> <div class="menulinks2" align="center"><a href="index.php?site=template">Html Temp</a></div> <div class="menulinks3" align="center"><a href="index.php?site=cms">Webspell-CMS</a></div> <div class="menulinks4" align="center"><a href="index.php?site=avatar">Avatare</a></div> <div class="menulinks5" align="center"><a href="index.php?site=logos">Stämme Logos</a></div> <div class="menulinks6" align="center"><a href="index.php?site=contact">Kontakt</a></div> <div class="menulinks7" align="center"><a href="index.php?site=imprint">Impressum</a></div> </div> <div class="leftside" align="left"> <div class="lefthead" align="center">Style.Navigation</div> <a href="index.php?site=uebersicht" />übersicht</a><br /> <a href="index.php?site=bottons">Bottons</a><br /> <a href="index.php?site=headers">Headers</a><br /> <a href="index.php?site=avatar">Avatare</a><br /> <a href="index.php?site=logos">Stämme Logos</a><br /> <a href="index.php?site=template">HTML Templates</a><br /> <a href="index.php?site=cms">Webspell-CMS</a><br /> <div class="lefthead" align="center">Com.Navigation</div> <a href="index.php?site=register">Registrieren</a><br /> <a href="index.php?site=news">News</a><br /> <a href="index.php?site=squads">Unser Team</a><br /> <a href="index.php?site=guestbook">Gästebuch</a><br /> <a href="index.php?site=forum">Forum</a><br /> <a href="index.php?site=polls">Umfragen</a> <div class="lefthead" align="center">Misc.Navigation</div> <a href="index.php?site=contact">Kontakt</a><br /> <a href="index.php?site=newsletter">Newletter</a><br /> <a href="index.php?site=partners">Unsere Partner</a><br /> <div class="lefthead" align="center">Statistik<br /> </div> <div class="leftcontainer"> <p class="counter"><? include ("counter.php"); ?></p></div> </div> <div class="contenthead" align="center">Content</div> <div class="contentmiddle"> <?php if(!isset($site)) $site="news"; $invalide = array('\\','/','/\/',':','.','<','>',';','[',']','(',')','+'); $site = str_replace($invalide,' ',$site); if(!file_exists($site.".php")){ echo'<h2>Error 404</h2><br>Die von Ihnen angeforderte Datei namens <b>'.$site.'.php</b> ist nicht vorhanden.'; redirect("index.php?site=news",'',3); } elseif($acc[$site]>$useracc){ echo'<h2>Error 403</h2><br>Sie haben nicht die Berechtigung diese Page zu sehen.'; } else include($site.".php"); ?> </div> </div> </div> </div><div class="footer" align="center">© Art-of-power powered by <a href="http://3stylers.de" target="_blank">3stylers.de</a> All rights reserved 2009</div> </body> </html> [/code]Hier der CSS Ressource Code: [CODE]@charset "utf-8"; .seite { width:1024px; position:relative; height:auto; left:20px; top: 20px; background-repeat: repeat-x; background-attachment: fixed; background-position:center; background-color:#076299; border:1px; border-left-color:#000000; border-left-style:solid; border-left-width:thin; border-right-color:#000000; border-right-style:solid; border-right-width:thin; border-top-color:#000000; border-top-style:solid; border-top-width:thin; border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:thin; } .headcopy { background-image:url(pics/Bilder/coyhead.jpg); height:200px; width:1024px; position:relative; top:-0px; } .lognavi { background-color:#000000; width:1024px; max-width:300px; max-height:auto; position:absolute; top: 17px; left:723px; height:148px; } .lauftext { background-color:#000000; color:#ffffff; font-family:sans serif; font-size:12px; font-weight:bold; width:722px; max-width:722px; height:18px; position:absolute; top: 0px; left: 152px; height:15px; } #alles { top: 20px; margin:auto; position:relative; width:1024px; } .menubar { background-color:#000000; height:20px; width:1024px; position:absolute; background-repeat: repeat-x; top:198px; left: 0px; } .menulinks { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; } .menulinks1 { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; left:101px; } .menulinks2 { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; left:202px; } .menulinks3 { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; left:303px; } .menulinks4 { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; left:404px; } .menulinks5 { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; left:505px; } .menulinks6 { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; left:606px; } .menulinks7 { background-color:#000000; height:20px; width:100px; position:absolute; border:1px; border-color:#ffffff; border-right-style:solid; left:707px; } .leftside { background-color:#000000; max-width:150px; position:absolute; max-height:auto; top:218px; color:#ffffff; font-size:10px; font-family:sans-serif; } .lefthead { background-image:url(pics/Bilder/navleft.jpg); height:25px; width:150px; max-width:150px; color:#ffffff; font-family:sans-serif; font-size:12px; font-weight:bold; vertical-align:baseline; } .leftcontainer { background-color:#000000; max-height:auto; width:150px; max-width:150px; color:#ffffff; font-family:sans-serif; font-size:12px; position:absolute; } .contenthead { height:25px; width:874px; max-weight:874px; background-image:url(pics/Bilder/navleft.jpg); background-repeat:repeat-x; color:#ffffff; font-family:sans-serif; font-size:12px; top:218px; left:150px; position:absolute; } .contentmiddle { max-height:auto; border:1px; border-left-style:solid; border-left-width:thin; border-left-color:#000000; border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:thin; width:874px; background-repeat:repeat-y; top:26px; color:000000; font-size:8px; font-family:sans-serif; position:absolute; } .counter { font-size:12px; max-width:150px; color:#ffffff; font-family:sans-serif; } .footer { height:20px; width:1024px; border:1px; border-left-style:solid; border-left-width:thin; border-left-color:#000000; border-bottom-color:#000000; border-bottom-style:solid; border-bottom-width:thin; border-right-style:solid; border-right-width:thin; border-right-color:#000000; position:relative; background-color:#076299; left:20px; }[/CODE] Natürlich darf der Link zur Seite auch nicht Fehlen: [URL="http://artofpower.cwsurf.de/index.php?site=news"]webSPELL4.01.02net [webspell-cms.net][/URL] Wenn ich die height angabe mit Pixel eintrage ist es kein Problenm, aber sonst anderes nimmt er nicht. Vielen Dank für Eure hilfe. LG LDG [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Background CSS.. keine Anpassung
Oben