Posts by travis.holt.921_2

11 Years Ago

Re: Twitter bootstrap carousel not looping

Carousel nav cannot be inside the <div class="carousel-inner">. Below is the correct code. Should work for you.

<div id="myCarousel" class="carousel slide">
    <!-- Carousel items -->
    <div class="carousel-inner">
        <div class="active item">
            ...
        </div>
        <div class="item">
            ...
        </div>
        ...
     </div>
        <!-- Carousel nav -->
        <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
        <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>

</div>

Web Development css-bootstrap javascript javascript-jquery social-media

travis.holt.921_2 0 Newbie Poster

11 Years Ago

Re: bootstrap carousel not working

OK there are more than a few issues here, mainly there was not a bootstrap css file called onto the page. I think this will fix your problem:

<!DOCTYPE html> 
<head> 
<meta charset="UTF-8">
    <title>Alla's Crystal Shop</title>
    <link rel="stylesheet" href="/main.css">


    <script>
    var brow=checkIEBrowser();
    if(brow == true)
     {
         //User is using a Internet Explorer, need to redirect them.
         window.location.href="http://www.allasalah/view/error.php";
     } 
    else if(checkFFBrowser())
    {
        //User us using a FireFox browser
    }

    </script>

    <!--h1>CURRENTLY WORKING ON THE WEBSITE AS OF:10/29/2013 2pm Central TIME</h1-->

</head>
<body>

     <img id="logo1" src="/pictures/back4.png" alt="HOME"  >
     <div id="login1">
       <a href="/controller/login.php"><figure><img id="loginIcon" src="/pictures/login1.png" alt="Login" title="Login"><figcaption>Login or Register</figcaption></figure></a>
    </div>
    <div id="nav"> 
               <ul>
                  <li><a href="/view/Ashtrays.php">Ashtrays</a></li>
                  <li><a href="/view/BestSellers.php">Best Sellers</a></li>
                  <li><a href="/view/Clocks.php">Clocks</a></li>
                  <li><a href="/view/HolidayDecor.php">Holiday Decor</a></li>
                  <li><a href="/view/Kitchenware.php">Kitchenware</a></li>
                  <li><a href="/view/PictureFrames.php">Picture Frames</a></li>
                  <li><a href="/view/VasesBowls.php">Vases and Bowls</a></li>                 

               </ul>
    </div>
     <div id="myCarousel" class="carousel-slide">

         <ol class="carousel-indicators">
             <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
             <li data-target="#myCarousel" data-slide-to="1"></li>
             <li data-target="#myCarousel" data-slide-to="2"></li>
             <li data-target="#myCarousel" data-slide-to="3"></li>
             <li data-target="#myCarousel" data-slide-to="4"></li>
             <li data-target="#myCarousel" data-slide-to="5"></li>
         </ol>
         <div class="carousel-inner">
             <div class="item-active"> 
                    <img src="/pictures/home1.jpg" alt="CASHS" >
             </div>
             <div class="item"> 
                    <img   src="/pictures/home4.jpg" alt="SWAROVSKI">
             </div>
             <div class="item"> 
                    <img   src="/pictures/home2.jpg" alt="MARQUIS" >
             </div>
             <div class="item"> 
                    <img   src="/pictures/home3.jpg" alt="ORREFORS" >
             </div>
             <div class="item"> 
                    <img   src="/pictures/home5.jpg" alt="WATERFORD" >
             </div>
         </div>
         <a class="carousel-control left" href="#myCarousel" data-slide="prev">
             <span class="glypicon glypicon-cheveron-left"></span>
         </a>
          <a class="arousel-control right" href="#myCarousel" data-slide="next">
             <span class="glypicon glypicon-cheveron-right"></span>
         </a>


     </div>

     <div class="logo2">
            <img   src="/pictures/home1.jpg" alt="CASHS" class="logoPics">
            <img   src="/pictures/home4.jpg" alt="SWAROVSKI" class="logoPics">
            <img   src="/pictures/home2.jpg" alt="MARQUIS" class="logoPics">
            <img   src="/pictures/home3.jpg" alt="ORREFORS" class="logoPics">    
            <img   src="/pictures/home5.jpg" alt="WATERFORD" class="logoPics">
            <img   src="/pictures/home6.jpg" alt="MIKASA" class="logoPics">    
        </div>
       <div id="footer">
            <p class="copyright">
                &copy; <?php echo date("Y"); ?> Alla's Crystal Shop, Inc.
            </p>
            <a href="/view/About.html">About Me</a>
        </div> …

