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...
Wie code ich am bessten den bg
Beitrag
<blockquote data-quote="Momo22m" data-source="post: 1527182" data-attributes="member: 421106"><p><strong>AW: Wie code ich am bessten den bg</strong></p><p></p><p></p><p></p><p></p><p>nee worde scheiße aus sehen wen ich den schwarzen baken wiederholen lassen worde auf der y seite im body</p><p></p><p>ich werte mal code posten ihn 2 min</p><p></p><p>so ihr der code</p><p></p><p>[CODE]@charset "utf-8";</p><p>/* CSS Document */</p><p></p><p>* {</p><p> margin:0;</p><p> padding:0;</p><p> border:0;</p><p> }</p><p> </p><p> </p><p>.noText {</p><p> text-indent:-99999999px;</p><p> color:#000;</p><p> font-size:1px;</p><p> overflow:hidden;}</p><p> </p><p>.clear {</p><p> float:none;</p><p> clear:both;</p><p> }</p><p> </p><p>.noMargin {</p><p> margin:0;</p><p> !important;</p><p> }</p><p> </p><p>html {</p><p> background:url(../Bilder/bg-html.jpg) repeat;</p><p> }</p><p> </p><p>body {</p><p> background:url(../Bilder/bg-html.jpg) repeat-x;</p><p> }</p><p> </p><p>div#container {</p><p> width:920px;</p><p> height:835px;</p><p> margin:0 auto;</p><p> }</p><p> </p><p>div#header {</p><p> background:url(../Bilder/bg-header.jpg) no-repeat;</p><p> width:920px;</p><p> height:117px;</p><p> }</p><p> </p><p>div#header ul#navi {</p><p> list-style:none;</p><p> }</p><p> </p><p>div#header ul#navi li a {</p><p> height:79px;</p><p> display:block;</p><p> background:url(../Bilder/bg-navi-hover.png) no-repeat;</p><p> position:relative;</p><p> top:39px;</p><p> width:297px;</p><p> }</p><p> </p><p>div#header ul#navi li a.uber-mich {</p><p> width:97px;</p><p> background-position:0 0;</p><p> left:620px;</p><p> top:41px;</p><p> background:url(../Bilder/bg-uber.jpg) no-repeat;</p><p> }</p><p> </p><p>div#header ul#navi li a.portfolio {</p><p> width:101px;</p><p> background-position:0 -97px;</p><p> left:717px;</p><p> top:-38px;</p><p> background:url(../Bilder/bg-port.jpg) no-repeat;</p><p> }</p><p> </p><p>div#header ul#navi li a.kontakt {</p><p> width:101px;</p><p> background-position:0 -198px;</p><p> left:817px;</p><p> top:-117px;</p><p> background:url(../Bilder/bg-kon.jpg) no-repeat;</p><p> }</p><p> </p><p>div#header ul#navi li a:hover,</p><p>div#header ul#navi li.active a {</p><p> background:none;</p><p> }</p><p> </p><p>div#conten {</p><p> background:url(../Bilder/bg-conten.jpg) no-repeat;</p><p> width:920px;</p><p> height:581px;</p><p> }</p><p> </p><p>div#conten div#conten-box {</p><p> width:821px;</p><p> height:540px;</p><p> position:absolute;</p><p> top:130px;</p><p> left:220px;</p><p> }</p><p> </p><p>div#conten div#conten-box2{</p><p> width:821px;</p><p> height:540px;</p><p> position:absolute;</p><p> top:130px;</p><p> left:220px;</p><p> overflow:auto;</p><p> }</p><p> </p><p>div#conten div#conten-box div#foto {</p><p> width:300px;</p><p> height:200px;</p><p> top:10px;</p><p> left:20px;</p><p> }</p><p> </p><p>div#conten div#conten-box div#twitter_update_list {</p><p> background:url(../Bilder/bg-twitter.png) no-repeat center;</p><p> width:300px;</p><p> height:330px;</p><p> margin:10px 0;</p><p> }</p><p> </p><p>div#twitter_update_list div#link {</p><p> display:block;</p><p> width:150px;</p><p> height:35px;</p><p> top:205px;</p><p> left:128px;</p><p> position:relative;</p><p> }</p><p> </p><p>div#link a {</p><p> display:block;</p><p> color: #333;</p><p>}</p><p> </p><p>div#conten div#conten-box div#spalte2 {</p><p> width:510px;</p><p> height:540px;</p><p> position:absolute;</p><p> margin:0 10px;</p><p> top:0px;</p><p> left:301px;</p><p> }</p><p> </p><p>div#conten div#conten-box div#spalte3 {</p><p> width:400px;</p><p> height:539px;</p><p> margin:10px 0;</p><p> left:0px;</p><p> top:-9px;</p><p> }</p><p> </p><p>div#conten div#conten-box div#spalte4 {</p><p> width:400px;</p><p> height:538px;</p><p> position:absolute;</p><p> margin:10px 0px;</p><p> top:1px;</p><p> left:405px;</p><p> position:absolute;</p><p> }</p><p> </p><p>div#footer {</p><p> background:url(../Bilder/bg-footer.jpg) no-repeat;</p><p> width:920px;</p><p> height:137px;</p><p> }</p><p> </p><p>div#footer div#book {</p><p> top:722px;</p><p> left:625px;</p><p> position:absolute;</p><p> width:200px;</p><p> height:50px;</p><p> }</p><p> </p><p>div#footer ul#subnavi {</p><p> list-style:none;</p><p> }</p><p> </p><p>div#footer ul#subnavi li a {</p><p> height:50px;</p><p> display:block;</p><p> position:absolute;</p><p> top:15px;</p><p> width:150px;</p><p> }</p><p> </p><p>div#footer ul#subnavi li a.impressum {</p><p> left:800px;</p><p> width:150px;</p><p> font:#999;</p><p> }[/CODE]</p><p></p><p>ist nee altere seite die aber genau so aufgebaut werten soll</p><p></p><p>und da habe ich auch im body bericht ein Balken wiederholen lassen das 2 Bild da soll der schwarze Balken wiederholt werten hoffe wisst jetzt was ich meine </p><p></p><p>das soll dann sein das sich der bg allen destop anpasst</p></blockquote><p></p>
[QUOTE="Momo22m, post: 1527182, member: 421106"] [b]AW: Wie code ich am bessten den bg[/b] nee worde scheiße aus sehen wen ich den schwarzen baken wiederholen lassen worde auf der y seite im body ich werte mal code posten ihn 2 min so ihr der code [CODE]@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; border:0; } .noText { text-indent:-99999999px; color:#000; font-size:1px; overflow:hidden;} .clear { float:none; clear:both; } .noMargin { margin:0; !important; } html { background:url(../Bilder/bg-html.jpg) repeat; } body { background:url(../Bilder/bg-html.jpg) repeat-x; } div#container { width:920px; height:835px; margin:0 auto; } div#header { background:url(../Bilder/bg-header.jpg) no-repeat; width:920px; height:117px; } div#header ul#navi { list-style:none; } div#header ul#navi li a { height:79px; display:block; background:url(../Bilder/bg-navi-hover.png) no-repeat; position:relative; top:39px; width:297px; } div#header ul#navi li a.uber-mich { width:97px; background-position:0 0; left:620px; top:41px; background:url(../Bilder/bg-uber.jpg) no-repeat; } div#header ul#navi li a.portfolio { width:101px; background-position:0 -97px; left:717px; top:-38px; background:url(../Bilder/bg-port.jpg) no-repeat; } div#header ul#navi li a.kontakt { width:101px; background-position:0 -198px; left:817px; top:-117px; background:url(../Bilder/bg-kon.jpg) no-repeat; } div#header ul#navi li a:hover, div#header ul#navi li.active a { background:none; } div#conten { background:url(../Bilder/bg-conten.jpg) no-repeat; width:920px; height:581px; } div#conten div#conten-box { width:821px; height:540px; position:absolute; top:130px; left:220px; } div#conten div#conten-box2{ width:821px; height:540px; position:absolute; top:130px; left:220px; overflow:auto; } div#conten div#conten-box div#foto { width:300px; height:200px; top:10px; left:20px; } div#conten div#conten-box div#twitter_update_list { background:url(../Bilder/bg-twitter.png) no-repeat center; width:300px; height:330px; margin:10px 0; } div#twitter_update_list div#link { display:block; width:150px; height:35px; top:205px; left:128px; position:relative; } div#link a { display:block; color: #333; } div#conten div#conten-box div#spalte2 { width:510px; height:540px; position:absolute; margin:0 10px; top:0px; left:301px; } div#conten div#conten-box div#spalte3 { width:400px; height:539px; margin:10px 0; left:0px; top:-9px; } div#conten div#conten-box div#spalte4 { width:400px; height:538px; position:absolute; margin:10px 0px; top:1px; left:405px; position:absolute; } div#footer { background:url(../Bilder/bg-footer.jpg) no-repeat; width:920px; height:137px; } div#footer div#book { top:722px; left:625px; position:absolute; width:200px; height:50px; } div#footer ul#subnavi { list-style:none; } div#footer ul#subnavi li a { height:50px; display:block; position:absolute; top:15px; width:150px; } div#footer ul#subnavi li a.impressum { left:800px; width:150px; font:#999; }[/CODE] ist nee altere seite die aber genau so aufgebaut werten soll und da habe ich auch im body bericht ein Balken wiederholen lassen das 2 Bild da soll der schwarze Balken wiederholt werten hoffe wisst jetzt was ich meine das soll dann sein das sich der bg allen destop anpasst [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das fünfte Wort!
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Wie code ich am bessten den bg
Oben