css template with netbeans

Ok so i already know how to make header, content and footer.
And now i want to learn how to build a website, with basic colors, becouse i don't know photoshop.
Need to learn how to put links in header, how to add content in content...and that will be good enough for begining, i already know HTML.
Thanks in advance.

Making an element 'float' over other elements

Hi, I'm new to CSS, but have some experience in HTML and JavaScript. I'm writing a web app that extracts data from Google Calendars, and displays them a la the Sasco Year Planner. I'm using a large table for the calendar in the background, but need to add events on top.

Picture gadget is stuck on the right

Can anybody help me, please Smile

I added a picture gadget on my Blogger sidebar (Page Elements > Add A Gadget > Picture), but when I do a preview the picture is moved far on the right, while it should properly be centered, because the Labels widget is correctly centered.

Visual explanation:

I tried changing the sidebar's padding and margins, but then the Labels go left/right while the picture stays on its fixed position.

Here's my CSS:

<?xml version="1.0" encoding="UTF-8" ?>

Layout . Divs moving out of container

This is the Html

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	  My first site using Html 5 
<title> A Guide To HTML 5 </title>
<link href="style/css1.css" rel="stylesheet" type="text/css">
<div id="container">
 <div id="header">
    <h1> Html 5 </h1>
    <!--- below is the html 5 tag nav which sets out the navigation --->
       <div class="menu">
      <li> <a href="#"> Home </a> </li>

2 Content Columns: Float variable-width content column next to fixed width content column

I am a CSS noob. Sorry if this is redundant of other answers--I did try to search the forum and the web before posting.

I'd like to do this without javascript if possible:

I am trying to create a layout that has two content columns. The left content column can be fixed width, but I would like the right column to behave differently, depending on screen resolution:
(1) At lower screen resolutions (eg 800x600), the right content column will drop below the left content column.
(2) At higher screen resolutions, the right content column will float to the right of the left content column.

Syndicate content