Jump to content

mindapolis

Members
  • Content Count

    361
  • Joined

  • Last visited

Community Reputation

0 Neutral

About mindapolis

  • Rank
    Advanced Member

Profile Information

  • Gender
    Not Telling

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. mindapolis

    space between boxes

    I'm sorry but I don't see any <p> tags.
  2. mindapolis

    space between boxes

    okay things are going better but the .flip3D+.flip3D {margin-left:5px isn't doing anything.
  3. mindapolis

    space between boxes

    Am I understanding it right. there should be only one flip3D container?
  4. mindapolis

    space between boxes

    I redid some of it but it didn't help. #mainText { margin-left:15px; margin-top:5px; } .front { display:block; position:relative; min-height:255px; } .flip3D { width:305px; height:255px; float:left; margin-left:auto; margin-right:auto; margin-bottom:150px } .flip3D > .front { margin-right:5px; position:absolute; transform:perspective(600px) rotateY(0deg); -webkit-transform:perspective(600px) rotateY(0deg); background:#79A696;width:305px; height:22px;/*won't change height.*/ border-radius:7px; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:transform .5s linear 0s; transition: -webkit-transform .5s linear 0s; font-size:24pt; } .flip3D > .back { margin-right:5px; position:absolute; transform:perspective(600px) rotateY(180deg); -webkit-transform:perspective(600px) rotateY(180deg); background:black; width:305px; height:225px; /*change the box height*/ border-radius:7px; padding:10px; color:#ffffff; backface-visibility:hidden; -webkit-backface-visibility:hidden; transition:transform .5s linear 0s; transition: -webkit-transform .5s linear 0s; } .flip3D:hover > .front{ transform: perspective(600px) rotateY(-180deg); -webkit-transform: perspective(600px) rotateY(-180deg); } .flip3D:hover > .back{ transform: perspective(600px) rotateY(0deg); -webkit-transform: perspective(600px) rotateY(0deg); } #contactUs { clear:left; background-color:#79A696; height:80px; width:210px; margin-top:120px; margin-left:auto;; margin-right:auto; border-radius:50%; text-align:center; color:#ffffff; font-family:'Chivo', sans-serif; font-size:24pt; } #footer-core { text-align:center; } #header-core { display:none; } #sub-footer { display:none; } #footer-core h3.footer-widget-title { display: none; }
  5. mindapolis

    space between boxes

    Hi, on http://theascentguide.com/test/ can someone please help me understand why I can't put space between the boxes? Also, when the boxes flip I can't get them to be the same height. I have tried everything I know but nothing is working. Some help would be very much appreciated. } 57 58 .flip3D:hover > .back{ 59 transform: perspective(600px) rotateY(0deg); 60 -webkit-transform: perspective(600px) rotateY(0deg); 61 } 62 63 #contactUs { 64 clear:left; 65 background-color:#79A696; 66 height:80px; 67 width:210px; 68 69 margin-top:120px; 70 margin-left:auto;; 71 margin-right:auto; 72 border-radius:50%; 73 text-align:center; 74 color:#ffffff; 75 font-family:'Chivo', sans-serif; 76 font-size:24pt; 77 } 78 #footer-core { 79 text-align:center; 80 } 81 #header-core { 82 display:none; 83 } 84 #sub-footer { 85 display:none; 86 } 87 88 flip3D > .front { 89 display: block; 90 margin-left: 56px; 91 position: relative; 92 transform: perspective(600px) rotateY(0deg); 93 background: #79A696; 94 width: calc; 95 min-height: 250px; 96 border-radius: 7px; 97 backface-visibility: hidden; 98 font-size: 24pt; 99 vertical-align: middle; 100 }
  6. mindapolis

    css question

    Again this isn't helping me solve the problem.
  7. mindapolis

    css question

    I'm not understanding this at all. What is the Requinix? I have never heard of that.
  8. mindapolis

    css question

    I'm sorry, but how does that answer the question?
  9. mindapolis

    css question

    yes
  10. mindapolis

    css question

    Hi, can I get help understanding why this css code isn't affecting the footer? #footer { background-color:#000000; width:600px; color:#ffffff; text-align:center; } http://theascentguide.com/test/index.php/homepage/
  11. mindapolis

    dropdown menu problem

    Hi, I'm working on mediaservicesunlimited.com/bixler/homepage.php and I'm not understanding why the background color of the dropdown menu stops right after the word. I have played with the width of the list but it's not helping. if I could get some guidance, I would really appreciate it! <?php function headerInfo() { return <<<HEREDOC <header> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About Us</a> <ul> <li class="submenu"><a href="#">Agents </a></li> <li class="submenu"><a href="#">Locations</a></li> </ul> <li><!--end of about us menu list --> <li><a href="#">Services</a></li> <li><a href="quote.php" tabindex="4" accesskey="Q">Get A Quote</a></li> <li><a href="#">Contact</a> <ul> <li class="submenu"><a href="pay-my-bill.php">Pay My Bill</a></li> <li class="submenu"><a href="contact.php">Cotasct Us</a></li> </ul> </nav> <figure id="logo"> <img src="assets/bixlerlogo.png" width="304" height="88" alt=""/> </figure> <h3>Service Beyond The Contract </h3> </header> HEREDOC; }?> * { margin:0; padding:0; } body { Height:100%; width:100%; background-color:#cccb99; } nav { background-color:#000000; padding-top:2%; width:40%; height:27px; margin-top:2%; margin-left:auto; margin-right:auto; padding-left:3%; } nav a { color:red; } nav ul { list-style-type:none; } nav > ul > li { background-color:#000000; position:relative; } nav > ul li a { background-color:#000000; } nav li { float:left; margin-right:3%; } nav > ul > li > ul { display:none; position:absolute; } nav > ul > li:hover > ul { display:block; } nav ul ul li { display:block; width:60px; } .submenu { width:200px; } .submenu a { padding-top:4%; display:inline-block; } .submenu a:hover { background-color:red; color:#000000; } /*.menuArrow { position:absolute; top:15px; right:700px; }*/ #logo { width:304px; margin-left:auto; margin-right:auto; margin-top:2%; margin-bottom:2% } h3 { color:#E10D0C; /*#763c3c;*/ text-align:center; margin-bottom:2%; } #contactInfo { float:left; } #servicesList, #eocialMedia { float:right; width: 33%; } article { float:left; width:35%; height:45%; margin-left:10%; margin-bottom:6%; background-color:#FFFFFF; } aside { float:right; width:30%; height:35%; margin-right:10%; background-color:#FFFFFF; } footer { background-color:#000000; overflow:auto; Width:100%; padding-left:10%; padding-top:2%; padding-bottom:2%; color:#C4C4C4; clear:both; } /*phone size*/ @media screen and (max-width:320px) { } /*tablet size */ @media screen and (min-width:321px) { }
  12. mindapolis

    call to undefine function

    got it
  13. mindapolis

    call to undefine function

    I have been working with it and, first I did put the opening and closing tags in the functions file. I'm sorry, that was my error. But it 's like it 's not seeing the function file. The file is http://www.mediaservicesunlimited.com//bixler/functions.php which is the same directory as the template.php so the require statement should be require_once('functions.php'); right?
  14. mindapolis

    call to undefine function

    Hi, I'm getting this error Fatal error: Call to undefined function headerInfo() in /web/html/mediaservicesunlimited.com/bixler/template.php on line 18 functions.php is uploaded and headerInfo is spelled the same in the functions and the template file so I can't figure out what 's wrong. if I can get some help that would be great! Thanks template.php <php require_once('functions.php'); ?> <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <meta name="keywords" content=""> <meta name="description" content=""> <link rel = "stylesheet" href = "Bixler.css"> <style type="text/css"> </style> </head> <body> <?php headerInfo(); ?> <article> </article> <aside> </aside> </body> </html> functions.php function headerInfo() { echo "<header>"; echo "<nav>"; echo "<ul id=\"drop-nav>\">"; echo "<li><a href=\"#\">Home /a></li>"; echo "<li><a href=\"#\">About Us</a>"; echo "<ul>"; echo "<ul>"; echo "<li><a href=\"#\">About Bixler</a></li>"; echo "<li><a href=\"#\">Agents</a></li>"; echo "<li><a href=\"#\">Locations</a></li>"; echo "<li><a href=\"#\">Testimonies</a></li>"; echo "<li><a href=\"#\">News & Resources </a></li>"; echo "</ul>"; echo "</li>"; echo "<li><a href=\"#\"> Services</a>"; echo "<ul>"; echo "<li><a href=\"#\">Personal</a></li>"; echo "<li><a href=\"#\">Life</a></li>"; echo "<li><a href=\"#\">Commercial</a></li>"; echo "<li><a href=\"#\">Health</a></li>"; echo "<li><a href=\"#\">Senior Benefits</a></li>"; echo "<li><a href=\"#\">Farm</a></li>"; echo "</ul>"; echo "</li>"; echo "<li><a href=\"#\">Get A Quote</a></li>"; echo "<li><a href=\"#\">Contact</a>"; echo "<ul>"; echo "<li><a href=\"#>\">General Inquiries</a></li>"; echo "<li><a href=\"#\">Pay My Bill</a></li>"; echo "</ul>"; echo "</li>"; echo "</ul>"; echo "</nav>"; echo "<figure id=\"logo\">"; echo "<img src=\"assets/bixlerlogo.png\" width=\"304\" height=\"88\" alt=\"logo\"/>"; echo "</figure>"; </figure> echo "<h3>Service Beyond The Contract </h3>"; echo "</header>"; } /*end of headerInfo function */ /*start of footerInfo function */ function footerInfo() { echo "<footer>"; echo "<div id=\"contactInfo">"; echo "Bixler Insurance <br/>"; echo "1043 South 13th St. <br />"; echo "Decatur, IN 46733<br />"; , echo "Phone: (260)-724-3438"; echo "</div>"; echo "<div id="eocialMedia">"; echo "social media icons"; echo "</div>"; echo "<div id="servicesList">"; echo "list of services"; echo "</div>"; echo "</footer>"; } /*end of footerInfo function */
  15. mindapolis

    a little help please

    I think I'm getting it
×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.