Jump to content
Ronja

Mozilla design issues

Recommended Posts

Hi. I am making a website for a friend who has a ridingcenter. I am having some issues with Mozilla.

 

 

First issue is that i have used div, p and css to create a "link" line on the pictures in the image slider. This is working great in Chrome and Safari, but mozilla is for some reason splitting it in two lines.

 

I have used <li> tags inside he <ul> which is the slider. Any idea on how i can get Mozilla to read it in the same way as chrome, or any better ways to do this? E.g. <li class="carousel-inner clearfix">

<img src="img/bilde3.jpg">
<div class="carousel-caption">
<p class="cycle"><a href="rideskole.html" class="button1">Vil du bli like god som Sigrid? <font size="2">   Trykk her</font></a></p>
</div>
</li>
2nd issue is that i have used instafeed to display instagram pictures in the end of the main page. Chrome and safari is displaying these according to the "zoom" design attribute, but mozilla for some reason dont display this, and is not zooming the pictures. Any idea why?
Zoom is put in the CSS code: #instafeed {
zoom: 1.6;
margin: 8px 15px 15px 14px;
padding:5px 5px 1px 5px;
}
I really hope for some good ideas, as i have spent a lot of time trying to solve this :)
Best regards, Ronja

 

Share this post


Link to post
Share on other sites

Hi. No, i have not validated the code yet. I know it is not the optimal way of making the striped link on the images happen, hence the question here. Any idea on how to make this effect in a different way?

Share this post


Link to post
Share on other sites

You have not posted enough code for me to understand what you mean by a "striped link" on an image. Can you create a small code example that demonstrates the issue?

Share this post


Link to post
Share on other sites

If you look at this screenshot: https://www.dropbox.com/s/00qbba1y538hw7q/Screenshot%202015-02-23%2019.56.45.png?dl=0

 

Or the direct link: http://www.ronjabjornvold.no/rir/index.html

 

you will see what i mean :)

Some more code as to how i have made it look like this: <div class="cycle-slideshow">

<ul class="carusel clearfix"
data-cycle-fx="scrollHorz"
data-cycle-timeout="8000"
data-cycle-swipe="true"
data-cycle-manual-speed="800"
data-cycle-pause-on-hover="true"
data-cycle-pager=".cycle-page-inner"
data-cycle-prev="#prev"
data-cycle-next="#next"
data-cycle-slides=" > li">
<li class="carousel-inner clearfix">
<img src="img/bilde11.jpg" alt="Norges fremste ridesenter"/>
<div class="carousel-caption">
<p class="cycle"><a href="feltritt.html" class="button1">Vil du prøve deg på feltrittbanen til sommeren? <font size="2">   Trykk her</font></a></p>
</div>
</li>
<li class="carousel-inner clearfix">
<img src="img/bilde14.jpg" alt="Norges fremste ridesenter"/>
<div class="carousel-caption">
<p class="cycle"><a href="ridetilbud.html" class="button1">Eller prøve skiforholdene i vinter? <font size="2">   Trykk her</font></a></p>
</div>
</li>

Share this post


Link to post
Share on other sites

But i want the stripe to go all the way through - All the other browsers are handling it fine. Yes yes, i know font tags in the code is not good - but i am looking for a different way of handling this link on the image slider! And the font tag is not the issue.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...