Help - Search - Members - Calendar
Full Version: newbie question...
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
RedSpyda
hi everybody. i started a blog on comics art (http://spydapixblog.blogspot.com/) and i cant get it to fit the whole page so my pictures dont overlap my links. can anybody help?
Pulchritude
uhh can u paste your code here and it mos tlikely that u have to posiition it right.. but im not really good at bloggs but paste your code here and hopefully i could help blink.gif
RedSpyda
ok, here's my code... <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" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<style>
body {
padding:0px;
margin:0;
text-align:center;
background:#000000;
font:11px Verdana,arial,Sans-serif;
color:#1a304e;
}
#Container {
margin:-18px auto 0;

width:736px;
text-align:left;
}
#header {
margin:0px;
padding:0px;
width:736px;
height:198px;
}
#Title {
font-size:22px;
color:#DC143C
padding:15px;
text-align:left;
font-weight:bold
}
#leftcontent {
width:550px;
font-size:13px;
text-align:left;
color:#FF0000
}
.DateHeader {
padding-left:10px;
margin-bottom:5px;
font-size:12px;
color:silver;
font-family:trebuchet ms, arial, verdana, sans-serif;
font-style:italic;
}
.PostTitle {
text-align:left;
margin-left:1px;
padding:7px;
font-size:14px;
font-weight:bold;
color:;#DC143C

width:528px;
}
.Post {
font-size:12px;
margin-top:5px;
padding:0px 15px 20px 7px;
text-align:justify;
}
.Post img {
margin: 0 0 10px;
border:1px solid #274979;
}
.PostFooter {
margin-bottom:30px;
color:silver;
font-size:10px;
}
a {
color:#fff;
text-decoration:none;
}
a:hover {
color:#ddd;
text-decoration:underline;
}
#rightcontent {
text-align:right;
float:right;
font-size:11px;
width:180px;

color:#DC143C
}
#Description {
font-size:14px;
color:#FF0000;
padding:10px 10px 10px 30px;
}
#ArchiveLabel {
font-size:14px;
padding-right:20px;
}
ul a {
color:#8FB3E3;
}
ul a:hover {
color:#fff;
text-decoration:none;
}
li {
padding:3px 20px 3px 15px;
list-style-type:none;
}
ul {
margin:0px;
padding:0px;
}
p {
text-align:center;
}
#footer {
margin:0px;
padding:0px;

width:736px;
height:110px;
}
</style>
</head>
<body>

<div id="Container">
<div id="header">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="736" height="198">
<param name="movie" value="http://allblacks.free.fr/ice/ice.swf">

<param name="quality" value="high">
<embed src="http://allblacks.free.fr/ice/ice.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="736" height="198"></embed></object>
</div>


<div id="rightcontent">

<div id="Description"><$BlogDescription$></div>
<ul>
<MainPage><li><a href="<$BlogOwnerProfileUrl$>">About me</a></li><br /><br /></MainPage>



<!-- /////You can change this////////////////////####/////////////////////////// -->

<ItemPage><li><a href="<$BlogURL$>"><< Home</a></li><br /><br /></ItemPage>
<ArchivePage><li><a href="<$BlogURL$>"><< Home</a></li><br /><br /></ArchivePage>

<!-- ////////////////////////////////////////////####/////////////////////////// -->



</ul>

<div id="ArchiveLabel">Previous Posts</div>
<ul>
<BloggerPreviousItems>
<li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
</BloggerPreviousItems>
</ul>
<br />

<div id="ArchiveLabel">Archives</div>
<ul>

<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
</ul>
<br />


<div id="ArchiveLabel">Links</div>
<ul>



<!-- ///////// Put your links here: ////////////////////// -->


