Border - Post ID 234384

User 254030 Photo


Registered User
4 posts

Hi There,

The border to the calendar is looking wrong. (please see attached screenshot)
How do I control this border.
What I have done is put the relevant html code ( 6-2014.html) into a div in another page. It works fine but the border is killing it.

Any ideas?

Thanks for the help.

Best Regards,

Steve.
Attachments:
User 2088758 Photo


Senior Advisor
3,106 posts

Hi Steve, would you be able to provide a link to the page? Quite often that helps with troubleshooting the problem.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 254030 Photo


Registered User
4 posts

Hi Steve,

Thanks for the reply.

It's not on a site yet, I'm just developing it. I attached an image if that's any help.

Best Regards,

Steve.
User 38401 Photo


Senior Advisor
10,951 posts

Have you uploaded it at all yet? If not then you should do that before trying to tweak it any further to make sure it's not just a view issue with the editor. Sometimes when you edit things it doesn't show up the same in an editor as it does in the actual website when uploaded. I would do this even if you're sure so that you an provide a link so people can help you more efficiently. Screenshots really only lead to guesses. :)
User 254030 Photo


Registered User
4 posts

Hi There,

I have temporarily added a test page here: http://www.dotnet4site.com/stevetestarea/events.html
If you could have a look at why the borders extend into the top graphic which makes it look odd.
I appreciate your help.

Thanks.

Best Regards,

Steve.
User 38401 Photo


Senior Advisor
10,951 posts

I'm not seeing anything that jumps out at me in the files, but.... you have some major structural issues (not a lot, just a couple or so) in your page that might fix this issue. Not sure it will, but you need to fix them anyways.

Try fixing those items and see if it fixes your calendar or not and let us know. I've gone through most of your css and can't find any reference to that border so I'm assuming it's not a border but some other structural part of the calendar. Hopefully someone else will chime in here and see if they can find it. I haven't scoured the files real well, just briefly on my way out the door shortly. Good luck :)
User 254030 Photo


Registered User
4 posts

Hi Jo Ann
Thanks for the reply.

<< you have some major structural issues (not a lot, just a couple or so)
What do you mean by this? can you give me some pointers.
A lot of stuff was not included in the test site

Thanks again for your help, I appreciate you taking the time.

Best Regards,

Steve.
User 38401 Photo


Senior Advisor
10,951 posts

haha looks like you either fixed them or I got the source in the middle of you uploading changes or something. I just looked at your code (try using a Web Developer app in Firefox or Chrome or whatever browser you use) and it looks fine now. Might have been a glitch that it didn't show up correctly for me before too. All I know is it had red highlighted code all over which usually signifies a lot of issues with it. It's gone now, go figure.

Problem of course is that, that means that's not your issue with the border. I'll try to look into it later if no one else has done so and see if I can track it down. I haven't worked with the Calendar much since they changed it to the HTML version so it can't hurt for me to check it out a bit. Good luck on it either way and sorry for the confusing on the bad code.
User 38401 Photo


Senior Advisor
10,951 posts

Ok I'm a dummie hahaha, I had to look at it once more with the Inspect Element app in Firefox and it looks like you're using maybe an Artisteer theme? Either way this is the CSS code that is causing your border issue:

.art-article th, .art-article td {
padding: 2px;
border: 1px solid #B9B9B9;
vertical-align: top;
text-align: left;


That code is located in your style.css file on line 1717 (give or take a few). Hope that helps at least know what's causing it. Check to see if it's causing any issues anywhere else on your site and if not you might want to make that
border be 0 instead of 1 like this:

border: 0px solid #B9B9B9;


Good luck!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.