Wohin mit dem HTML code?

AslanPower · 23. September 2007

Also ich hab 3 Bilder die in den Hintergrund müssen (Links, Rechts, Mitte) aber habe leider keine Ahnung wohin mit dem Code -.- BW Ist für jeden DRIN!
Das ist mein Code:

HTML:

<table border="0" cellpadding="0" cellspacing="0" style="height: 515px;" >
<tr>
<td><img src="http://img8.myimg.de/boxleft02402.gif" width="164"></td>
<td style="background:#1e1e1e url(http://img8.myimg.de/verlaufb1b1a.gif) repeat-x; width:100%;"> </td>
<td><img src="http://img8.myimg.de/boxright5c260.gif" width="164"></td>
</tr>
</table>

und hier muss er rein:

HTML:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
 <b:include data='blog' name='all-head-content'/>
 <title><data:blog.pageTitle/></title>
 <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Black
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

/* Variable definitions
 ====================
 <Variable name="bgcolor" description="Page Background Color"
 type="color" default="#000" value="#000000">
 <Variable name="textcolor" description="Text Color"
 type="color" default="#ccc" value="#cccccc">
 <Variable name="linkcolor" description="Link Color"
 type="color" default="#9ad" value="#99aadd">
 <Variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#ccc" value="#cccccc">
 <Variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#777" value="#777777">
 <Variable name="titlecolor" description="Post Title Color"
 type="color" default="#ad9" value="#aadd99">
 <Variable name="bordercolor" description="Border Color"
 type="color" default="#333" value="#333333">
 <Variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#777" value="#777777">
 <Variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#999" value="#999999">
 <Variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#a7a" value="#aa77aa">
 <Variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
 <Variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
 <Variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
 <Variable name="descriptionfont" description="Blog Description Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
 <Variable name="postfooterfont" description="Post Footer Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
 background:$bgcolor;
 margin:0;
 color:$textcolor;
 font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
 font-size/* */:/**/small;
 font-size: /**/small;
 text-align: center;
 }
a:link {
 color:$linkcolor;
 text-decoration:none;
 }
a:visited {
 color:$visitedlinkcolor;
 text-decoration:none;
 }
a:hover {
 color:$titlecolor;
 text-decoration:underline;
}
a img {
 border-width:0;
 }

/* Header
-----------------------------------------------
 */

#header-wrapper {
 width:660px;
 margin:0 auto 10px;
 border:1px solid $bordercolor;
 }

#header-inner {
 background-position: center;
 margin-left: auto;
 margin-right: auto;
}

#header { 
 margin: 5px;
 border: 1px solid $bordercolor;
 text-align: center;
 color:$pagetitlecolor;
}

#header h1 {
 margin:5px 5px 0;
 padding:15px 20px .25em;
 line-height:1.2em;
 text-transform:uppercase;
 letter-spacing:.2em;
 font: $pagetitlefont;
}

#header a {
 color:$pagetitlecolor;
 text-decoration:none;
 }

#header a:hover {
 color:$pagetitlecolor;
 }

#header .description {
 margin:0 5px 5px;
 padding:0 20px 15px;
 max-width:700px;
 text-transform:uppercase;
 letter-spacing:.2em;
 line-height: 1.4em;
 font: $descriptionfont;
 color: $descriptioncolor;
}

#header img {
 margin-left: auto;
 margin-right: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
 width: 660px;
 margin:0 auto;
 padding:10px;
 text-align:left;
 font: $bodyfont;
 }

#main-wrapper {
 width: 410px;
 float: left;
 word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
 }

#sidebar-wrapper {
 width: 220px;
 float: right;
 word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */

h2 {
 margin:1.5em 0 .75em;
 font:$headerfont;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
 */
h2.date-header {
 margin:1.5em 0 .5em;
 }

.post {
 margin:.5em 0 1.5em;
 border-bottom:1px dotted $bordercolor;
 padding-bottom:1.5em;
 }
.post h3 {
 margin:.25em 0 0;
 padding:0 0 4px;
 font-size:140%;
 font-weight:normal;
 line-height:1.4em;
 color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
 display:block;
 text-decoration:none;
 color:$titlecolor;
 font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
 color:$textcolor;
}

.post p {
 margin:0 0 .75em;
 line-height:1.6em;
}

.post-footer {
 margin: .75em 0;
 color:$sidebarcolor;
 text-transform:uppercase;
 letter-spacing:.1em;
 font: $postfooterfont;
 line-height: 1.4em;
}

.comment-link {
 margin-left:.6em;
 }
.post img {
 padding:4px;
 border:1px solid $bordercolor;
 }
.post blockquote {
 margin:1em 20px;
 }
.post blockquote p {
 margin:.75em 0;
 }

/* Comments
----------------------------------------------- */
#comments h4 {
 margin:1em 0;
 font-weight: bold;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color: $sidebarcolor;
 }

#comments-block {
 margin:1em 0 1.5em;
 line-height:1.6em;
 }
#comments-block .comment-author {
 margin:.5em 0;
 }
#comments-block .comment-body {
 margin:.25em 0 0;
 }
#comments-block .comment-footer {
 margin:-.25em 0 2em;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.1em;
 }
#comments-block .comment-body p {
 margin:0 0 .75em;
 }
.deleted-comment {
 font-style:italic;
 color:gray;
 }

.feed-links {
 clear: both;
 line-height: 2.5em;
}

#blog-pager-newer-link {
 float: left;
 }
 
#blog-pager-older-link {
 float: right;
 }
 
#blog-pager { 
 text-align: center; 
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
 color: $sidebartextcolor;
 line-height: 1.5em;
 }

.sidebar ul {
 list-style:none;
 margin:0 0 0;
 padding:0 0 0;
}
.sidebar li {
 margin:0;
 padding:0 0 .25em 15px;
 text-indent:-15px;
 line-height:1.5em;
 }

.sidebar .widget, .main .widget { 
 border-bottom:1px dotted $bordercolor;
 margin:0 0 1.5em;
 padding:0 0 1.5em;
 }

.main .Blog { 
 border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
 float: left;
 margin: 0 5px 5px 0;
 padding: 4px;
 border: 1px solid $bordercolor;
}

.profile-data {
 margin:0;
 text-transform:uppercase;
 letter-spacing:.1em;
 font: $postfooterfont;
 color: $sidebarcolor;
 font-weight: bold;
 line-height: 1.6em;
}

.profile-datablock { 
 margin:.5em 0 .5em;
}

.profile-textblock { 
 margin: 0.5em 0;
 line-height: 1.6em;
}

.profile-link { 
 font: $postfooterfont;
 text-transform: uppercase;
 letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
 width:660px;
 clear:both;
 margin:0 auto;
 padding-top:15px;
 line-height: 1.6em;
 text-transform:uppercase;
 letter-spacing:.1em;
 text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
 margin-left: 0px;
 margin-right: 0px;
}
]]></b:skin>
 </head>

 <body>
 <div id='outer-wrapper'><div id='wrap2'>

 <!-- skip links for text browsers -->
 <span id='skiplinks' style='display:none;'>
 <a href='#main'>skip to main </a> |
 <a href='#sidebar'>skip to sidebar</a>
 </span>

 <div id='header-wrapper'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Aslan´s Music Source (Header)' type='Header'/>
</b:section>
 </div>
 
 <div id='content-wrapper'>

 <div id='crosscol-wrapper' style='text-align:center'>
 <b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='Text2' locked='false' title='..:: welcome 2 ams.cx.la ::..' type='Text'/>
</b:section>
 </div>

 <div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='[ AMs.cx.la MuSiC PLaYeR - KLiCK 4 PLaY!]' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