-->
<h6>Links</h6>
<ul>
<li><a href="http://comicuniverse.invisionplus.net/">Comics Universe Message Board</a></li>
<li><a href="http://www.wizarduniverse.com/">Wizard Entertainment</a></li>
<li><a href="http://www.comicbookconventions.com/">Comic Book Conventions</a></li>
<li><a href="http://www.dccomics.com/">DC Comics</a></li>
<li><a href="http://www.marvel.com/">Marvel Comics</a></li>
<li><a href="http://www.imagecomics.com/">Image Comics</a></li>
<li><a href="http://csls.diamondcomics.com/default.asp">Comic Shop Locator Service</a></li>
<li><a href="http://www.joemadfan.com/ ">Joe Mad Fan</a></li>
<li><a href="http://www.alexrossart.com/">Alex Ross Art</a></li>
<li><a href="http://groups.msn.com/AleGarzasonlinesketchbook">Alé Garza's online sketchbook</a></li>
<li><a href="http://scofo.dreamken.net/middleton/">Josh Middleton Fansite</a></li>
<li><a href="http://groups.msn.com/ArtofJimLee">Art Of Jim Lee</a></li>
<li><a href="http://joemadfan.proboards12.com/index.cgi">Joe Mad!Fan Boards</a></li>
<li><a href="http://mikemcmahon.blogspot.com/">Joe Madureira! Fansite</a></li>
<li><a href="http://xmenfan.net/mad/">The Joe Madureira Fanlisting</a></li>
<h6>More Links</h6>
<li><a href="http://freakezette.blogspot.com/">Geeky Girl Gabbings</a></li>
<li><a href="http://thoughtballoons.blogspot.com/">Thought Balloons</a></li>
<li><a href="http://allages.blogspot.com/">All Ages</a></li>
<li><a href="http://www.40ozcomics.com/">The Official Jim Mahfood Site</a></li>
<li><a href="http://www.ign.com/?fromint=1">IGN</a></li>
<li><a href="http://www.cgccomics.com/">Grade Your Comics</a></li>
<li><a href="http://www.newsarama.com/">Newsarama</a></li>
<li><a href="http://www.previewsreview.com/">Previews Review</a></li>
<li><a href="http://www.thexaxis.com/index.html">The X-Axis</a></li>
<li><a href="http://thepulp.net/">Pulp Books</a></li>
<li><a href="http://gelatometti.blogspot.com/">GELATOMETTI</a></li>
<li><a href="http://middletonfan.free.fr/">A Josh Middleton Fansite</a></li>
<li><a href="http://www.kevinrose.com/">Kevin Rose</a></li>
<li><a href="http://www.jscottcampbell.com/">J.Scott Campbell</a></li>
<li><a href="http://www.toyfever.com/">Toy Fever</a></li>
<li><a href="http://www.edmcguinness.com/">Ed Mcguinness</a></li>
<li><a href="http://www.notoart.com/">Phil Noto Art</a></li>
<li><a href="http://www.fox.com/familyguy/">Family Guy</a></li>
<li><a href="http://www.dynamicforces.com/htmlfiles/">Dynamic Resources</a></li>
<li><a href="http://www.shoryuken.com/forums/">Shoryuken.com Forums</a></li>
<li><a href="http://www.kubertsworld.com/index.asp">Joe Kubert</a></li>
<li><a href="http://www.hembeck.com/FredSez.htm">Fred Hembeck's Blog</a></li>
<li><a href="http://digitalwebbing.com/">Digital Webbing</a></li>
<li><a href="http://www.johncassaday.com/home.htm">John Cassaday</a></li>
<li><a href="http://willeisner.tripod.com/">Will Eisner</a></li>
<li><a href="http://www.toonopedia.com/">Toonopedia</a></li>
<li><a href="http://groups.yahoo.com/group/theedmcguinnessexperience/">The Ed McGuinness Experience </a></li>
<li><a href="http://www.comicbookresources.com/">Comic Book Resources</a></li>
<li><a href="http://www.dragonberry.com/">Comic Art Links Directory</a></li>
<li><a href="http://www.e3expo.com/e3expo/">E3 2005</a></li>
<li><a href="http://www.apple.com/">Apple</a></li>
<li><a href="http://www.eff.org/">Electronic Frontier Foundation</a></li>
<li><a href="http://www.animenewsnetwork.com/">Anime News</a></li>
<li><a href="http://www.animelab.com/">Anime Lab</a></li>
<li><a href="http://www.comicartcommunity.com/">Comic Art Community</a></li>
<li><a href="http://www.sequentialstudios.com/">Sequential Studios</a></li>
<li><a href="http://www.dccomics.com/dcdirect/">DC Direct</a></li>
<li><a href="http://www.marvel.com/toybiz/select/">Marvel Select</a></li>
<li><a href="http://toynewsi.com/">Toy News International</a></li>
</ul>

