homepage Welcome to WebmasterWorld Guest from 54.198.25.229
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
A good website to learn html
Any one know of any?
malcolmcroucher

5+ Year Member



 
Msg#: 3495499 posted 1:54 pm on Nov 3, 2007 (gmt 0)

Hi ,

I am lookign for a good website to learn html .
hopefully it has a few examples .

I want to add a horizontal lists
get a better CSS and maybe a background image .

Any suggestions?

Regards

Malcolm

 

Marcia

WebmasterWorld Senior Member marcia us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3495499 posted 2:05 pm on Nov 3, 2007 (gmt 0)

I want to add a horizontal lists get a better CSS and maybe a background image

Horizontal lists have to be styled using CSS, plain old HTML just doesn't do it. Check the forum library right here, or maybe someone will come along with a suggestion. It isn't difficult, but you do have to watch out for inheritance and specificity (just love that word!... LOL), especially if the list is inside a table.

Marshall

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3495499 posted 2:19 pm on Nov 3, 2007 (gmt 0)

The W3C Tutorials [w3schools.com] is a good place to start. They cover HTML, CSS, ASP, PHP, XML and more.

Marshall

[edited by: Marshall at 2:21 pm (utc) on Nov. 3, 2007]

Marcia

WebmasterWorld Senior Member marcia us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3495499 posted 2:30 pm on Nov 3, 2007 (gmt 0)

Marshall, I most respectfully beg your pardon, but my post makes perfect sense.

HTML lists are vertical - they run top to bottom. To get them horizontal you have to use style="display: inline" which is imbedded CSS, or use a div in a linked stylesheet.

That is EXACTLY what I just so happen to be working on this very week, converting imbedded tables, (used for top navigation under the header) inside table layouts to horizontal lists; and a big issue is getting the text (more specifically navigation links) in those horizontal lists to format properly.

malcolmcroucher

5+ Year Member



 
Msg#: 3495499 posted 7:22 pm on Nov 3, 2007 (gmt 0)

Marcia ,

I am wondering if it is possible to put lists in a website via a database?

It must be

regards

Malcolm

penders

WebmasterWorld Senior Member penders us a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month



 
Msg#: 3495499 posted 8:23 pm on Nov 3, 2007 (gmt 0)

I am wondering if it is possible to put lists in a website via a database?

Yes, this is perfectly possible, although the database would be read with a server-side scripting language (such as PHP) which then outputs HTML to be sent to the browser.

HTML can't read the database directly - if that's what you're thinking? :)

Marcia

WebmasterWorld Senior Member marcia us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3495499 posted 8:31 pm on Nov 3, 2007 (gmt 0)

AFAIK, you'd still have to format your lists with markup and CSS - which is what the browsers "read" and sure, you can use PHP to "include" your navigation so it's sitewide (I do it on ALL my sites), but that doesn't need a database, it's just a simple text file and one line of PHP code imbedded in the web page.

[edited by: Marcia at 8:32 pm (utc) on Nov. 3, 2007]

2lame2rank

5+ Year Member



 
Msg#: 3495499 posted 9:46 pm on Nov 3, 2007 (gmt 0)

I think A List Apart is a good place to learn about HTML and CSS.

[edited by: SuzyUK at 10:21 pm (utc) on Nov. 3, 2007]
[edit reason] No URI's please [/edit]

SuzyUK

WebmasterWorld Senior Member suzyuk us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3495499 posted 10:33 pm on Nov 3, 2007 (gmt 0)

malcolmcroucher .. either you're on a very huge learning curve that means you can't even take the time to stop and say thanks for any of the references that you are being given in your last few threads.. or you're just out for all you can get?

HTML lists are vertical - they run top to bottom. To get them horizontal you have to use style="display: inline" which is imbedded CSS, or use a div in a linked stylesheet.

Marcia you're somewhat right but it's not that simple, If you or anyone for that matter thinks that a horizontal menu is as simple as display: inline; then I would be way interested in an example thread!

[edited by: SuzyUK at 10:39 pm (utc) on Nov. 3, 2007]

Marcia

WebmasterWorld Senior Member marcia us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3495499 posted 10:59 pm on Nov 3, 2007 (gmt 0)

If you or anyone for that matter thinks that a horizontal menu is as simple as display: inline; then I would be way interested in an example thread!

Oh, it's definitely not a simple matter by any means (as I can attest to by any number of all-nighters), but it is definitely the starting place to get the concept across to an absolute beginner that it starts with an alternate direction (horizontal) from the normal layout of a list (vertical).

You have to understand that things seem very different to someone who's brand new to something, which is apparently the case with this thread.

Here's a thread:

[webmasterworld.com...]

It's somewhat easier with images, since there isn't the text formatting to deal with. It worked with using images, but to get a menu changed to a right justified horizontal list (within a table cell) with text links, I had to start with the code from List-o-Matic and change the font styling from there.

[edited by: Marcia at 11:01 pm (utc) on Nov. 3, 2007]

Marshall

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3495499 posted 11:07 pm on Nov 3, 2007 (gmt 0)

Sorry Marcia. If you notice, I edited the post. I did not realize what was originally said about lists and therefore, didn't understand your post. It wasn't until I posted my response that I caught it. My bad :(

Marshall

SuzyUK

WebmasterWorld Senior Member suzyuk us a WebmasterWorld Top Contributor of All Time 10+ Year Member



 
Msg#: 3495499 posted 11:57 pm on Nov 3, 2007 (gmt 0)

Agreed that the change of direction of anything should be achieved via CSS.. but for a start you're assuming that people know to use a list for list of choices, whereas, in reality, that's a relatively new (albeit overdue) acceptance.. then e.g. there is a direction: rtl (or ltr) rule (which can be written in HTML too <dir=rtl> ).. would you think if I just said that it should work, or would you be at the point where you understand it's not about direction it's about floats or inline blocks.. then would you understand that an inline-block is (or should be) like a table cell, in a perfect world anyway. To me changing the direction of lists, (anything in the HTML flow actually) is not an 'absolute beginners' step it's CSS & P, commonly referred to as CSSP.

The OP has stated in previous posts, and indeed the title of this post that s/he wants to know where to start with CSS.. IMHO this is not the place you don't start with CSS and P(ositioning) you start with CSS ;)

But, I also know that a beginner, or a 'lightbulb' comer, to CSS these days often comes into the "game" from different angles and knows different things.. so I no longer assume a beginner is starting at step 1 with HTML without even hearing of CSS, have been 'bitten' too often :o

Marcia, thanks for the clarification, and believe me I understand - at least I hope I do seeing as I have a couple of old contributions on List-o-Matic - ;)

I hope this wee confab (between senior members) is fully appreciated by malcomcroucher ;),

and If I can find one of the threads here at WebmasterWorld which gives examples of both horizontal and vertical lists then I will post it, does anyone have one?

edit: added
I found some threads: my 'flag' list is too long so I had to use a Google search! [google.com] ;)

Horizontal Menu, 2 different samples [webmasterworld.com]
See Post #2 which has example of both horizontal and vertical [webmasterworld.com]

[edited by: SuzyUK at 8:51 am (utc) on Nov. 4, 2007]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved