Donate SIGN UP

HTML query.

Avatar Image
flobadob | 15:51 Fri 25th May 2012 | How it Works
7 Answers
In a sheet I am practicing on, I've got a #logo, #header, #navigationbar, #sidebar, #maincontent and #footer. I'm trying to have the links in the #navigationbar in a horizontal row, but I want to put the links in the #sidebar in a vertical row. But when I try to do this it just seems to apply the same rule to each #.

I'm still learning this so I must be doing something wrong. Does anyone know what it may be. I am using <div> tags if that makes a difference to any answer.
Gravatar

Answers

1 to 7 of 7rss feed

Best Answer

No best answer has yet been selected by flobadob. Once a best answer has been selected, it will be shown here.

For more on marking an answer as the "Best Answer", please visit our FAQ.
I'm learning this as well Flobbers..................... so, if you don't mind the blind leading the blind ...........
Assuming the sidebar is on the right, are you remembering to float the navbar "left", and the sidebar "right"?
Not being funny here but why youre bothering to learn HTML is beyond me.

Unless you'll be doing high end corporate web sites theres so may brilliant programs out there that allow you to make webites as good as any "pro" site out there.
No html needed, just drag and drop template driven to a very high standard and usually 100% customisable, look at Artisteer or Xara web developer etc etc, a lot less hassle and sooooo quick to get a site up and running.

and then you can still customise using CSS if needed, which is probably of more use to learn than HTML
No program makes perfect HTML. An understanding of the fundamentals of HTML and CSS are essential if you want to develop good code, even if that is only used to sort out the output of the editor.

CSS is part of the lesson when learning HTML.
I couldn't agree more, beso! These "cheap 'n' cheerful packages produce uniformly awful websites which any professional can spot a mile off, and the HTML they render is usually seriously bloated. Artisteer is one of the worst I've ever seen: http://wordpress.org/...-using-artisteer-here
You have not given us much to go on but you made need a float:none after the navigation bar.

Have you set a width for the side bar?

The divs should have different classes to control their properties.
"any professional can spot a mile off,"

totally irelavant, thats like me saying about a piece of music I can hear that its been played by an amateur...but its still a good piece of music.

theres millions of sites produced using this kind of software and for the most part they function as well as any other so called pro made hand coded site.

You think a lot of pros arent now using template driven drag'n'drop software to produce sites ?! dont kid youselves.

BBC spends a small fortune on its site and what a messy pile of krrap that is.

People go to a site and want to find what they are looking for PDQ, they arent interested if the code may or may not be bloated asa long as it works.
Question Author
We are also using Dreamweaver, but I would rather try to have some of the basics of the code learned so that when I see Dreamweaver or others' workings I will be able to work out what it means. I will have a look at the float thing. I tried applying a separate CSS to the sidebar than the rest of the page but it didn't help. No matter what I tried the same settings were applied to the links in the #NavBar and #SideBar.

1 to 7 of 7rss feed

Do you know the answer?

HTML query.

Answer Question >>

Related Questions