<b:widget id='HTML3' locked='false' title='..:: Partner ::..' type='HTML'/>
</b:section>
 </div>

 <div id='sidebar-wrapper'>
 <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text3' locked='false' title='Kontakt' type='Text'/>
<b:widget id='HTML2' locked='false' title='..:: ShoutBox ::..' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='..:: Archiv ::..' type='BlogArchive'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>
 </div>

 <!-- spacer for skins that want sidebar and main to be the same height-->
 <div class='clear'> </div>

 </div> <!-- end content-wrapper -->

 <div id='footer-wrapper'>
 <b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
 </div>

 </div></div> <!-- end outer-wrapper -->
</body>
</html>

Anzeige

Upperon · 23. September 2007

AW: Wohin mit dem HTML code?

Hi

Hast Glück dass ich zur Ziet nen Webdesign-Kurs mitmache ^^

Ich habe Dir die beiden Code-Teile mal zusammengefügt. Jedoch sind Deine bedien Grafiken links und rechts etwas zu kurz geraten, denn der Mittelteil ist ein wenig höher als die beiden Randgrafiken.

HTML:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
 <b:include data='blog' name='all-head-content'/>
 <title><data:blog.pageTitle/></title>
 <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Black
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

/* Variable definitions
 ====================
 <Variable name="bgcolor" description="Page Background Color"
 type="color" default="#000" value="#000000">
 <Variable name="textcolor" description="Text Color"
 type="color" default="#ccc" value="#cccccc">
 <Variable name="linkcolor" description="Link Color"
 type="color" default="#9ad" value="#99aadd">
 <Variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#ccc" value="#cccccc">
 <Variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#777" value="#777777">
 <Variable name="titlecolor" description="Post Title Color"
 type="color" default="#ad9" value="#aadd99">
 <Variable name="bordercolor" description="Border Color"
 type="color" default="#333" value="#333333">
 <Variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#777" value="#777777">
 <Variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#999" value="#999999">
 <Variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#a7a" value="#aa77aa">
 <Variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
 <Variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
 <Variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
 <Variable name="descriptionfont" description="Blog Description Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
 <Variable name="postfooterfont" description="Post Footer Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
 background:$bgcolor;
 margin:0;
 color:$textcolor;
 font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
 font-size/* */:/**/small;
 font-size: /**/small;
 text-align: center;
 }
a:link {
 color:$linkcolor;
 text-decoration:none;
 }
a:visited {
 color:$visitedlinkcolor;
 text-decoration:none;
 }
a:hover {
 color:$titlecolor;
 text-decoration:underline;
}
a img {
 border-width:0;
 }

/* Header
-----------------------------------------------
 */

#header-wrapper {
 width:660px;
 margin:0 auto 10px;
 border:1px solid $bordercolor;
 }

#header-inner {
 background-position: center;
 margin-left: auto;
 margin-right: auto;
}

#header { 
 margin: 5px;
 border: 1px solid $bordercolor;
 text-align: center;
 color:$pagetitlecolor;
}

#header h1 {
 margin:5px 5px 0;
 padding:15px 20px .25em;
 line-height:1.2em;
 text-transform:uppercase;
 letter-spacing:.2em;
 font: $pagetitlefont;
}

#header a {
 color:$pagetitlecolor;
 text-decoration:none;
 }

#header a:hover {
 color:$pagetitlecolor;
 }

#header .description {
 margin:0 5px 5px;
 padding:0 20px 15px;
 max-width:700px;
 text-transform:uppercase;
 letter-spacing:.2em;
 line-height: 1.4em;
 font: $descriptionfont;
 color: $descriptioncolor;
}

#header img {
 margin-left: auto;
 margin-right: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
 width: 660px;
 margin:0 auto;
 padding:10px;
 text-align:left;
 font: $bodyfont;
 }

#main-wrapper {
 width: 410px;
 float: left;
 word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
 }

#sidebar-wrapper {
 width: 220px;
 float: right;
 word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */

h2 {
 margin:1.5em 0 .75em;
 font:$headerfont;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
 */
h2.date-header {
 margin:1.5em 0 .5em;
 }

.post {
 margin:.5em 0 1.5em;
 border-bottom:1px dotted $bordercolor;
 padding-bottom:1.5em;
 }
.post h3 {
 margin:.25em 0 0;
 padding:0 0 4px;
 font-size:140%;
 font-weight:normal;
 line-height:1.4em;
 color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
 display:block;
 text-decoration:none;
 color:$titlecolor;
 font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
 color:$textcolor;
}

.post p {
 margin:0 0 .75em;
 line-height:1.6em;
}

.post-footer {
 margin: .75em 0;
 color:$sidebarcolor;
 text-transform:uppercase;
 letter-spacing:.1em;
 font: $postfooterfont;
 line-height: 1.4em;
}

.comment-link {
 margin-left:.6em;
 }
.post img {
 padding:4px;
 border:1px solid $bordercolor;
 }
.post blockquote {
 margin:1em 20px;
 }
.post blockquote p {
 margin:.75em 0;
 }

/* Comments
----------------------------------------------- */
#comments h4 {
 margin:1em 0;
 font-weight: bold;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color: $sidebarcolor;
 }

#comments-block {
 margin:1em 0 1.5em;
 line-height:1.6em;
 }
#comments-block .comment-author {
 margin:.5em 0;
 }
#comments-block .comment-body {
 margin:.25em 0 0;
 }
#comments-block .comment-footer {
 margin:-.25em 0 2em;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.1em;
 }
#comments-block .comment-body p {
 margin:0 0 .75em;
 }
.deleted-comment {
 font-style:italic;
 color:gray;
 }

.feed-links {
 clear: both;
 line-height: 2.5em;
}

#blog-pager-newer-link {
 float: left;
 }
 
#blog-pager-older-link {
 float: right;
 }
 
#blog-pager { 
 text-align: center; 
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
 color: $sidebartextcolor;
 line-height: 1.5em;
 }

.sidebar ul {
 list-style:none;
 margin:0 0 0;
 padding:0 0 0;
}
.sidebar li {
 margin:0;
 padding:0 0 .25em 15px;
 text-indent:-15px;
 line-height:1.5em;
 }

.sidebar .widget, .main .widget { 
 border-bottom:1px dotted $bordercolor;
 margin:0 0 1.5em;
 padding:0 0 1.5em;
 }

.main .Blog { 
 border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
 float: left;
 margin: 0 5px 5px 0;
 padding: 4px;
 border: 1px solid $bordercolor;
}

.profile-data {
 margin:0;
 text-transform:uppercase;
 letter-spacing:.1em;
 font: $postfooterfont;
 color: $sidebarcolor;
 font-weight: bold;
 line-height: 1.6em;
}

.profile-datablock { 
 margin:.5em 0 .5em;
}

.profile-textblock { 
 margin: 0.5em 0;
 line-height: 1.6em;
}

.profile-link { 
 font: $postfooterfont;
 text-transform: uppercase;
 letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
 width:660px;
 clear:both;
 margin:0 auto;
 padding-top:15px;
 line-height: 1.6em;
 text-transform:uppercase;
 letter-spacing:.1em;
 text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
 margin-left: 0px;
 margin-right: 0px;
}
]]></b:skin>
 </head>

 <body>
 <div id='outer-wrapper'><div id='wrap2'>

 <!-- skip links for text browsers -->
 <span id='skiplinks' style='display:none;'>
 <a href='#main'>skip to main </a> |
 <a href='#sidebar'>skip to sidebar</a>
 </span>

 <div id='header-wrapper'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Aslan´s Music Source (Header)' type='Header'/>
</b:section>
 </div>
 
 <div id='content-wrapper'>

 <div id='crosscol-wrapper' style='text-align:center'>
 <b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='Text2' locked='false' title='..:: welcome 2 ams.cx.la ::..' type='Text'/>
