brynn

Thanks!

Could it be <th style="width:30%"> ?

Thanks for the info! Yes, I remember that there's a way to set the column width. But I can't find a page on w3schools.com that explains it. Could someone either show me the page, or show me the proper code? Thanks. Edit I found some old pages of mine that show row span and col span. But I can't find one for column width. Edit #2 I need inline code. I can't get to the stylesheet or style tags. So it needs to be inline code. I looked and looked on w3schools.com. Can't find.

Hi Friends, This will probably be easy for you. I'm trying to learn some simple info about tables, and I'm studying this page https://www.w3schools.com/html/html_tables.asp and specifically this example https://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_intro I see that the first column is wider than the other 2. But I can't figure out which code on the left side of the page is responsible for that. When I remove the width = 100% part, it removes all the extra space. So that partly answers it. But why does the first column have more extra space than the other 2 columns? Thanks for your help.

Oh, I didn't see any example where the padding was having 2 values. I only found examples of padding with one value. But thank you. I will use that! Thanks again!

Hi Friends, I don't actually know if the solution for this is going to be in the CSS or the HTML, so I apologize if I'm putting this in the wrong board. I'm trying to find a way to put space between the columns of a table (or horizontal space within or between the cells), without adding space between the rows (or vertical space within or between cells). For example, I have the table 100% width, 5 columns, 20% each. But the text goes right to the edge of the cells. There aren't any borders in this table. I've been searching through the HTML and CSS areas of w3schools.com. I found padding, but that puts space around all sides of each cell. I found padding left and padding right, but it looks like that's only for the paragraph <p>. I tried putting the contents of each cell in a <p>. But that adds an extra line space to the cell, and I'm trying to avoid adding vertical space. I found cell spacing, but again, it adds space around all sides of each cell. I'm thinking about adding 4 columns between, so for example, I might have 5 columns of 17 or 18%, and a 2 or 3% wide column in between them (which would not have any text, but maybe a couple of nbsp). But I'm not sure if that's the best idea. Is there a better way to achieve the extra horizontal space with creating extra vertical spacea? Thank you very much!

Ooohh, I see it now! Thank you very much. Now I have realized that a table might be a better idea. I have a question about the table, but I'll start a new topic, since it's a whole different subject. Thanks again!

