Jump to content

Mozilla design issues


Ronja

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

 

Link to comment
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>
Link to comment
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.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...