| 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.
| 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.
[edited by: Marshall at 2:21 pm (utc) on Nov. 3, 2007]
| 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.
| 7:22 pm on Nov 3, 2007 (gmt 0)|
I am wondering if it is possible to put lists in a website via a database?
It must be
| 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? :)
| 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]
| 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]
| 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]
| 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:
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]
| 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 :(
| 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?
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]