-
Posts
-
Hi
I am setting up a table like you see in the middle of the page in link below. The title in the 2nd column is breaking to 2 lines for some reason – can that be fixed?
I’d like the columns to be the same width, except keep the first column as is.
I tried adding this:
*th.avia-desc-col {
max-width: 319px !important;
width: 16.6% !important;
}
but then the first column is too wide and looks like this: http://imgur.com/QQJwq3C Is it possible to target only that first column?
thanks for your help
NancyHey Munford!
You can add :first-child to the table,m which will help you target the first element.
Let us know if that works for you, as per your requestCheers!
Basilisnot sure how to write that code to keep that first column width by content…?
I also need helpwith a couple other issues:
I have made the inner borders dotted, but can’t find how to target the outer border – there also seems to be an extra border on the right and bottom of the table. Can you help me hide those & make the outer borders dotted as well?
I am styling the table for mobile; Right now the right side of my tables (I have split them up) is getting cut off (though it’s scrollable). See here: http://imgur.com/puBpm5R. Is there a way to confine the width to the mobile with without it getting cut off? I can’t use the other option on the table as I don’t like the data to be stacked.
thanks very much for your help
NancyHey!
I checked your website on mobile and it’s not cut off for me. It looks totally normal for me. Please clear browser cache and check on another mobile device as well.
Regards,
AndyHi!
hm? can’t see what you mean or don’t know what you mean. Can you highlight what’s going on using screenshots please? it makes things so much easier and clearer for us and then we can help you much better.
Best regards,
AndyI fixed that problem but am still having an issue with getting the columns to look good. I’d like the first column to be narrower (content width) and the rest equal widths but am not sure how to use the :first-child, etc tags. Can you help me with this? thanks
Nancyyou can see that the 2nd and 3rd columns are breaking the top title text – I just want columns 2 – 6 equal sizes, and the first column narrower (just to content size like you see on the linked page). I don’t understand what the column widths are based on now – seems random and I can’t get those 2nd and 3rd columns to look right.
thanks for your help (as soon as possible… we are launching today!)
Hi!
try this code:
th.avia-desc-col { width: 1px; }Unfortunately you can’t call any columns via CSS.
Best regards,
Andyperfect thanks! can you explain to me what that did?
now when I look at the mobile (I had to separate the tables out for each day) the width is really big when there is a lot of text – do I need a different styling so the tables on the mobile fit on the screen? see http://imgur.com/EmLTrgHI am also working on another table on this page: http://www.cjff.dk/events/ – I am trying to right align the first column and left align the left one, using this code block on the page: http://www.cjff.dk/events/
<style type = “text/css”>
.avia-table tr > td:first-child {
text-align: right;
}
</style>
but it’s not working.can you help me with all this? I find the tables kind of confusing to work with.
thanks again!Hi!
can you provide us a precise link where we can inspect the elements shown in your first screenshot please?
I don’t think it will work how you want it. Maybe it would be better to search a plugin with advanced table functions. However, I checked the link you provided on mobile but I don’t know which changes you want to achieve. Please be precise and show us the result you want to achieve.
Cheers!
Andy
- You must be logged in to reply to this topic.