</b:section>
 </div>

 <div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='[ AMs.cx.la MuSiC PLaYeR - KLiCK 4 PLaY!]' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
<b:widget id='HTML3' locked='false' title='..:: Partner ::..' type='HTML'/>
</b:section>
 </div>

 <div id='sidebar-wrapper'>
 <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text3' locked='false' title='Kontakt' type='Text'/>
<b:widget id='HTML2' locked='false' title='..:: ShoutBox ::..' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='..:: Archiv ::..' type='BlogArchive'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>
 </div>

 <!-- spacer for skins that want sidebar and main to be the same height-->
 <div class='clear'> </div>

 </div> <!-- end content-wrapper -->

 <div id='footer-wrapper'>
 <b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
 </div>

 </div></div> <!-- end outer-wrapper -->
<table border="0" cellpadding="0" cellspacing="0" style="height: 515px;" >
 <tr> 
 <td><img src="http://img8.myimg.de/boxleft02402.gif" width="164">
 </td>
 <td style="background:#1e1e1e url(http://img8.myimg.de/verlaufb1b1a.gif) repeat-x; width:100%;">
 </td>
 <td><img src="http://img8.myimg.de/boxright5c260.gif" width="164">
 </td>
 </tr>
</table>
</body>
</html>

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

thx bw ist raus aber:
Für die Vorlage konnte keine Vorschau angezeigt werden.
Beheben Sie den Fehler unten und senden Sie die Vorlage erneut.
Ihre Vorlage konnte nicht analysiert werden, da sie nicht korrekt formatiert ist. Stellen Sie sicher, dass alle XML-Elemente ordnungsgemäß geschlossen sind.
XML-Fehlermeldung: The element type "img" must be terminated by the matching end-tag "".

:baby:

breZZer · 23. September 2007

AW: Wohin mit dem HTML code?

ich habs mal korrigiert

HTML:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
 <b:include data='blog' name='all-head-content'/>
 <title><data:blog.pageTitle/></title>
 <b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Minima Black
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 26 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}

/* Variable definitions
 ====================
 <Variable name="bgcolor" description="Page Background Color"
 type="color" default="#000" value="#000000">
 <Variable name="textcolor" description="Text Color"
 type="color" default="#ccc" value="#cccccc">
 <Variable name="linkcolor" description="Link Color"
 type="color" default="#9ad" value="#99aadd">
 <Variable name="pagetitlecolor" description="Blog Title Color"
 type="color" default="#ccc" value="#cccccc">
 <Variable name="descriptioncolor" description="Blog Description Color"
 type="color" default="#777" value="#777777">
 <Variable name="titlecolor" description="Post Title Color"
 type="color" default="#ad9" value="#aadd99">
 <Variable name="bordercolor" description="Border Color"
 type="color" default="#333" value="#333333">
 <Variable name="sidebarcolor" description="Sidebar Title Color"
 type="color" default="#777" value="#777777">
 <Variable name="sidebartextcolor" description="Sidebar Text Color"
 type="color" default="#999" value="#999999">
 <Variable name="visitedlinkcolor" description="Visited Link Color"
 type="color" default="#a7a" value="#aa77aa">
 <Variable name="bodyfont" description="Text Font"
 type="font" default="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal normal 100% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
 <Variable name="headerfont" description="Sidebar Title Font"
 type="font"
 default="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
 <Variable name="pagetitlefont" description="Blog Title Font"
 type="font"
 default="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif" value="normal bold 200% 'Trebuchet MS',Trebuchet,Verdana,Sans-serif">
 <Variable name="descriptionfont" description="Blog Description Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Verdana, Sans-serif">
 <Variable name="postfooterfont" description="Post Footer Font"
 type="font"
 default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

body {
 background:$bgcolor;
 margin:0;
 color:$textcolor;
 font: x-small "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
 font-size/* */:/**/small;
 font-size: /**/small;
 text-align: center;
 }
