Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Neutral

About brynn

  • Rank

Profile Information

  • Gender

Recent Profile Visitors

1,078 profile views
  1. 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!
  2. 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!
  3. 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!
  4. 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 🙂
  5. 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)
  6. 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.
  7. 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?
  8. 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>
  9. 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
  10. 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!!
  11. 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?
  12. 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
  13. Oh, thank you so much! I'll give that a try.
  14. 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
  15. Oohhh.... I see! You put the nested list inside a list item, instead of in between list items! Very nice. Thanks happycodings
  • Create New...