Jump to content

brynn

Members
  • Content Count

    84
  • Joined

  • Last visited

Community Reputation

0 Neutral

About brynn

  • Rank
    Newbie

Profile Information

  • Gender
    Female

Recent Profile Visitors

1,250 profile views
  1. Could it be <th style="width:30%"> ?
  2. 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.
  3. 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.
  4. 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!
  5. 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!
  6. 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!
  7. 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 🙂
  8. 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)
  9. 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.
  10. 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?
  11. 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>
  12. 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
  13. 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!!
  14. 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?
×
×
  • Create New...