You’ll need border-collapse: separate if you need either of those things.
When border-collapse is collapse, it is notable that properties like border-spacing and border-radius (on actual borders) don’t do anything.
Below is the revise HTML and CSS for your website: ģ00,000 BCE The Hadesians have occupied all four planets in their system.Īn utterly devastating Civil War between the three inner planets of the Hades System takes place. I would suggest taking some basic HTML and CSS course to create a good foundation for you.
#Css display table cell margin not working code
It will bring in that much more organization, making it easier for you or another developer jumping into your code to work on. Also a trick I use is to use _ when separating words in a ID and - for classes, example: id=“hello_world” class=“hello-world”. Third, when naming your id and classes, make sure the name signifies what the content is. Instead of giving each tag it’s own ID, you can target a certain tag with it’s parent container in CSS. Having a div parent container around content can make it easier to target certain tags. Also, it helps create separation in your HTML, making it easier to read. It is a lot easier to center text, add padding etc etc. Second, try using more div tags to wrap content as a parent container. It is better to use tags and style the text in CSS using font-weight: bold. I did noticed a few issues in your code, so I thought it would be best to re-write it for you.įirst and foremost, try to limit any styling in your HTML. Hey first of all, great effort! As long as you keep trying, you will strive, and one can always learn from their mistakes. PS2: I didnt answer you about the margin because you have to understood everything what I said, I left comments on the HTML about the margin too. Hope you understood (I’m Brazilian, so my English is not the best one). So, do the same, learn good practices and look for understood what you’re using and WHY! When you know why you’re using this and not is because you know about this subject PS: I only have 2 months coding, but I understood at the beginning the importance of organization, I’m not the most organized guy so I’ve been working this a lot. If you have any doubts you can send here, it will be a pleasure to help. I’ve left almost everything with border red to you understand better, and it has commented on the html explain what I did and why. I’ve made a fork to you see how I did the organization: But you HAVE TO understand to use, with position we cannot make a mistake. Because of that, we don’t have float: center, it wouldn’t be nice to read.ĪBout position: Here is a advice, the position isn’t for all the cases! If you understand position you will have a great power in your hands, that you have to use with responsible. The float was made thinking about this, the image stays on one side and the text goes around it. Do you have buttons on this navbar? Make container for this buttons! Its very nice because you will organize your code and automatically your Cascading Style Sheets (CSS), did you see that CSS is a Cascading Style? If you have a container inside a container, inside to another container, you have a Cascading HTML!! If you have tag after tag without semantic and organization you will always have a problem with CSS.Ībout float: Have you ever read a journal before? So you know that some images stay on left and the text goes around like this: If you have a navbar make a container for this. So if you have a place that contains a timeline make a container for this timeline.
#Css display table cell margin not working how to
You have to study how to organize your HTML, learn the block style: You have to design the entire website with blocks, I like to think that those blocks are transparent with border (you can use this on the css with border: 1px solid red ). Ok, I think before to give you an answer it’s better to give you an advice.
0 kommentar(er)
