- This topic is empty.
-
AuthorPosts
-
December 28, 2014 at 9:14 am #191727IrgoParticipant
Hello Guys!
Will really appreciate if someone could help me… It might be a dumb question – I’m very new in code/css stuff.
In fact I’m trying to customise the view of Joomla plugin (weather forecast), and got stuck with the table borders. Here is the link: http://greece-guide.ru/attica/athens/10-pogoda-v-afinakhAs you can see the right border is not appeared for some reason. I made it thick on purpose to see the problem.
Here is the code fragment:
…
/* TABLE-UI /
/ —————————————– */
.nordui-table {margin:15px 0 15px 0;padding:0px;background: #ffffff; border: solid thick #3EC3D9 !important;}
.nordui-table-header {font-family: Clear_sans_lightregular;height:28px;border: solid 1px #3EC3D9 !important; background: linear-gradient(to bottom, #42CEE6, #37ACBF) !important; padding:5px;text-align:center;font-weight:bold;font-size:12px; color: #fff;}
.nordui-table-header-b {font-family:Clear_sans_lightregular;height:28px;border-style:solid;border-width: 0px 0px 0px 0px;border-color:#3EC3D9;background-color:#fff;padding:5px;text-align:center;font-weight:bold;font-size:11px;color: #277bab;}
.nordui-table-subheader {height:28px;background-color:#fff; border-style:solid;border-width: 1px; border-color:#3EC3D9;color:#4a4a4a;font-size:11px;}
.nordui-table-a {background: #fafafa;}
.nordui-table-b {background: #ffffff;}
.nordui-table-a:hover, .nordui-table-b:hover {background: rgba(62, 195, 217, 0.4);}
.nordui-table-td {padding:5px;font-size:11px;}
.nordui-table-td-left {padding:5px;border-left:solid 1px;border-color:#88BCCE;font-size:11px;}
.nordui-table-td-right {padding:5px;border-right:solid 1px;border-color:;font-size:11px;}
.nordui-table-td-top {padding:5px;border-top:solid 1px;border-color:#88BCCE;font-size:11px;}
.nordui-table-td span {text-align:left;float:left; }
.yr-right {text-align:right;float:right;}
.yr-button {float:left;margin-right:20px;}
…Any advices will be very appreciated!
December 28, 2014 at 11:40 am #191733IrgoParticipantOh… just checked and found out that the problem appears only in Safari and Chrome (using Mac), in Firefox it looks ok..
Here is the screenshot: http://hostingkartinok.com/show-image.php?id=9b9979f7d0968f838dcf051b0731daaa
Thanks!
December 29, 2014 at 5:27 am #191807IrgoParticipantThank you!
Searched more in that direction and found out that it’s known Webkit bug: http://stackoverflow.com/questions/3384132/webkit-browsers-rendering-problem-for-table-depending-on-colspan
Finally just defined the left/right border for the first/last cell in a row – that worked for my case.
Thanks a lot for your help
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.