<li><a href="URL">Link Text</a></li>
<a href="http://feeds.feedburner.com/ComicsUniverse" title="Subscribe To Atom feed">Atom Feed</a>
<li><a href="http://www.comicbookconventions.com/">Comic Book Convention News</a></li>
<li><a href="http://www.wizarduniverse.com/">Wizard Universe</a></li>
<li><a href="http://www.invisionplus.net/forums/index.php?mforum=comicsuniverse">Comics Universe Forum</a></li>
<li><a href="http://mikemcmahon.blogspot.com/">Joe Madureira! Fansite</a></li>
<li><a href="http://www.kevinrose.com/">kevinrose.com (For the tech-savy)</a></li>
<li><a href="http://csls.diamondcomics.com/default.asp">Comic Shop Locator Service</a></li>
<li><a href="mailto:xpo951@gmail.com">Email Me</a></li>



<!-- /////////////////////////////////////////////////////// -->

<br /><br />

</ul>

</div>

<div id="leftcontent">

<div id="Title"><$BlogTitle$></div>

<Blogger>
<BlogDateHeader>
<div class="DateHeader"><$BlogDateHeaderDate$></div>
</BlogDateHeader>


<a name="<$BlogItemNumber$>"></a>
<BlogItemTitle><p class="PostTitle"><$BlogItemTitle$></p></BlogItemTitle>
<div class="Post">
<$BlogItemBody$>
<p class="PostFooter">
&para;
<a href="<$BlogItemPermalinkURL$>" title="direct link"><$BlogItemDateTime$></a>
<MainOrArchivePage><BlogItemCommentsEnabled> //




<!-- //////You can change the text of number of comments here (Main and Archives Pages)///////////////////////////////////////////////////////////##########////////////////////////////////////////#######////////////////////////////########///////////// -->

<a href="<$BlogItemPermalinkURL$>#comments"><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('No comment');} else if(a == 1) {document.write('1 comment');}else{document.write(a+' comments');}</script></a>

<!-- /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////##########////////////////////////////////////////#######////////////////////////////########///////////// -->




</BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$></p>
<ItemPage>
<BlogItemCommentsEnabled>



<!-- ///////You can change the text of number of comments here (Post pages)//////////////////////////////##########////////////////////////////////////////#######////////////////////////////-########//////////////// -->

<b><script type="text/javascript">var a = <$BlogItemCommentCount$>; if(a == 0) {document.write('No comment');} else if(a == 1) {document.write('1 comment:');}else{document.write(a+' comments:');}</script></b>

<!-- ////////////////////////////////////////////////////////////////////////////////////////////////////##########////////////////////////////////////////#######////////////////////////////-########//////////////// -->

<br /><br />

<BlogItemComments>



<!-- ////You can change this//////////////////////#######////// -->

<$BlogCommentAuthor$> said...

<!-- /////////////////////////////////////////////#######////// -->



<br /><$BlogCommentBody$> <$BlogCommentDeleteIcon$>
<p><img style="border:none;margin:0" src="http://official.site.free.fr/comment.gif" width="100" height="16"></p>
</BlogItemComments><p class="comments">


<!-- ///////////
To change the "Post a comment" language, see on this page: http://help.blogger.com/bin/answer.py?answ...&topic=0&type=f
///////////-->

<$BlogItemCreate$>


</p></BlogItemCommentsEnabled>
</ItemPage>

</div>

</Blogger>

</div>
<div id="footer">
&nbsp;
</div>
</div>
<p><i>Powered for <a href="http://www.blogger.com">Blogger</a> by <a href="http://blogger-templates.blogspot.com">Blogger templates</a></i></p>
</div>
</body>
</html>
RedSpyda
i've tried to make everything fit but to no avail...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.