a:link {
 color:$linkcolor;
 text-decoration:none;
 }
a:visited {
 color:$visitedlinkcolor;
 text-decoration:none;
 }
a:hover {
 color:$titlecolor;
 text-decoration:underline;
}
a img {
 border-width:0;
 }

/* Header
-----------------------------------------------
 */

#header-wrapper {
 width:660px;
 margin:0 auto 10px;
 border:1px solid $bordercolor;
 }

#header-inner {
 background-position: center;
 margin-left: auto;
 margin-right: auto;
}

#header { 
 margin: 5px;
 border: 1px solid $bordercolor;
 text-align: center;
 color:$pagetitlecolor;
}

#header h1 {
 margin:5px 5px 0;
 padding:15px 20px .25em;
 line-height:1.2em;
 text-transform:uppercase;
 letter-spacing:.2em;
 font: $pagetitlefont;
}

#header a {
 color:$pagetitlecolor;
 text-decoration:none;
 }

#header a:hover {
 color:$pagetitlecolor;
 }

#header .description {
 margin:0 5px 5px;
 padding:0 20px 15px;
 max-width:700px;
 text-transform:uppercase;
 letter-spacing:.2em;
 line-height: 1.4em;
 font: $descriptionfont;
 color: $descriptioncolor;
}

#header img {
 margin-left: auto;
 margin-right: auto;
}


/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
 width: 660px;
 margin:0 auto;
 padding:10px;
 text-align:left;
 font: $bodyfont;
 }

#main-wrapper {
 width: 410px;
 float: left;
 word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
 }

#sidebar-wrapper {
 width: 220px;
 float: right;
 word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
 overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


/* Headings
----------------------------------------------- */

h2 {
 margin:1.5em 0 .75em;
 font:$headerfont;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color:$sidebarcolor;
}


/* Posts
-----------------------------------------------
 */
h2.date-header {
 margin:1.5em 0 .5em;
 }

.post {
 margin:.5em 0 1.5em;
 border-bottom:1px dotted $bordercolor;
 padding-bottom:1.5em;
 }
.post h3 {
 margin:.25em 0 0;
 padding:0 0 4px;
 font-size:140%;
 font-weight:normal;
 line-height:1.4em;
 color:$titlecolor;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
 display:block;
 text-decoration:none;
 color:$titlecolor;
 font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
 color:$textcolor;
}

.post p {
 margin:0 0 .75em;
 line-height:1.6em;
}

.post-footer {
 margin: .75em 0;
 color:$sidebarcolor;
 text-transform:uppercase;
 letter-spacing:.1em;
 font: $postfooterfont;
 line-height: 1.4em;
}

.comment-link {
 margin-left:.6em;
 }
.post img {
 padding:4px;
 border:1px solid $bordercolor;
 }
.post blockquote {
 margin:1em 20px;
 }
.post blockquote p {
 margin:.75em 0;
 }

/* Comments
----------------------------------------------- */
#comments h4 {
 margin:1em 0;
 font-weight: bold;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.2em;
 color: $sidebarcolor;
 }

#comments-block {
 margin:1em 0 1.5em;
 line-height:1.6em;
 }
#comments-block .comment-author {
 margin:.5em 0;
 }
#comments-block .comment-body {
 margin:.25em 0 0;
 }
#comments-block .comment-footer {
 margin:-.25em 0 2em;
 line-height: 1.4em;
 text-transform:uppercase;
 letter-spacing:.1em;
 }
#comments-block .comment-body p {
 margin:0 0 .75em;
 }
.deleted-comment {
 font-style:italic;
 color:gray;
 }

.feed-links {
 clear: both;
 line-height: 2.5em;
}

#blog-pager-newer-link {
 float: left;
 }
 
#blog-pager-older-link {
 float: right;
 }
 
#blog-pager { 
 text-align: center; 
 }

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
 color: $sidebartextcolor;
 line-height: 1.5em;
 }

