Jump to content

Ronja

Members
  • Posts

    4
  • Joined

  • Last visited

Everything posted by Ronja

  1. Ronja

    Mozilla design issues

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

    Mozilla design issues

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

    Mozilla design issues

    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?
  4. 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
×
×
  • Create New...