Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

We've moved the forum!

Please use forum.silverstripe.org for any new questions (announcement).
The forum archive will stick around, but will be read only.

You can also use our Slack channel or StackOverflow to ask for help.
Check out our community overview for more options to contribute.

General Questions /

General questions about getting started with SilverStripe that don't fit in any of the categories above.

Moderators: martimiz, Sean, Ed, biapar, Willr, Ingo, swaiba

Images with links have blue borders .. help!


Go to End


8 Posts   2422 Views

Avatar
aidanodr

Community Member, 13 Posts

26 June 2009 at 6:27am

Edited: 26/06/2009 6:30am

Hi Guys,

I have an SS site in the process of being built:

http://www.netactivesolutions.net/stripe/client-list/

At this page you might note that the GO THERE! images on right have a blue border around them. I have a link inserted to these images. In "normal" html one can remove this link by setting Border="0" in the link code BUT it is not allowed in SS.

Is their any place this can be sorted? Is it a CSS issue? Is it a Tinymce CSS issue?

Any ideas, I want to dump that blue border?

I SHOULD SAY - this issue seems to only appear in INTERNET EXPLORER.

Aidan

Avatar
CrazyCoders

Community Member, 32 Posts

26 June 2009 at 6:53am

Almost at the top of your CSS put this rule:

img { border: 0px; }

Avatar
aidanodr

Community Member, 13 Posts

26 June 2009 at 7:01am

Spot on Crazycoders, sorted - thanking you.

One more thing I notice in IE7 and NOT in Opera or Firefox is just under the left menu box its like a very thin "repeat" of the menu box graphic is appearing, just cannot figure out why?

Aidan

Avatar
CrazyCoders

Community Member, 32 Posts

26 June 2009 at 7:14am

Can't help if you don't stop moving the menu code around, please put it back like it was and i'll help you else, i'll have to let you fix it yourself! I've been waiting for 10 minutes refreshing from time to time but the menu keeps changing...

Avatar
aidanodr

Community Member, 13 Posts

26 June 2009 at 7:18am

Sorry about that,

Was just trying to fix it - no go.

ME LEAVING IT ALONE now :D

All yours,
Aidan

Avatar
CrazyCoders

Community Member, 32 Posts

26 June 2009 at 7:26am

I can't really test but the first thing that jumps to my eye is the enormous amount of white space and the use of a background-image to do the top and bottom...

Why not simple do this:

<div id="menu">
<div id="topofmenu"><img src="topofmenu.jpg" /></div>
<ul>
<% control Menu(1) %>
<li><a href="$Link">...</a></li>
<% end_control %>
</ul>
<div id="bottomofmenu"><img src="bottomofmenu.jpg" /></div>
</div>

This would be the most beautiful way of doing it and by far the most efficient on all browsers!

Avatar
aidanodr

Community Member, 13 Posts

26 June 2009 at 8:28am

Thanking you again,

I managed to get rid of that repeat anomally by adding a < br > to just before the rounded graphic at the bottom of the menu:

</br>
<div id="sidebarbot"><img src="../stripe/themes/brushedsilver/images/leftmenubot.jpg" /></div>

Strange one
Aidan

Avatar
CDGIDev

Community Member, 9 Posts

26 June 2009 at 8:38am

Something is still wrong with your layout... It now looks nice in IE7 but IE8 is all strange... Firefox is still ok!