So I drew a layout for a webpage I'm trying to make, but I'm not the most knowledgeable about HTML. If I showed you my layout, would you help me with the code?

Yes.

Quote:

---

Originally Posted by Old Manus

Yes.

---

Attachment 67597

Oh wow, you weren't joking when you said you drew it :monster: What's your knowledge of HTML like right now? Some of these things, like the carousel would need Javascript/jQuery to make it work. Stuff like user accounts and search mean it would need some server scripting like PHP or ASP.NET.

Quote:

---

Originally Posted by Old Manus

Oh wow, you weren't joking when you said you drew it :monster: What's your knowledge of HTML like right now? Some of these things, like the carousel would need Javascript/jQuery to make it work. Stuff like user accounts and search mean it would need some server scripting like PHP or ASP.NET.

---

I know the basics, but I'm not sure how to put it together. I'm not working on accounts, carousels, or search engines right now. I just want areas to look like that for now. I'm mostly working with sections and images. Right now, I'm working just the overall structure, but I do want a few links to work, most preferrable the top links.

I think if you're planning on doing the server side code later, you should start small. Forget the login box and carousel for now. The HTML structure shouldn't be too complicated, but you can't move things around the page and align them like that without CSS.

At a fundamental level you'll need a

tag for the header, for the horizontal menu, for the main content container, the right hand menu, and the footer (though you can use the

I'm trying the float property, but nothing's happening. here's my code:

SHOWCASE.COM

ARCHIVES
DISCUSSION BOARD
FAQ
CONTACT
ABOUT

HOME PAGE

White Bird With such detailed brushwork, eye-catching highlights, and eerie background for its mystical atmoshphere, this proves to be a beautiful work of fantasy. Alma Roa SEE MORE >>>

NEXT>>>

ARTICLES/WRITING

Deciphering Compact Galaxies in Young Universe Researchers have discovered about 80 young galaxies in the early universe... SEE MORE>>

Pretending, Acting, and Lying Hey there. I'm James. I'm 21 at the time of writing this essay, and I was 20 at the time of realizing essays aren't... SEE MORE>>

Foldable Material that can Change size, Volume and Shape A new type of foldable material has been designed that is versatile, tunable and self actuated... SEE MORE>>

5 Tips for Writing Your Story's Inciting Incident Once you have completed your Beginning plot-point, in which your establish the beginnings of your plot... SEE MORE>>

Browse All

Visual Arts

• Traditional


• Digital


• Animation


• Photography


• Film


• Comics

Literature

• Poetry


• Novels


• Journals

Articles

• Science


• History


• Philosophy


• Reviews


• Technology

Browse Newest

• Last 24 Hours


• Last 3 Days


• Last Week


• Last Month

You need to apply the float:right property to the whole sidebar div, rather than just the list (as that will just make the list float on the right within the sidebar div which isn't in any specific position. Similarly you should apply float:left to the 'content' div, so that they both float. Then you'll find that the ARTICLES/WRITING table is taking up the full width of the page, so you should also set the width of the 'content' div to something like 85% to give the sidebar some room (width: 85%).

Also, it's bad practice to add styling inline with the HTML. You should put your styling in a CSS file and add it above the tag like so:

Code:

---

---

Quote:

---

Originally Posted by Old Manus

You need to apply the float:right property to the whole sidebar div, rather than just the list (as that will just make the list float on the right within the sidebar div which isn't in any specific position. Similarly you should apply float:left to the 'content' div, so that they both float. Then you'll find that the ARTICLES/WRITING table is taking up the full width of the page, so you should also set the width of the 'content' div to something like 85% to give the sidebar some room (width: 85%).

Also, it's bad practice to add styling inline with the HTML. You should put your styling in a CSS file and add it above the tag like so:

Code:

---

---

---

Does float count as a style? What would it look like in the code? I tried this: #dv id{float:right}, but it didn't work. I've been running the code in the WC3 validator and it told me to remove things like image properties and alignment tags because they're obsolete.

Basically any property in a HTML tag that isn't 'id', 'class' or sometimes 'visible' should go in the CSS.

Try putting the following in your CSS file:

Code:

---

#sidebar
{

float:right;

}

#content
{

float:left;
width:85%;

}

---

'id' tags in the HTML start with a # in the CSS, while 'class' tags in the HTML start with '.'

Quote:

---

Originally Posted by Old Manus

Basically any property in a HTML tag that isn't 'id', 'class' or sometimes 'visible' should go in the CSS.

Try putting the following in your CSS file:

Code:

---

#sidebar
{

float:right;

}

#content
{

float:left;
width:85%;

}

---

'id' tags in the HTML start with a # in the CSS, while 'class' tags in the HTML start with '.'

---

I was able to bring it all together. I really appreciate this. Thanks.