.sidebar ul {
 list-style:none;
 margin:0 0 0;
 padding:0 0 0;
}
.sidebar li {
 margin:0;
 padding:0 0 .25em 15px;
 text-indent:-15px;
 line-height:1.5em;
 }

.sidebar .widget, .main .widget { 
 border-bottom:1px dotted $bordercolor;
 margin:0 0 1.5em;
 padding:0 0 1.5em;
 }

.main .Blog { 
 border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
 float: left;
 margin: 0 5px 5px 0;
 padding: 4px;
 border: 1px solid $bordercolor;
}

.profile-data {
 margin:0;
 text-transform:uppercase;
 letter-spacing:.1em;
 font: $postfooterfont;
 color: $sidebarcolor;
 font-weight: bold;
 line-height: 1.6em;
}

.profile-datablock { 
 margin:.5em 0 .5em;
}

.profile-textblock { 
 margin: 0.5em 0;
 line-height: 1.6em;
}

.profile-link { 
 font: $postfooterfont;
 text-transform: uppercase;
 letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
 width:660px;
 clear:both;
 margin:0 auto;
 padding-top:15px;
 line-height: 1.6em;
 text-transform:uppercase;
 letter-spacing:.1em;
 text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
 margin-left: 0px;
 margin-right: 0px;
}
]]></b:skin>
 </head>

 <body>
 <div id='outer-wrapper'><div id='wrap2'>

 <!-- skip links for text browsers -->
 <span id='skiplinks' style='display:none;'>
 <a href='#main'>skip to main </a> |
 <a href='#sidebar'>skip to sidebar</a>
 </span>

 <div id='header-wrapper'>
 <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Aslan´s Music Source (Header)' type='Header'/>
</b:section>
 </div>
 
 <div id='content-wrapper'>

 <div id='crosscol-wrapper' style='text-align:center'>
 <b:section class='crosscol' id='crosscol' showaddelement='no'>
<b:widget id='Text2' locked='false' title='..:: welcome 2 ams.cx.la ::..' type='Text'/>
</b:section>
 </div>

 <div id='main-wrapper'>
 <b:section class='main' id='main' showaddelement='no'>
<b:widget id='HTML4' locked='false' title='[ AMs.cx.la MuSiC PLaYeR - KLiCK 4 PLaY!]' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog-Posts' type='Blog'/>
<b:widget id='HTML3' locked='false' title='..:: Partner ::..' type='HTML'/>
</b:section>
 </div>

 <div id='sidebar-wrapper'>
 <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Text3' locked='false' title='Kontakt' type='Text'/>
<b:widget id='HTML2' locked='false' title='..:: ShoutBox ::..' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='..:: Archiv ::..' type='BlogArchive'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
</b:section>
 </div>

 <!-- spacer for skins that want sidebar and main to be the same height-->
 <div class='clear'> </div>

 </div> <!-- end content-wrapper -->

 <div id='footer-wrapper'>
 <b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
</b:section>
 </div>

 </div></div> <!-- end outer-wrapper -->
<table border="0" cellpadding="0" cellspacing="0" style="height: 515px;" >
 <tr> 
 <td><img src="http://img8.myimg.de/boxleft02402.gif" width="164" />
 </td>
 <td style="background:#1e1e1e url(http://img8.myimg.de/verlaufb1b1a.gif) repeat-x; width:100%;">
 </td>
 <td><img src="http://img8.myimg.de/boxright5c260.gif" width="164" />
 </td>
 </tr>
</table>
</body>
</html>

Dazu mal Information von SelftHTML: de.selfhtml.org

Upperon · 23. September 2007

AW: Wohin mit dem HTML code?

hmm, seltsam
ich habs bei mir getestet und im IE wurde die Seite ohne Probleme angezeigt.
Leider sind wir noch nicht bei XML ^^
Wir haben erst HTML und CSS gemacht und fangen am Montag erstmal mit PHP an.

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

