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...
Css Designe anpassen
Beitrag
<blockquote data-quote="DjRay1987" data-source="post: 840967" data-attributes="member: 267614"><p><strong>AW: Css Designe anpassen</strong></p><p></p><p>Hier HTML</p><p>[CODE]<!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><title>Ray Production Crew</title></p><p><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /></p><p><link href="style.css" rel="stylesheet" type="text/css" /></p><p><style type="text/css"></p><p><!--</p><p>.Stil1 {color: #FF0000}</p><p>--></p><p></style></p><p></head></p><p><table border="0" style="margin-left:auto; margin-right:auto"></table></p><p></p><p><body style="background-color:#242525;"></p><p><!-- ImageReady Slices (Ray Production geschnitten oben unten slice 2.psd) --></p><p><div id="Tabelle_01"></p><p> <div id="header_"></p><p> <img id="header" src="images/header.jpg" width="1280" height="133" alt="" /></p><p> </div></p><p> <div id="links-d_"></p><p> <img id="links_d" src="images/links-d.jpg" width="190" height="37" alt="" /></p><p> </div></p><p> <div id="home_"></p><p> <a href="index2.html"><img src="images/home.jpg" alt="" name="home" width="172" height="37" border="0" id="home" /></a> </div></p><p> <div id="team_"></p><p> <a href="team.html"><img src="images/team.jpg" alt="" name="team" width="183" height="37" border="0" id="team" /></a> </div></p><p> <div id="music_"></p><p> <a href="music..html"><img src="images/music.jpg" alt="" name="music" width="184" height="37" border="0" id="music" /></a> </div></p><p> <div id="gb_"></p><p> <a href="gb.html"><img src="images/gb.jpg" alt="" name="gb" width="183" height="37" border="0" id="gb" /></a> </div></p><p> <div id="forum_"></p><p> <a href="http://www.forum.ray-production.de"><img src="images/forum.jpg" alt="" name="forum" width="177" height="37" border="0" id="forum" /></a> </div></p><p> <div id="rechts-d_"></p><p> <img id="rechts_d" src="images/rechts-d.jpg" width="191" height="37" alt="" /></p><p> </div></p><p> <div id="content_"></p><p> </p><p> <p>&nbsp;</p></p><p> <p>&nbsp;</p></p><p> <p></p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"></p><p> <HTML></p><p> <!-- @page { margin: 2cm } P { margin-bottom: 0.21cm } A:link { so-language: zxx } --></p><p> <BODY LANG="de-DE" DIR="LTR"></p><p></p></p><p> <p>Hi Leute,</p></p><p> <p>Also es ist endlich soweit unsere Page ist nun Online.</p></p><p> <p>Es ist uns leider aus zeitlichen Gr&uuml;nden nicht gelungen dass die Aufl&ouml;sung der Seite stimmt,</p></p><p> <p>dieses Problem werden wir aber so schnell wie m&ouml;glich beheben !!!</p></p><p> <p>Wir w&uuml;nschen euch trotzdem weiterhin viel Spa&szlig; mit der RP CREW</p></p><p> <p>Mit freundlichen Gr&uuml;&szlig;en</p></p><p> <p> DjStrike and Dj Ray (Ray-Production)</p></p><p> <p></p></p><p> <p><br /></p><p> </p></p><p> <p><br /></p><p> </p></p><p> <p></p><p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"></p><p> <HTML></p><p> <!-- @page { margin: 2cm } P { margin-bottom: 0.21cm } --></p><p> <BODY DIR="LTR"></p><p></p></p><p> <p>&nbsp;</p></p><p> </div></p><p> <div id="verzierung-li_"></p><p> <img id="verzierung_li" src="images/verzierung-li.jpg" width="373" height="131" alt="" /></p><p> </div></p><p> <div id="impressum_"></p><p> <a href="impressum.html"><img src="images/impressum.jpg" alt="" name="impressum" width="126" height="38" border="0" id="impressum" /></a> </div></p><p> <div id="copyright_"></p><p> <img id="copyright" src="images/copyright.jpg" width="281" height="38" alt="" /></p><p> </div></p><p> <div id="links_"></p><p> <a href="links.html"><img src="images/links.jpg" alt="" name="links" width="133" height="38" border="0" id="links" /></a> </div></p><p> <div id="verzierung-re_"></p><p> <img id="verzierung_re" src="images/verzierung-re.jpg" width="367" height="131" alt="" /></p><p> </div></p><p> <div id="unten_"></p><p> <div align="center"></div></p><p> </div></p><p></div></p><p><!-- End ImageReady Slices --></p><p></body></p><p></html> [/CODE]</p><p></p><p></p><p></p><p>Hier CSS:</p><p></p><p>[CODE]#Tabelle_01 {</p><p> position:absolute;</p><p> left:0px;</p><p> top:0px;</p><p> width:1280px;</p><p> height:768px;</p><p>}</p><p></p><p>#header_ {</p><p> position:absolute;</p><p> left:0px;</p><p> top:0px;</p><p> width:1280px;</p><p> height:133px;</p><p>}</p><p></p><p>#links-d_ {</p><p> position:absolute;</p><p> left:0px;</p><p> top:133px;</p><p> width:190px;</p><p> height:37px;</p><p>}</p><p></p><p>#home_ {</p><p> position:absolute;</p><p> left:190px;</p><p> top:133px;</p><p> width:172px;</p><p> height:37px;</p><p>}</p><p></p><p>#team_ {</p><p> position:absolute;</p><p> left:362px;</p><p> top:133px;</p><p> width:183px;</p><p> height:37px;</p><p>}</p><p></p><p>#music_ {</p><p> position:absolute;</p><p> left:545px;</p><p> top:133px;</p><p> width:184px;</p><p> height:37px;</p><p>}</p><p></p><p>#gb_ {</p><p> position:absolute;</p><p> left:729px;</p><p> top:133px;</p><p> width:183px;</p><p> height:37px;</p><p>}</p><p></p><p>#forum_ {</p><p> position:absolute;</p><p> left:912px;</p><p> top:133px;</p><p> width:177px;</p><p> height:37px;</p><p>}</p><p></p><p>#rechts-d_ {</p><p> position:absolute;</p><p> left:1089px;</p><p> top:133px;</p><p> width:191px;</p><p> height:37px;</p><p>}</p><p></p><p>#content_ {</p><p> position:absolute;</p><p> background:url(images/content.jpg) no-repeat; </p><p> left:0px;</p><p> top:170px;</p><p> width:1280px;</p><p> height:400px;</p><p> color: #ffffff;</p><p> text-align: center;</p><p> vertical-align: middle;</p><p>}</p><p></p><p>#verzierung-li_ {</p><p> position:absolute;</p><p> left:0px;</p><p> top:637px;</p><p> width:373px;</p><p> height:131px;</p><p>}</p><p></p><p>#impressum_ {</p><p> position:absolute;</p><p> left:373px;</p><p> top:637px;</p><p> width:126px;</p><p> height:38px;</p><p>}</p><p></p><p>#copyright_ {</p><p> position:absolute;</p><p> left:499px;</p><p> top:637px;</p><p> width:281px;</p><p> height:38px;</p><p>}</p><p></p><p>#links_ {</p><p> position:absolute;</p><p> left:780px;</p><p> top:637px;</p><p> width:133px;</p><p> height:38px;</p><p>}</p><p></p><p>#verzierung-re_ {</p><p> position:absolute;</p><p> left:913px;</p><p> top:637px;</p><p> width:367px;</p><p> height:131px;</p><p>}</p><p></p><p>#unten_ {</p><p> position:absolute;</p><p> background:url(images/unten.jpg) no-repeat;</p><p> left:372px;</p><p> top:677px;</p><p> width:540px;</p><p> height:93px;</p><p>}</p><p>[/CODE]</p></blockquote><p></p>
[QUOTE="DjRay1987, post: 840967, member: 267614"] [b]AW: Css Designe anpassen[/b] Hier HTML [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"> <head> <title>Ray Production Crew</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .Stil1 {color: #FF0000} --> </style> </head> <table border="0" style="margin-left:auto; margin-right:auto"></table> <body style="background-color:#242525;"> <!-- ImageReady Slices (Ray Production geschnitten oben unten slice 2.psd) --> <div id="Tabelle_01"> <div id="header_"> <img id="header" src="images/header.jpg" width="1280" height="133" alt="" /> </div> <div id="links-d_"> <img id="links_d" src="images/links-d.jpg" width="190" height="37" alt="" /> </div> <div id="home_"> <a href="index2.html"><img src="images/home.jpg" alt="" name="home" width="172" height="37" border="0" id="home" /></a> </div> <div id="team_"> <a href="team.html"><img src="images/team.jpg" alt="" name="team" width="183" height="37" border="0" id="team" /></a> </div> <div id="music_"> <a href="music..html"><img src="images/music.jpg" alt="" name="music" width="184" height="37" border="0" id="music" /></a> </div> <div id="gb_"> <a href="gb.html"><img src="images/gb.jpg" alt="" name="gb" width="183" height="37" border="0" id="gb" /></a> </div> <div id="forum_"> <a href="http://www.forum.ray-production.de"><img src="images/forum.jpg" alt="" name="forum" width="177" height="37" border="0" id="forum" /></a> </div> <div id="rechts-d_"> <img id="rechts_d" src="images/rechts-d.jpg" width="191" height="37" alt="" /> </div> <div id="content_"> <p> </p> <p> </p> <p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <!-- @page { margin: 2cm } P { margin-bottom: 0.21cm } A:link { so-language: zxx } --> <BODY LANG="de-DE" DIR="LTR"> </p> <p>Hi Leute,</p> <p>Also es ist endlich soweit unsere Page ist nun Online.</p> <p>Es ist uns leider aus zeitlichen Gründen nicht gelungen dass die Auflösung der Seite stimmt,</p> <p>dieses Problem werden wir aber so schnell wie möglich beheben !!!</p> <p>Wir wünschen euch trotzdem weiterhin viel Spaß mit der RP CREW</p> <p>Mit freundlichen Grüßen</p> <p> DjStrike and Dj Ray (Ray-Production)</p> <p></p> <p><br /> </p> <p><br /> </p> <p> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <!-- @page { margin: 2cm } P { margin-bottom: 0.21cm } --> <BODY DIR="LTR"> </p> <p> </p> </div> <div id="verzierung-li_"> <img id="verzierung_li" src="images/verzierung-li.jpg" width="373" height="131" alt="" /> </div> <div id="impressum_"> <a href="impressum.html"><img src="images/impressum.jpg" alt="" name="impressum" width="126" height="38" border="0" id="impressum" /></a> </div> <div id="copyright_"> <img id="copyright" src="images/copyright.jpg" width="281" height="38" alt="" /> </div> <div id="links_"> <a href="links.html"><img src="images/links.jpg" alt="" name="links" width="133" height="38" border="0" id="links" /></a> </div> <div id="verzierung-re_"> <img id="verzierung_re" src="images/verzierung-re.jpg" width="367" height="131" alt="" /> </div> <div id="unten_"> <div align="center"></div> </div> </div> <!-- End ImageReady Slices --> </body> </html> [/CODE] Hier CSS: [CODE]#Tabelle_01 { position:absolute; left:0px; top:0px; width:1280px; height:768px; } #header_ { position:absolute; left:0px; top:0px; width:1280px; height:133px; } #links-d_ { position:absolute; left:0px; top:133px; width:190px; height:37px; } #home_ { position:absolute; left:190px; top:133px; width:172px; height:37px; } #team_ { position:absolute; left:362px; top:133px; width:183px; height:37px; } #music_ { position:absolute; left:545px; top:133px; width:184px; height:37px; } #gb_ { position:absolute; left:729px; top:133px; width:183px; height:37px; } #forum_ { position:absolute; left:912px; top:133px; width:177px; height:37px; } #rechts-d_ { position:absolute; left:1089px; top:133px; width:191px; height:37px; } #content_ { position:absolute; background:url(images/content.jpg) no-repeat; left:0px; top:170px; width:1280px; height:400px; color: #ffffff; text-align: center; vertical-align: middle; } #verzierung-li_ { position:absolute; left:0px; top:637px; width:373px; height:131px; } #impressum_ { position:absolute; left:373px; top:637px; width:126px; height:38px; } #copyright_ { position:absolute; left:499px; top:637px; width:281px; height:38px; } #links_ { position:absolute; left:780px; top:637px; width:133px; height:38px; } #verzierung-re_ { position:absolute; left:913px; top:637px; width:367px; height:131px; } #unten_ { position:absolute; background:url(images/unten.jpg) no-repeat; left:372px; top:677px; width:540px; height:93px; } [/CODE] [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?
Antworten
Start
Forum
Sonstiges
Webdesign, Webentwicklung & Programmierung
Webdesign: HTML/CSS, Responsive Design, Sass...
Css Designe anpassen
Oben