Hi Friends, I'll probably never be more than a beginner with CSS and HTML. I have relatively simple needs. From my simple knowledge, I'm guessing the background color must be coming from the CSS rather than from the HTML, but I could be wrong, and I could be posting in the wrong board. So please move this if necessary. Currently, I'm trying to create 4 columns using this code which I found here: https://www.w3schools.com/howto/howto_css_four_columns.asp * { box-sizing: border-box; } /* Create four equal columns that floats next to each other */ .column { float: left; width: 25%; padding: 10px; height: 300px; /* Should be removed. Only for demonstration */ } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } The problem is the gray background colors behind each column. I don't want any background color, so that what's behind the columns is the same as what's behind the whole page (which is an image) (a denim fabric - well let me just show you the whole current page, where I have not added the columns yet - https://forum.inkscapecommunity.com/index.php - of course my code only affects part of that page, which I think should be obvious, but if not, I can explain.) But I can't figure out how to get rid of the gray background colors. I thought of adding background-color to the .column class, but I don't actually want any color there. Is there some way to get rid of those gray colors and still use that code? Or should I look for another solution, like maybe make a table? Because I may end up with....geez, 3 or 4 rows of 4 columns. Maybe a table would be better in the end? Thank you very much 🙂

Hhmm.....well a lot of the info in that article is still over my head, at the moment. But I'll forge ahead and hopefully it will become clear. Thank you very much for taking the time to help me to understand (Edit -- I can't remember if this forum likes topics to be marked solved. But I can't find the button, if there is. Anyway, we can close this topic now. TA)

Please excuse my newbie-ness. But what use is that kind of code then? Why not just put the box where you want it in the first place, rather than put it in one place, and then write code for it to be in another place. I must be missing some major concept.

I'm not sure I understand. Are you saying that those examples are not supposed to show the animation? If not, I would ask, why not?

Is this what you mean? I tried like this, but didn't work. <style> div { width: 300px; height: 100px; background-color: yellow; border: 1px solid black; -moz-transform: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform: translate(50px,100px); /* Safari */ transform: translate(50px,100px); /* Standard syntax */}</style>

Hi Friends, I almost posted this in the Suggestions board, but likely this is a problem on my end, somehow. Although I'm sure you can move this, if it is some kind of problem. For the CSS3 2D Transforms and 3D Transforms tutorials, the "Try it yourself" examples don't work. I'm using Firefox all current and up to date (atm 37.0.2). And the Browser Support section says it should be supported. All the other "TIYs" work as expected. Is it something I'm missing? I guess I'm getting a little ahead of myself, maybe trying to learn too much too soon. So potentially I could have missed something, along the way, that would explain this. Or is there a problem in those examples? Thanks for enlightening me

Ok, thanks dsonesuk :-) We can call this solved (although doesn't look like you all have any kind of solved flag or mark). Happy New Year 2015!!

Ok, thank you very much! I understand, but wanted to ask one clarification. When you say the id is invalid, what does that mean? It can be invalid, but the code still works to deliver the page? Maybe I need to learn more about validity?

Hhmm...ok, I can't do it exactly like that. Here's an example of what I have: <ol> <li> <span id="Help Members"><strong>Help Members</strong></span> -- and there's some other info here <p>first paragraph first item</p> <p>second paragraph first item</p> </li> <li> <span id="Write Tutorials"><strong>Write Tutorials</strong></span> -- and there's some other info here <p>first paragraph second item</p> <p>second paragraph second item</p> </li></ol> A span id has to go around the title part of the list item, because it allows necessary links to that place on that page. Would that work? It seems to work on my page. But if it could cause other problems, I probably should write it more properly. Thanks again

Oh, thank you so much! I'll give that a try.

Hi Friends, I've been trying to make a list where each list item has a few paragraphs. If I make the code like this: <ol><li>first item -- and there's some other info here</li><p>first paragraph first item</p><p>second paragraph first item</p><li>second item</li><p>first paragraph second item</p><p>second paragraph second item</p></ol> When I save that to my page, with the rest of the code, the paragraphs get moved out of the list and are placed either above or below the list. And sometimes, quite far away from it. I've been using the HTML Tutorial for help, but I haven't been able to find an example of this kind of situation, where I need a few paragraphs indented with each list item. I tried moving the closing list tag to the end of the last paragraph, but that didn't work either. Is there any way to do that, so the paragraphs stay with the list item? Thanks for your help Edit Also note that there are a lot of nested lists, where each list item also has a list. So I could have something mixed up there. But if I know how to do this where the paragraph stays with the list item, I think it should work. If not, maybe I'll have to post more of the code. TA

Oohhh.... I see! You put the nested list inside a list item, instead of in between list items! Very nice. Thanks happycodings

Ok. Thanks Ingolme! I'll try those

Thanks for replying. I'm afraid I don't know what you mean.

Actually, I do still have a question. Now it looks like the numbers might be important. Is there a way to make the numbers like this? 1. 2. 2.1 2.2 2.3 3. 3.1 3.2 3.21 3.22 3.3 4. Thanks again

OH! I think I figured it out on my own This is what I did, in case anyone else searches out this topic in the future. <ol><li>1st item</li><li>2nd item</li><ol type="a"><li>1st level nest</li><li>2nd 1st level nest</li></ol><li>3rd item</li><ol type="a"><li>3a</li><li>3b</li><ol><li>3b1</li><li>3b2</li></ol><li>3c</li></ol><li> no4</li></ol> And thanks anyway

Hi Friends, I was just looking at the HTML section about lists, but didn't see the kind of list I want. I did find an example of unordered nested list. But I need nested ordered list. I'll put an example below. 1. first item 2. second item 2a. whatever 2b. more stuff 2c. last of first level nest 3. third item 3a. new nest 3b. whatever 3b.1 2nd level nest 3b.2 whatever 4. fourth item etc. The numbering doesn't have to be exactly like that. But the spacing (indents) is important. Instead of 1. 2. 2a 2b 2c 3. 3a 3b 3b.1 3b.2 4. etc. It could be 1. 2. a. b. c. 3. a. b. b1 b2 4. I guess generally I'm looking for a typical outline type of nested, ordered list. Is it possible to do that with list tags/code? Or can it only be done with divs, spans and style stuff? Thanks for your help

Oh, thank you very much! That's much easier than I ever imagined, lol. Since I've just started learning CSS, I started with just the basic CSS. I guess I should start thinking about learning CSS3 now, as well -- more bells and whistles Thanks again!