Jump to content

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>
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 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-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>
<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>
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.

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.

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.

  • Create New...