[CSS-HTML] Page Layout, annoying random lines [Answered]
Hello everyone, i made another page on a project im working on, but some random grey horizontal lines appear out of nowhere and i have no clue how to remove them..
Also, i added a background image to the main div, i want other divs to be transparent, but im faliling..
I don't know if it's the right place to ask about page design, but i guess many of you are practical with this
Edit: source https://paste.mod.gg/rgtkjrngoabz/0
BlazeBin - rgtkjrngoabz
A tool for sharing your source code with the world!
14 Replies
Check for
border
Added transparent and no border everywhere š
There were solid black lines too before, this solved half the issue
Hmm, can you $paste the html?
If your code is too long, you can post to https://paste.mod.gg/ and copy the link into chat for others to see your shared code!
BlazeBin - rgtkjrngoabz
A tool for sharing your source code with the world!
I also tried removing the images in case there was some misalignment causing that
Okay, I can't really test it because I don't have the full code, but two things to consider
1 - Avoid using tables for layout in the first place
2 - Make sure to check the computed property for the elements
I was somewhat able to reproduce it
This here happened because
body bg color is grey, while tbody's bg color is white, that leaves a small gap between each td and trSo i should start using more divs instead of tables?
I did two other projects using this way and had no problems with this, anyway i'm always glad to learn
Yes divs/spans with flex and/or grid
Could you send me a simple sample of a layout like this? š
[SOLVED] The issue is i'm using an existing project and previous developers already used the .table {...} css style somewhere in a masterpage or somewhat. Changing name from table to body or table123123 solved the issue.
š¤Æ
ā
This post has been marked as answered!