brezzer thx! aber der code scheint fehler zu haben -.-
die images werden nur ganz unten angezeigt.. im oberen teil is da nix

screeN:

https://www0.xup.in/exec/ximg.php?fid=13007134/

breZZer · 23. September 2007

AW: Wohin mit dem HTML code?

achso... naja, hab nur den code von Upperon an XHTML angepasst...
hm, dazu muss man des bissal mehr anpassen... mach ich heut abend, wenn ich mehr Zeit habe.. und es kein anderer gemacht hat.

@Upperon: tipp, wenn mans noch net "Hatte" / kann, dann erstal finger von, und lernen *g*
naja, du hast einfahc nur das abschließene "/" vergessen. Is aber net schlimm

und nochwas: Nur weil im IE etwas funktioniert, ist das keine bestätigung dafür, das es richtig ist.
Erst wenn es im FF und IE und eventuell noch Opera ok ist, dann kannst du dir zu 98% sicher sein, das es korrekt ist ;=)

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

also ich hab seid 3 tagen schon gewartet das dass design on kommt -.- aber immer noch nicht..
muss da denn wirklich noch soviel angepasst werden?

Murdoc · 23. September 2007

AW: Wohin mit dem HTML code?

seh hier kein html oder xml, bin ich blind? is das irgend ne template engine oder was? sry aber ohne das ich weiss was des is leg ich ned hand dran^^

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

also das is der html code von meinem blog bei blogger.com :]

Murdoc · 23. September 2007

AW: Wohin mit dem HTML code?

aso, ich denk mal nicht das du da einfach so nen html-code reinmachen kannst, immerhin schaut das so aus als ob das extra ne syntax für das script von blogger.com is.

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

ja das ist ja das problem -.-
quäle mich schon 3 tage damit rum,.. keiner konnte mir helfen..
ahja deine bw ist schon raus :]

MakenX · 23. September 2007

AW: Wohin mit dem HTML code?

Jo das wird wahrscheinlich daran liegen, dass das ein XML - Dokument ist, mit dem Namespace vom Blogger. Da wird man schon erstmal die Dokumentation dieser DTD/dieses Dateiformats anschauen müssen, um zu wissen wohin damit, denn xHTML ist nur ein Kind von XML und diese Tags hier sind bestimmt nicht nur zur Darstellung gedacht.

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

hm wenn diese nich zur darstellung gedacht sind welche dann? bw is schonmal raus

MakenX · 23. September 2007

AW: Wohin mit dem HTML code?

Ich wiederhole nochmal, vielleicht sollte dann erstmal die Dokumentation des Urhebers betrachtet werden. Wieso muss man eigentlich anderen Leuten immer erst auf die Finger kloppen ... ich könnte wetten dass du Blogger Help noch nicht wirklich besucht hast ....

Somit sind es jetzt schon zwei, die durch zuerst nach blogger verweisen .... Nichts für ungut, aber schau echt erstmal da rein, wird dir bestimmt erstmal weiter helfen.

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

ja klar -.- ich soll mich da melden damit die meinen blog wegen music downloads löschen? nein danke

breZZer · 23. September 2007

AW: Wohin mit dem HTML code?

da die anderen anscheinend recht haben...
aslan, unter der addresse findest du wirklich hilfe... und nein, direktlink gibts net, augen auf und du findest es

AslanPower · 23. September 2007

AW: Wohin mit dem HTML code?

-.- wenn ich was von html etc verstehen würde dann würde der thread doch nicht existieren oder? :baby: ich raff das einfach nicht ;(

Schmitz · 23. September 2007

AW: Wohin mit dem HTML code?

wenn du nichts von html verstehst: lern es
XML und HTML sind die einfachsten sachen die es zur webgestalltung gibt
und daher is nu schluss hier

Nützliche Suchen

Wohin mit dem HTML code?

Videos zum Themenbereich