using <div> to create the menu

  • (2 Pages)
  • +
  • 1
  • 2

19 Replies - 1553 Views - Last Post: 16 February 2014 - 10:15 AM

#16 grizrule  Icon User is offline

  • D.I.C Head

Reputation: 4
  • View blog
  • Posts: 53
  • Joined: 29-December 13

Re: using <div> to create the menu

Posted 11 February 2014 - 12:21 PM

I don't see anything wrong, and you do have the link to the stylesheet in the right place. What is happening on your website? Are the styles not there? Please explain what all is happening. Also make sure the style tags
<style>...</style>
were taken out when you inserted the styling into the .css file. All you want in the css file is the code you put in between the style tags.
Was This Post Helpful? 1
  • +
  • -

#17 DATAfiend  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 10
  • Joined: 17-February 12

Re: using <div> to create the menu

Posted 13 February 2014 - 11:51 PM

So the html file I think makes the background white. So, I have the menu on the left as a grey color and (still not the height of the page), with the bottom of the menu just plain white. Problem not solved. Frustrating.

I was looking at the 2 column template on the dynamic drive site, and I thought I could find the left column. They call it a "leftcontainer" in the html body portion of the code. When you look at the code in the style portion of their code.
#leftcolumn{
float: left;
width: 200px; /*Width of left column*/
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
background: #C8FC98;
}

They can get the left column to go all the way to the bottom. But then I notice:
#contentwrapper{
float: left;
width: 100%;

Is this how they get the left column to go all the way down the length of the page?
Was This Post Helpful? 0
  • +
  • -

#18 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 2884
  • View blog
  • Posts: 9,567
  • Joined: 12-December 12

Re: using <div> to create the menu

Posted 14 February 2014 - 09:46 AM

Quote

Is this how they get the left column to go all the way down the length of the page?

That code alone doesn't account for a full height column. Post the link to the specific page you are referring to.
Was This Post Helpful? 0
  • +
  • -

#19 DATAfiend  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 10
  • Joined: 17-February 12

Re: using <div> to create the menu

Posted 16 February 2014 - 08:48 AM

Hey andrewsw,
Here is the dynamicdrive tutorial template that I'm using. Scroll to the bottom. It looks like their is another template (the static 2 column), that I could probably use that might be easier.

http://www.dynamicdr...21-fixed-fixed/

I just want to stick with this.
Was This Post Helpful? 0
  • +
  • -

#20 andrewsw  Icon User is online

  • Fire giant boob nipple gun!
  • member icon

Reputation: 2884
  • View blog
  • Posts: 9,567
  • Joined: 12-December 12

Re: using <div> to create the menu

Posted 16 February 2014 - 10:15 AM

I'm sorry but I don't know what you are now asking, nor which static 2 column you are referring to.

That Dynamic Drive site is excellent, not just for layouts. It provides examples of all kinds of layouts, and gives you the relevant css and html.

Find the layout you want, copy the relevant html and css. Run, read it and test it. Once you understand it you should be able to apply it.

If you have a specific question then please explain it.
Was This Post Helpful? 0
  • +
  • -

  • (2 Pages)
  • +
  • 1
  • 2