Help - Search - Members - Calendar
Full Version: columns wont go side by side
Forums > Resource Center > Support Center > Blogger Support > Blogger Resolved Topics
annabanana555
umm can anyone help me?

here is my code-
CODE
<html>
<title>;lkasdflkj;l</title>
<head>
<style type="text/css">
body {
background-color: #3CB371;
background-image:url(); background-repeat:repeat;
scrollbar-face-color: #f67eb3;
scrollbar-highlight-color: #f67eb3;  
scrollbar-3dlight-color: #f67eb3;
scrollbar-shadow-color: #f67eb3;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #f67eb3;
scrollbar-darkshadow-color: #f67eb3;
text-align:justify;
font-family:minion web;
color:#202123;
font-size:11px;}

xmp, div, td, p {
text-align:justify;
font-family:minion web;
color:#202123;
font-size:11px;}

a:link, a:visited, a:active {
text-decoration:underline;
font-size: 11px; line-height:11px;
color:#202123;
font-family:minion web;}

a:hover {
border-bottom:1px solid #f67eb3;
font-size: 11px; line-height:11px;
color:#202123;
font-family:minion web;}

b, strong, u, i, em, s {
text-transform:normal;
font-size:;
font-family:minion web;
color:#f67eb3;}

.head, #blog-title, .date-header, .sidebar-title  {
background-color:#f67eb3;
font-family:minion web;
color:#202123;
font-size:12px;
text-transform:normal;
text-align:left;
font-weight:bold;
border-bottom: 1px solid #f67eb3; }

input, select, textarea, iframe.htmleditor, .textfield, .button {
text-align: center;
background-color: f67eb3;
border: 1px solid #000000;
font-size: 11px;
font-color:#202123;
font-family:minion web;}

#table {
background-color:#ffffff; background-image:url(); style="background-repeat:repeat"
border: 5px solid #f67eb3;}

.post-body {text-align:center;
font-family:minion web;
color:#202123;
font-size:11px;}

.footer {
background-color:#f67eb3;
font-family:minion web;
color:#202123;
text-transform:lowercase;
font-size:10px;
text-align:center;
border-top: 1px solid #f67eb3; }

.footer a:link, .footer a:visited, .footer a:active {
font-family:minion web;
color:#202123;
text-transform:lowercase;
font-size:10px;}

.footer a:hover {
font-family:minion web;
color:#202123;
text-transform:lowercase;
font-size:10px;}
</style>
</style>
</head>

Danger!DangerHigh Voltagewhen we touch.when we kiss

<noembed>
<body bgcolor="#f67eb3" topmargin="0" leftmargin="0" align="center" background="http://img83.imageshack.us/img83/7066/crumpledpaper8lq.jpg" style="background-repeat:repeat;">
</noembed>

<div id="object" align="center" style="padding-top:86px;padding-bottom;36px;padding-left:40px;Padding-right:40px; text-align:center;">
<table width="220" cellspacing="0" cellpadding="0" align="center" id="table">

<tr>
<td background="http://img83.imageshack.us/img83/7066/crumpledpaper8lq.jpg"; width="220" height="174">

<object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 " type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95">
<param NAME VALUE>
<param NAME="ShowControls" VALUE="0">
<param NAME="ShowStatusBar" VALUE="0">
<param NAME="ShowDisplay" VALUE="0">
<param NAME="DefaultFrame" VALUE="Slide">

<param NAME="Autostart" VALUE="1">
<param NAME="Loop" VALUE="True">
</object>
</p>
<form name="form">
<p style="text-align: center">
<select style="FONT-SIZE: 10px; BACKGROUND:#f67eb3; WIDTH: 220; COLOR: #000000; font-face: verdana; height:174" name="playlist" size="1">
<option value="0">Electric Six - Danger! High Voltage</option>
<option value="1">Simon and Garfunkel - Bridge over Troubled Water</option>
<option value="2">Death Cab for Cutie - I will follow you into the dark</option>
<option value="3">minus the bear - Pachuca Sunrise</option>
<option value="4">Gogol Bordello - Start Wearing Purple</option>
<option value="5">the new pornographers - use it</option>
<option value="6">Motion City Soundtrack - Let's get f**ked up and Die</option>
<option value="7">beck - girl</option>
<option value="7">stars - What I'm trying to say</option>
</select><br>
<input TYPE="BUTTON" NAME="darkplay" VALUE="PLAY" OnClick="play(document.forms['form'].playlist);">
<input TYPE="BUTTON" NAME="darkpause" VALUE="PAUSE" OnClick=" document.darkplayer.pause(); playstate=2;">
<input TYPE="BUTTON" NAME="darkstop" VALUE="STOP" OnClick="document.darkplayer.stop(); playstate=2;"></p>

</form>


<script language="JavaScript">
<!--
var playstate = 1;
shuffle = 1;  // set to 0 to always play first song in list
               // set to 1 to randomly choose the first song to play
  // www.xanga.com/smartypants91780
   // unlimited songs, just copy and paste the song line and change the number
songs=new Array();
songs[0]=" http://linxy.guitars.ru/pop/Electric_Six__Fire__2003__Danger!_High_Voltage.mp3"
songs[1]="http://chnm.gmu.edu/courses/omalley/120/victory/music/bridge.mp3"
songs[2]="http://dailyrefill.blogs.com/daily/files/05_i_will_follow_you_into_the_dar.mp3"
songs[3]=" http://cd727il.tripod.com/sitebuildercontent/sitebuilderfiles/pachucasunrise.mp3"
songs[4]=" http://www.filelodge.com/files/room21/540493/Gogol%20Bordello%20-%20Start%20Wearing%20Purple%20-%20album%20version.mp3"
songs[5]="http://www.matadorrecords.com/mpeg/the_new_pornographers/new_por_use_it.mp3 "
songs[6]="http://www.filelodge.com/files/hdd7/151579/Motion%20City%20Soundtrack%20-%20Lets%20Get%20Fucked%20Up%20and%20Die.mp3"
songs[7]=" http://tso.berserkmovie.com/Byrobot%20Trax/Beck%20-%20Guero%20-%2003%20-%20Girl.mp3"
songs[8]="http://split.org/random/Set%20Yourself%20On%20Fire/06-What%20I'm%20Trying%20To%20Say.mp3"


if (shuffle == 1) {
var randsg = Math.floor(Math.random()*songs.length);
document.darkplayer.FileName = songs[randsg];
document.darkplayer.scr = songs[randsg];
document.forms['form'].playlist.options[randsg].selected = true;
}
function play(list) {
if (playstate == 2) {
document.darkplayer.Play();
} else {
var snum = list.options[list.selectedIndex].value
document.darkplayer.FileName = songs[snum];
document.darkplayer.scr = songs[snum];
}
playstate = 1;
}
//-->
  </script>
</td></tr>
</table>


<br /><br />


<table width="300" cellspacing="0" cellpadding="0" id="border" align="center">
<tr><td id="table" style="text-align:center;">

<center>
<span style="font-size:36px;color:202123;font-family:Georgia;letter-spacing:-6px;">Anna</span><br><span style="color:f67eb3;font-family:Georgia;font-size:26px;letter-spacing:-3px;">Is Strange<br></span><span Style="color:f67eb3;font-family:Georgia;font-size:36px;letter-spacing:-3px;">...</span></p>

<img src="http://img110.imageshack.us/img110/4666/scan4yq.jpg"; Width="150"; Height="112.5"><br> - notice the tube socks - <br>
<br>
<span style="font-size:26px;color:202123;font-family:Georgia;letter-spacing:-3px;">The Links </span><br><span style="color:f67eb3;font-family:Georgia;font-size:36px;letter-spacing:-3px;">...</span></p>
<a href="http://www.myspace.com/ever_so_sweet_8">The Unicorn Master</a><br>
<a href="http://www.fotolog.com/annabanana555">My Fotolog</a><br>
<a href="http://www.misprintedtype.com">Misprinted Type</a><br>
<a href="http://www.k10k.net">K10K</a><br>
<a href="http://www.8bitsandpieces.com">8 bits and pieces</a><br>
<a href="http://www.xanga.com/landlocked_music">Landlocked_Music</a><br><br>


<img src="http://i15.photobucket.com/albums/a356/xxtheblotchknowsxx/ET___Atari.gif">

<br>
<br>
<div style="text-align: center; margin-left: auto; margin-right: auto;">
    
<br>
</embed>
<br>

<span style="font-size:26px;color:202123;font-family:Georgia;letter-spacing:-3px;">Dwell On The Past </span><br><span style="color:f67eb3;font-family:Georgia;font-size:36px;letter-spacing:-3px;">...</span></p>
<BloggerArchives>
  <a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
<Br>
<br>
</td></tr>
</table>

<table width="400" right-cellspacing="0" cellpadding="0" align="none" text align="center">
    <tr>
<td id="table" valign="top">
<!-------------------------------------------------
        BEGIN BLOGGER CODE
--------------------------------------------------- >

<Blogger>
<!------ DATES ------>
    <BlogDateHeader>
  <div class="head"><$BlogDateHeaderDate$>
    </BlogDateHeader>

<a name="<$BlogItemNumber$>"></a>
<br>
<!------ SUBJECT ------>
    <BlogItemTitle>
     Subject: <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
     <$BlogItemTitle$>
     <BlogItemUrl></a></BlogItemUrl>
    </BlogItemTitle>
  </div>
<!------ POST BODY ------>
    <div class="post-body">
      <$BlogItemBody$>
    </div>

<!------ COMMENT FOOTER ------->
<div class="footer">posted by ♥<a href="mailto:annabanana555@hotmail.com"><$BlogItemAuthorNickname$></a> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> |
       <MainOrArchivePage><BlogItemCommentsEnabled>
         <a href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled></MainOrArchivePage> <$BlogItemControl$>
     </div>

<Br>

<!------- COMMENT -------->
<ItemPage>
<div id="comments">

    <BlogItemCommentsEnabled><a name="comments"></a>
        <div class="head"><$BlogItemCommentCount$> Comments:</div>

        <p>
      <BlogItemComments>
      <dt id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>

        <div class="head" style="width:100%"><$BlogCommentAuthor$> said...</div>

      </dt>

      <div class="post-body">
        <$BlogCommentBody$>
      </div>

      <div class="footer"><a href="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
      <$BlogCommentDeleteIcon$>
      </div>
    <p>
      </BlogItemComments>

    </p>
        <p class="footer">
    <$BlogItemCreate$>
    </BlogItemCommentsEnabled>
   <BlogItemBacklinksEnabled>
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>

    <br />
    <a href="<$BlogURL$>"><< Home</a>
    </p>

    </p>
    </div>

</ItemPage>
</Blogger>

<div style="text-align:center;">

<--- --->
<br />

<div>
</td>
</tr>
</table>


</body>
</html>
moorepocket
it looks side by side. Or are you talking about the music box.
annabanana555
umm they are side by side but it isnt centered with the music box
moorepocket
you want everything to be center??
annabanana555
yes but i want both collumns to be side by side, but centered

ummm kindof like a skinny myspace layout, but not

earlier i tried messing around with the padding and cellpadding, but i just got confused
moorepocket
so... music box on top, and the two column underneath.
annabanana555
yes thumbsup.gif
moorepocket
first of all, delete.
QUOTE
#table {
background-color:#ffffff; background-image:url(); style="background-repeat:repeat"
border: 5px solid #f67eb3;}

css shouldn't have quotes like that.

QUOTE
<br>
<br>
<div style="text-align: center; margin-left: auto; margin-right: auto;">

<br>
</embed>
<br

where the open embed for that one?

QUOTE
</style>
</style>
</head>

only one close tag.

if you want the table side by side, just use div positioning.
QUOTE
<div style="margin-left:#px; margin-top:#px;">
YOUR TABLE
</div>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.