/    Sign up×
Community /Pin to ProfileBookmark

CSS blog template – adding a new column.

I am struggling to fully create to create the new left hand column on my blog template: [url]http://www.kjbeckett.com/mensfashionblog/blog.html[/url]. If
anyone could help I would appreciate it…

I have updated the css with a new value…

#sidebarleft {
width:160px;
float:left;
}

…but I’m not sure where to put the following code which generates the left hand column…

<!– Begin #sidebarleft –>
<div id=”sidebarleft”>
Test Text
</div>
<!– End #sidebarleft –>

…which I placed directly after…

<!– Begin #content –>
<div id=”content”>

…and before…

<!– Begin #main –>
<div id=”main”><div id=”main2″>

and whilst “Test Text” appeared in the correct place (e.g. top left)
and the new left hand column seemed to be there… the right hand
column had been moved to the bottom of the page.

I cant figure out what I am doing wrong?

Paul

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@ray326Jun 26.2007 — According to Firebug, nothing in the body seems to have any style applied to it other than what is inherited from the body selector.
Copy linkTweet thisAlerts:
@kjbeckettauthorJun 26.2007 — Hi

I had placed this in HTML but I realise it is a CSS issue. I am struggling to fully create to create the new left hand column on my blog template: http://www.kjbeckett.com/mensfashionblog/blog.html. If

anyone could help I would appreciate it...

I have updated the css with a new value...


#sidebarleft {

width:160px;

float:left;

}


...but I'm not sure where to put the following code which generates the left hand column...


<!-- Begin #sidebarleft -->

<div id="sidebarleft">

Test Text

</div>

<!-- End #sidebarleft -->


...which I placed directly after...


<!-- Begin #content -->

<div id="content">


...and before...


<!-- Begin #main -->

<div id="main"><div id="main2">


and whilst "Test Text" appeared in the correct place (e.g. top left)

and the new left hand column seemed to be there... the right hand

column had been moved to the bottom of the page.

I cant figure out what I am doing wrong?

Paul
×

Success!

Help @kjbeckett spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.15,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...