Web Development javascript

travis.holt.921_2 0 Newbie Poster

11 Years Ago

Re: how to draw a circle in css

If you need something round, kinda round, or juxtapoz you can use this tool http://css3generator.com/ .

UI / UX Design html-css web-design

travis.holt.921_2 0 Newbie Poster

11 Years Ago

Re: how to design danamic web sites

Also learn SASS and LESS in addition to CSS. It will help.

UI / UX Design web-design

travis.holt.921_2 0 Newbie Poster

11 Years Ago

Re: css background image don't show up

Because giving the div a style of height auto only makes the div as big as the contents of that div. If there is nothing in the div there is no height applied via auto.

To fix this apply (change the pixel size to fit your design)

min-height:100px;
max-height:200px;

since Jan 2013
•Unverified Member
0
1 Year Ago
i have the same problem ,but when i change the height of the css to a constant value it is going to work and the image appear but when i change it to auto it doesn't work ,why?

i have the same problem ,but when i change the height of the css to a constant value it is going to work and the image appear but when i change it to auto it doesn't work ,why?

UI / UX Design html-css web-design

travis.holt.921_2 0 Newbie Poster

11 Years Ago

Re: A Bit of Trouble with CSS

Change the body css in your style.css to the following...

body {
margin: 0px !important;
background-color: #ffffff;
vertical-align: top;
}

UI / UX Design html-css web-design

travis.holt.921_2 0 Newbie Poster

11 Years Ago

Re: Quick PHP Help Needed

Nice thanks!

Web Development php

travis.holt.921_2 0 Newbie Poster

11 Years Ago

Quick PHP Help Needed

I am working on a form that will redirect users based on a form. The form asks for a zipcode. If the zipcode is correct (one of the zipcodes in the service area) then I want to redirect to an order page. If the zip code is incorrect, not in service area, then I want to redirect to a different URL.

Here is what I have so far... It works, kinda. The problem is no matter what you enter into the form the user is redirected to the order page.

Form code:

                <form class="form-horizontal" role="form" method="post" action="<?php bloginfo('template_directory');?>/zip-checker.php">
                  <div class="form-group">
                    <label>Pleasee add your zip code to get started...</label>
                    <input type="text" class="form-control" placeholder="90001" required>
                  </div>
                   <div class="form-group">
                  <button type="submit" class="btn btn-primary btn-lg btn-block"><span class="glyphicon glyphicon-chevron-right"></span> Next</button>
                  </div>
                </form>

Zip Checker PHP Code:

<?php
$loc1 = array(90001, 90002, 90003, 90004, 90005, 90006, 90007, 90008, 90010, 90011, 90012, 90013, 90014, 90015, 90016, 90017, 90018, 90019, 90020, 90021, 90023, 90024, 90025, 90026, 90027, 90028, 90029, 90031, 90032, 90033, 90034, 90035, 90036, 90037, 90038, 90039, 90041, 90042, 90043, 90044, 90045, 90046, 90047, 90048, 90049, 90056, 90057, 90058, 90059, 90061, 90062, 90063, 90064, 90065, 90066, 90067, 90068, 90069, 90071, 90077, 90079, 90089, 90090, 90094, 90095, 90210, 90212, 90230, 90232, 90247, 90248, 90272, 90275, 90290, 90291, 90292, 90293, 90402, 90405, 90501, 90502, 90710, 90717, 90731, 90732, 90744, 90745, 90810, 90813, 91030, 91040, 91042, 91105, 91214, 91303, 91304, 91306, 91307, 91311, 91316, 91324, 91325, 91326, 91330, 91331, 91335, 91340, 91342, 91343, 91344, 91345, 91352, 91356, 91364, …

Web Development php