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. I'm sorry but I don't see any <p> tags.
  2. okay things are going better but the .flip3D+.flip3D {margin-left:5px isn't doing anything.
  3. Am I understanding it right. there should be only one flip3D container?
  4. 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. 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. Again this isn't helping me solve the problem.
  7. I'm not understanding this at all. What is the Requinix? I have never heard of that.
  8. I'm sorry, but how does that answer the question?
  9. 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/
  10. 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) { }
  11. 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?
  12. 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 */
×
×
  • Create New...

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.