Making a Side Bar in Squidoo
Using css to float a sidebar
This is a floating block. It should appear on the left hand side with a light yellow background.
Making a floating side bar is easy enough. You need to enter a <p> tag and fool your browser into thinking it's a box. You figure the width and height and the add the float:left style to it. You can also float right if you like.The HTML stuff is touchy so copy it exactly. Every quote, colon and semicolon must be in the right place.
Here's the HTML code to make it work:
<p style="background-color:lightyellow;display:block;float: left;width:120px;height:400px;">
contents go here
</p>
I made a list of the color names in my last Stupid Squidoo Tricks where I figured out that Squidoo lets you do this stuff.
CSS books on Amazon
Suggestions
Give me some ideas about things that you would like to do with CSS on Squidoo.
-
Reply
- portagecogop portagecogop Oct 23, 2008 @ 10:48 am
- This is a really cool trick.. It gives your lens that little extra something thanks again...
-
Reply
- BABYKITTY BABYKITTY Jul 14, 2008 @ 2:20 pm
- thanks so much for all the HTML help. I know nothing about this stuff and lenses like this are a life saver!
by KPGraham
(more)
by 5 people |




