Search the Community
Showing results for tags 'css'.
-
Site: http://test2.cmccd.net/ As you can see the navigation links wont lign up right with the nave bar. can any one see whats the problem i spent 2 hours trying to figure it out but it just wont work. CSS .header-wrap, .subheader-wrap, .nav-wrap, .body-wrap, .subfooter-wrap, .footer-wrap {float:left; width:100%; clear:both;} .header, .nav, .body, .subfooter, .footer {width:960px; margin:0 auto;} .header {height:100px;} .sub-header {margin:0 auto; height:38px; width:960px;} .subheader {float:right; width:518px; background:#FFF; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; padding-top:5px; padding-left:5px; padding-right:5px;} .subheader-content {height:32px; width:518px; background:#8b6a1f; } .nav-wrap{height:44px;} .nav-subwrap {margin:0 auto; height:33px; width:948px; padding-left:5px; padding-top:5px;padding-right:5px;padding-bottom:6px;background:#fff; border-left:1px solid #000; border-right:1px solid #000;} .navtop {width:960px; margin:0 auto;} .navtopborder {float:left; border-top:1px solid #000; width:431px; } .nav{float:left; width:948px; height:33px; background: url(/sites/all/themes/ssccix/files/bg-nav.png) repeat-x;} .navlink {} .navlink li {display:inline;} .navlink a {float:left; font-size:16px; background:#f00; padding:2px 10px; border-right:1px solid #FFF;} .page {float:left; background:#FFF; padding-left:10px; padding-right:10px; padding-bottom:10px; padding-top:5px; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; margin-bottom:10px;} .page-left {float:left; width:220px; padding-right:8px;} .page-content {float:left; width:710px;} .footer {background:#8b6a1f;} PAGE <body style="background:#e8c077 url(/sites/all/themes/ssccix/files/bg-top.png) repeat-x;"> <div id="root" > <div class="header-wrap"> <div class="header"> <div class="logo"><?php print '<a href="/"><img scr="'.$logo.'" alt="'.variable_get('site_name', '').'" /></a>'; ?></div> <?php print render($page['header']); ?></div> </div> <div class="subheader-wrap"> <div class="sub-header"> <div class="subheader"> <div class="subheader-content"><?php print render($page['sub_header']); ?></div> </div> </div> </div> <div class="nav-wrap"> <div class="navtop"> <div class="navtopborder"></div> </div> <div class="nav-subwrap"> <div class="nav"> <div class="navlink"><?php print theme('links', array('links' => $main_menu))?></div> </div> </div> </div> <div class="body-wrap"> <div class="body"> <div class="page"> <div class="page-left"><?php print render($page['sidebar_left']); ?> </div> <div class="page-content"><?php print render($page['content']); ?></div> </div> </div> <div class="subfooter-wrap"> <div class="subfooter"><?php print render($page['sub_footer']); ?></div> </div> <div class="footer-wrap"> <div class="footer"><?php print render($page['footer']); ?></div> </div> </div> </body>
-
I am trying to code something in Java-script, I am trying to "fade_in" image and "fade_out" image with Set_interval function, I am facing problem, help me @@@@@ <html> <script type="text/javascript"> var inc_bit =1e-2; function inc_change() { var s = document.getElementById('img'); document.getElementById('write').innerHTML = inc_bit; inc_bit = inc_bit + 1e-2; s.style.opacity = inc_bit; if(inc_bit>1e0) { setInterval(function() {dec_change();},100); } } function dec_change() { var s = document.getElementById('img'); document.getElementById('write').innerHTML = inc_bit; inc_bit = inc_bit - 1e-2; s.style.opacity = inc_bit; if(inc_bit<1e-2) { setInterval(function() {inc_change();},100); } } setInterval(function() {inc_change();},90); </script> <body onload="inc_change()"> <img src="pic1.jpg" height="200px" width="250px" id="img" style="opacity:0.0"/> <div id='write'></div> </body> </html>
-
Hi guys, It's a simple question really (just getting used to php - actionscript 3.0 developer!) but I need to know how I can pass a CSS class into the arguments in a PHP function, then have it apply that style to text in html. What I have so far is: <?php function addText($text,$class) { ?> <div class= $class > <p><?php echo $text ?></p> </div> <?php } ?> But it doesn't work, the <div class = $class > should be different I think. Anybody got a solution? -
I am working on code that can run images from left to right when I click on hyperlink ?? The code is listed below, please help me out ... <script type="text/javascript"> var left3; function next1() { var str = document.getElementById('pic01'); var left2 = parseInt(str.offsetLeft); left3 = left2; } function next2() { left3 =left3 + 50; var st = left3+'px'; document.getElementById('pic01').offsetLeft=st; } </script> <body onLoad="next1()"> <img src="pic1.jpg" height="100px" width="120px" style="margin-left:125px;" id="pic01"/> <br><br> <a href="#" style="margin-left:100px" onClick="next2()">Next</a> <body>
-
I am not sure what is the best way to layout this design with Divs. As you can see the navigation is split in the middle from the logo. Any help would be greatly appreciated. Thanks
-
Here is my pagination code: class Paginator{ var $items_per_page; var $items_total; var $current_page; var $num_pages; var $mid_range; var $low; var $high; var $limit; var $return; var $default_ipp =11; //items_per_page function Paginator() { $this->current_page = 1; $this->mid_range = 7; $this->items_per_page = (!empty($_GET['ipp'])) ? $_GET['ipp']:$this->default_ipp; } function paginate() { if($_GET['ipp'] == 'All') { $this->num_pages = ceil($this->items_total/$this->default_ipp); $this->items_per_page = $this->default_ipp; } else { if(!is_numeric($this->items_per_page) OR $this->items_per_page <= 0) $this->items_per_page = $this->default_ipp; $this->num_pages = ceil($this->items_total/$this->items_per_page); } $this->current_page = (int) $_GET['page']; // must be numeric > 0 if($this->current_page < 1 Or !is_numeric($this->current_page)) $this->current_page = 1; if($this->current_page > $this->num_pages) $this->current_page = $this->num_pages; $prev_page = $this->current_page-1; $next_page = $this->current_page+1; if($this->num_pages > 3) { $this->return = ($this->current_page != 1 And $this->items_total >= 10) ? "<a class=\"paginate\" href=\"$_SERVER[php_SELF]?page=$prev_page&ipp=$this->items_per_page\">ยซ Previous</a> ":"<span class=\"inactive\" href=\"#\">ยซ Previous</span> "; $this->start_range = $this->current_page - floor($this->mid_range/2); $this->end_range = $this->current_page + floor($this->mid_range/2); if($this->start_range <= 0) { $this->end_range += abs($this->start_range)+1; $this->start_range = 1; } if($this->end_range > $this->num_pages) { $this->start_range -= $this->end_range-$this->num_pages; $this->end_range = $this->num_pages; } $this->range = range($this->start_range,$this->end_range); for($i=1;$i<=$this->num_pages;$i++) { if($this->range[0] > 2 And $i == $this->range[0]) $this->return .= " ... "; // loop through all pages. if first, last, or in range, display if($i==1 Or $i==$this->num_pages Or in_array($i,$this->range)) { $this->return .= ($i == $this->current_page And $_GET['page'] != 'All') ? "<a title=\"Go to page $i of $this->num_pages\" class=\"current\" href=\"#\">$i</a> ":"<a class=\"paginate\" title=\"Go to page $i of $this->num_pages\" href=\"$_SERVER[php_SELF]?page=$i&ipp=$this->items_per_page\">$i</a> "; } if($this->range[$this->mid_range-1] < $this->num_pages-1 And $i == $this->range[$this->mid_range-1]) $this->return .= " ... "; } $this->return .= (($this->current_page != $this->num_pages And $this->items_total >= 10) And ($_GET['page'] != 'All')) ? "<a class=\"paginate\" href=\"$_SERVER[php_SELF]?page=$next_page&ipp=$this->items_per_page\">Next ยป</a>\n":"<span class=\"inactive\" href=\"#\">ยป Next</span>\n"; $this->return .= ($_GET['page'] == 'All') ? "<a class=\"current\" style=\"margin-left:10px\" href=\"#\">All</a> \n":"<a class=\"paginate\" style=\"margin-left:10px\" href=\"$_SERVER[php_SELF]?page=1&ipp=All\">All</a> \n"; } else { for($i=1;$i<=$this->num_pages;$i++) { $this->return .= ($i == $this->current_page) ? "<a class=\"current\" href=\"#\">$i</a> ":"<a class=\"paginate\" href=\"$_SERVER[php_SELF]?page=$i&ipp=$this->items_per_page\">$i</a> "; } $this->return .= "<a class=\"paginate\" href=\"$_SERVER[php_SELF]?page=1&ipp=All\">All</a> \n"; } $this->low = ($this->current_page-1) * $this->items_per_page; $this->high = ($_GET['ipp'] == 'All') ? $this->items_total:($this->current_page * $this->items_per_page)-1; $this->limit = ($_GET['ipp'] == 'All') ? "":" LIMIT $this->low,$this->items_per_page"; } function display_items_per_page() { $items = ''; $ipp_array = array(10,25,50,100,'All'); foreach($ipp_array as $ipp_opt) $items .= ($ipp_opt == $this->items_per_page) ? "<option selected value=\"$ipp_opt\">$ipp_opt</option>\n":"<option value=\"$ipp_opt\">$ipp_opt</option>\n"; return "<span class=\"paginate\">Items per page:</span><select class=\"paginate\" onchange=\"window.location='$_SERVER[php_SELF]?page=1&ipp='+this[this.selectedIndex].value;return false\">$items</select>\n"; } function display_jump_menu() { for($i=1;$i<=$this->num_pages;$i++) { $option .= ($i==$this->current_page) ? "<option value=\"$i\" selected>$i</option>\n":"<option value=\"$i\">$i</option>\n"; } return "<span class=\"paginate\">Page:</span><select class=\"paginate\" onchange=\"window.location='$_SERVER[php_SELF]?page='+this[this.selectedIndex].value+'&ipp=$this->items_per_page';return false\">$option</select>\n"; } function display_pages() { return $this->return; } } And this is where my sorted table is: $displayed_articles = count_articles(NULL);//get number of articles in my table $pages = new Paginator; $pages->items_total = $displayed_articles; $pages->mid_range = 9;//The third line tells the paginator the number of page links to display $pages->paginate(); show_article_list($articles, $pages->display_pages(),$pages->display_jump_menu(),$pages-> display_items_per_page()); //my function where my table is and where my data would be shown If i want to sort my table and keep my pagination what should i add? Please help i am stuck and it is urgent
-
Hello, I am working in PHP, on a page, I am requesting user to enter name, number, email address. After submit, the table must vanish and a message must be displayed on the same web page. <table> <tr> <td>Name</td> <td><input type="text" size="65" name="fname"></td> </tr> <tr> <td>Name</td> <td><input type="text" size="65" name="fname"></td> </tr> <tr> <td>Name</td> <td><input type="text" size="65" name="fname"></td> </tr> </table> I have written the table that I am using to display on the page. I want to display message "Your data has been submitted" after the user click submit button. Table must vanish and only the message must be there on the same page......
-
I am working on some test code to figure out how to control print layout if I need to print info from a db in a specific format. What I am trying to do is pull data and print it on business cards. I have the system pulling the data and inserting it in to the card layout. The problem I am running in to is how to advance it to the next "cell" and get the page to line up correctly. What I have tried is a for loop where it limits the output to 10 card per page and 2 cards per row. This works if I print just 10 cards. If I print more then 10 it seems to duplicate the data and after about page 5 the alignment/layout is messed up. echo "<table>"; for ($i=0;$i<10;$i++) { echo"<tr>"; for ($ii=0;$ii<2;$ii++) { for ($iii=0;$iii<2;$iii++) { echo "<td>"; echo"<div style='height:2in;width:3.5in;'> $id, $Dept<br> $type $name<br> $sdate - $edate </div>"; echo"</td>"; } echo"</tr>"; } } echo "</table>"; echo "<p style='page-break-before: always'>"; I am sure there is a better way to do this and any suggestions or advice is appreciated, Thanks
-
Hi guys, I saw this in some CSS ages ago and cannot remember where so cannot remember how it goes exactly ... but i'd like to do somehting like this with my css: <htmi id="something"> <style> #something { h1 { } } #other { h1 { } } so if anyone know how it works or how to make it work thatd be great! cheers
-
i have an edit link in registration field. i want when the user clicks on the edit link the edit page must open in which city field must retrieve the database value as well as the rest of the dropdown value in the form of dropdownlist....as well as the corresponding location field must be autopopulated...
-
I'm pretty new to front-end development and I'm finding myself in a right pickle. This is how it should look by the end. Body <body> <div class="nav"> <div class="nav_container"> <ul> <li id="logo"><img src="images/logo.png" alt="FUCK"></li> <ul class="menu"> <!-- selection 1 start --> <li>Select a theme<span id="fuck"><img src="images/arrow.png" alt=">"/></span> <ul> <li><a href="#">Fuck</a></li> <li><a href="#">Fuck</a></li> <li><a href="#">Fuck</a></li> <li><a href="#">Theme</a> <ul> <li><img src="images/preview.png"></li> </ul> </li> </ul> </li> </ul> <!-- selection 1 end --> </ul> </div> </div> </body> CSS body { background: #e3e3e3; margin: 0 auto 0 auto; } .nav { float:left; background: black; width: 100%; height: 95px; margin: 0 auto; -moz-box-shadow: 0 0 8px rgba(0,0,0,.25); /* drop shadow */ -webkit-box-shadow: 0 0 8px rgba(0,0,0,.25); /* drop shadow */ box-shadow: 0 0 8px rgba(0,0,0,.25); /* drop shadow */ background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEyMTUgOTUiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMjUlIiB4Mj0iNTAlIiB5Mj0iLTI1JSI+CjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMjIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNTM1MzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEyMTUiIGhlaWdodD0iOTUiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */ background-image: -webkit-linear-gradient(bottom, #222 -25%, #353535 125%); /* gradient overlay */ background-image: linear-gradient(bottom, #222 -25%, #353535 125%); /* gradient overlay */ } .nav li { list-style: none; } .nav_container { /*background: white;*/ width: 960px; height: 50px; margin: 0px auto; } #logo { float:left; position: absolute; top: 24px; } .menu { color: #fff; /* text color */ font-family: "Source Sans Pro", sans-serif; font-weight: 200; font-size: 15px; float:left; display: inline; padding: 12px 320px; display:block; color:white; } ul.menu > li { background-color: #323232; /* layer fill content */ -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.5); /* drop shadow */ padding-right: 10px; padding-left: 10px; height: 33px; line-height: 33px; -webkit-transition: background-color .3s; } ul.menu > li:hover { background-color: #282828; /* layer fill content */ -webkit-box-shadow: 0 3px 0 rgba(0,0,0,.5); /* drop shadow */ padding-right: 10px; padding-left: 10px; height: 33px; line-height: 33px; cursor: pointer; } ul.menu li ul { display: none; } ul.menu li:hover ul { display:block; } ul.menu li ul > li { text-align: center; width: 100%; background-color: #212121; } #fuck { padding-left: 15px; } ul.menu li ul li ul li { display:none; } ul.menu li ul li:hover ul li { display:block; } How it should look How it looks
-
hi, I am going through this tutorial: http://net.tutsplus.com/tutorials/php/supercharge-your-css-with-php-under-the-hood/ I have done what you said: here is my CSS page: <?php header('Content-type=text/css'); ?> #headcontainer { background-color: #<?php echo $headcontainerbg; ?> } here is my .htaccess (in the CSS folder) AddType application/x-httpd-php .html .htm .css AddHandler application/x-httpd-php .html .htm .css AddHandler application/x-httpd-php5 .css I am importing CSS stylesheet like my others I am using MAMP locally, still nothing -
I have searched everywhere for an answer, but I don't think I'm asking the question in the right way. I have two columns, but I need the elements to stack and cant seem to make anything work. I also want to add a background color to make the elements stand out. If you look at the image attached, it shows that the left column doesnt but up against the bottom of the element above it, it seems to align itsself to the right column. Appreciate any help. Thanks in advance <style type="text/css"> #showcase { width: 100%; margin-bottom: 20px; margin-top: 4px; vertical-align:top; } #showcase > div { width: 280px; float: left; border: 1px solid #ddd; padding: 5px; vertical-align:top; margin-left: 0px; } #showcase > div:first-child { margin-left: 0; vertical-align:top; } #showcase > div > div { float: right; margin-left: 8px; vertical-align:top; font: 12px arial, sans-serif; } #showcase > div > img:last-child { width: 150px; clear: both; margin-top:16px; margin-left:0px; vertical-align:top; } img.floatLeft { float: left; margin: 4px; } img.floatRight { float: right; margin: 4px; } </style> <div class="module" style="margin-top:0px;"> <div class="module-header"><h3>Product Spotlight</h3></div> </div> <div id="showcase"> <? while($row = mysql_fetch_array($products_showcase_query)): ?> <div> <span style="display: block;font-size:20px;line-height: 130%;margin-bottom:4px;"><?= $row['product_headline'] ?></span> <img src="../product_images/<?= $row['product_image'] ?>" style="width: 134px; float: left;" /> <div><div class="floatLeft"> <?= $row['product_summary'] ?> </div></div> <img src="../product_logos/<?= $row['product_logo'] ?>" /> </div> <? endwhile ?> <span style="display: block;clear:both;"></span> </div>
-
Thank you for your time. I am not sure where this really belongs the HTML, CSS, Application Design or one of the PHP topics. So I figured I would post here. In my search I have found topics that come close to my question but have not provided a fix for my issue. So I'm asking for help. That and I am a beggining Web Developer. Problem: the php includes I use are not displayed on web pages in subdirectories. If I add ../ to the php include so it is like this: <?php include ("../menu.php"); ?> on the newpage.php only some of the included files are shown on the page in the subdirectory. All links on the file newpage.php now act as though they were written <a href="../menu.php">link</a> and don't work. They are acctually written <a href="menu.php">link</a>. Directory & Files / index.php header.php footer.php menu.php <!-- contains all links for site --> style.css subdir/ newpage.php newpage.php include code <div id="links"> <?php include ("menu.php"); ?> </div> Question? How do I fix it so that the menu.php and other included files are shown on the subdir pages? How do I make the links properly reflect the location. Since absolute or relative pathing appears to muck it up. FYI: I do not have CLI access to the server. Only ftp access. Thanks again for any help you may provide.
-
hey guys, im trying to create a website similar to craigslist and ebay except i dont know much about php, so far i have created a basic website using mostly only css and html and a little bit of javascript. but im having a hard time figuring out how to work with php is there anybody on here that would be interested in working together to build a website with me that could have the potential to make money if it is build right ? -
I really cannot understand it, I've tried several different ways of writing it that I'm sure I've used before, and I simply cannot get :hover to work with any of my divs... html: <a href=''><div id='menu' class='button1'></div></a> <a href=''><div id='menu' class='button2'></div></a> <a href=''><div id='menu' class='button3'></div></a> <a href=''><div id='menu' class='button4'></div></a> css: #menu { width:75px; height:75px; background-color:red; /* background-image:url('menu.jpg'); */ float:left; margin:20px; } .button1:hover { /* background-position:75px 75px; */ background-color:yellow; } as you can see I've commented out the image, ultimately I want the image to appear, but for now I can't get the :hover to change the state of the div at all, no reaction... any help would be much appreciated, its really frustrating me...
-
I want to select the last child (li), but it doesn't select. It must be the last, i.e. not the 5th, becuase the list quantity changes. HTML: <div id="product_info"> <h1>Hobo Indoor Data Loggers</h1> <div id="product_tabs"> <ul> <li><a href="#description">Description</a></li> <li><a href="#features">Features</a></li> <li><a href="#specifications">Specifications</a></li> <li><a href="#technical">Technical</a></li> <li><a href="#recommendations">Recommendations</a></li> <span style="clear:both;"></span> </ul> </div> </div> CSS: #product_tabs ul { background: #3463a0; border-radius: 5px; padding: 0px 5px; border: solid; } #product_tabs li { float: left; } #product_tabs li a { background: #3463a0; color: #f6f6f6; padding: 10px 20px; font-weight: bold; } #product_tabs li a:last-child { border-radius: 5px; } Any idea why it won't just select the #recommendations li, instead it selects all of them.
-
Hiya i'm using a navigation menu with a submenu on just one item for my website and I want to customise it to simply add a | character (as a neat divider) after each menu item. I cant work out how to do it because every time i try to add it in it pushes the rest of menu items to the line below. html <ul id="navbar"> <li><a href="#">Home</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Connections</a></li> <li><a href="#">Windowsill Apothecary</a></li> <li><a href="#">Wizards Ramblings</a></li> <li><a href="#">Vibrational Essences Range</a><ul> <li><a href="#">Furry Friends Essences</a></li><li> <a href="#">Good Vibrations Essences</a></li><li> <a href="#">Release Essences</a></li></ul> </li> <li><a href="#">Herbal Tinctures</a></li> </ul> css #navbar { margin-left: 1em; padding: 0; height: 2em; margin-bottom:0.3em;} #navbar li { list-style: none; float: left; } #navbar li a { display: block; padding: 3px 8px; background-color: #646F5E; color: #fff; text-decoration: none; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;} #navbar li ul { display: none; width: 13em; /* Width to help Opera out */ background-color: #646F5E; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;} #navbar li:hover ul, #navbar li.hover ul { display: block; position: absolute; margin: 0; padding: 0; } #navbar li:hover { TEXT-DECORATION: underline;} #navbar li:hover li, #navbar li.hover li { float: none; } #navbar li:hover li a, #navbar li.hover li a { background-color: #646F5E; border-bottom: 1px solid #fff; color: #ffffff; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;} #navbar li li a:hover { background-color: #646F5E; TEXT-DECORATION: underline;} Any ideas? Thank you kindly
-
I have been looking around to try and figure out why there is a big gap at the top of this slider and I really don't know how to get rid of it. <h1><span style="color: #3b853f;">WELCOME TO INSURED CARS</span></h1> One low cost, monthly payment with insurance included. Protecting the public from high premiums...... <div class="space" style="height: 5px;"></div> <h4><img class="alignnone size-large wp-image-1352" alt="revolution-tick" src="http://insuredcarsonline.com/wp-content/uploads/2013/01/revolution-tick1.jpg" width="19" height="20" /><span style="color: #000000;"> INSURANCE INCLUDED</span></h4> <h4><img class="alignnone size-large wp-image-1352" alt="revolution-tick" src="http://.com/wp-content/uploads/2013/01/revolution-tick1.jpg" width="19" height="20" /><span style="color: #000000;"> LOW INITIAL PAYMENT</span></h4> <h4><img class="alignnone size-large wp-image-1352" alt="revolution-tick" src="http://.com/wp-content/uploads/2013/01/revolution-tick1.jpg" width="19" height="20" /><span style="color: #000000;"> ROAD TAX AND SERVICING INCLUDED</span></h4> <h4><img class="alignnone size-large wp-image-1352" alt="revolution-tick" src="http://.com/wp-content/uploads/2013/01/revolution-tick1.jpg" width="19" height="20" /><span style="color: #000000;"> CURFEW FREE SAFE DRIVING AID</span></h4> <h4><img class="alignnone size-large wp-image-1352" alt="revolution-tick" src="http://.com/wp-content/uploads/2013/01/revolution-tick1.jpg" width="19" height="20" /><span style="color: #000000;"> COMPLETE DATA CONFIDENTIALITY</span></h4> <h4><img class="alignnone size-large wp-image-1352" alt="revolution-tick" src="http://.com/wp-content/uploads/2013/01/revolution-tick1.jpg" width="19" height="20" /><span style="color: #000000;"> GUARANTEED FIXED PRICE INSURANCE</span></h4> <h4><img class="alignnone size-large wp-image-1352" alt="revolution-tick" src="http://.com/wp-content/uploads/2013/01/revolution-tick1.jpg" width="19" height="20" /><span style="color: #000000;"> ACCIDENT PROOF POLICY</span></h4>
-
Hey all, I am designing a new template and I am trying a new navigation method. It is an onclick(with js disabled fallback) menu. I have it positioned where I want it but there is a gap between my header_inner div and header_wrapper div. I have viewed it in Opera, FF, Chrome, IE, and Safai, and they all displayed the gap. Help? You can find the site here http://synesterpiercing.webs.com/index.htm
-
I am very new to php and I have seen many posts on how to write to a csv file and several on how to fgetcsv data from a file, but none of it really makes sense and I cannot find a relevant example of what I am attempting to do. I know that most will say, use mySQL, but for this example, I really want to know how to use a csv as a data source. I have a php script that creates an image gallery from the folder that it is placed. It also gets and displays the embedded image attributes, filename, file dimensions, file size. Rather than display the file dimensions and file size, I want a corresponding csv file to display an image Category and other details from the csv. The full original php script can be viewed here: http://www.mahogan.com/gallery.txt The modified working model of this gallery can be viewed here: http://www.mahogan.com/sandbox/thumbs/gallery.php Here is a php script that gets the data from the csv: http://www.mahogan.com/sandbox/thumbs/gallery-fgetcsv.php echo "<html><body><table>\n\n"; $f = fopen("gallery-data.csv", "r"); while (($line = fgetcsv($f)) !== false) { echo "<tr>"; foreach ($line as $cell) { echo "<td>" . htmlspecialchars($cell) . "</td>"; } echo "<tr>\n"; } fclose($f); echo "\n</table></body></html>"; In my examples of the csv, this just prints the entire csv in an html table as in the file. What I do not understand is this: 1) How to Match the Filename with the thumbnail filename in the folder so that all the data in that row will stay with that filename. 2) How to assign/replace this csv data to print these in place of the image attributes. Any advice with using this CSV as a data source would be very appreciated as I really want to learn how to do this! Thanks! -
I was curious about how to make text look like its pressed into a header(using text-shadow) on a gradient background. I tried a letter press tutorial with no luck. My test site is here http://shockwave-technology.webs.com/template.html On the left side of the example ad I am hoping to use css to make a title text look like it is pressed into the header. Any help is appreciated.
-
Hi guys, Im learning to code, i followed some tutorials online on how to make a simple social network website.. I have the bare bones of the sight but it looks shocking and theres a few errors... www.just-vent.com now... I want o create a pretty cool layout for all my content, and im just beginning with code... Is there any simple way of taking my code and applying it to a new style with little coding? Or would anyone be able to wedit my stylesheet if i send over the existing code and a file with all the slices and a note document with all the dimensions? I tried playing around with error after error :/ Cheers Guy
-
Before asking any questions,i would like to thank phpfreaks forum for answering my questions.. Really helpful, thanks again.. i have this tabbed menu.. it worked nicee.. but when i add input submit at last, it is not shown,pls help.. might be css issue, tried that some things, but didn't work, pls help... css <style> ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 32px; /*--Set height of tabs--*/ border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; } ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; /*--Subtract 1px from the height of the unordered list--*/ line-height: 31px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #999; border-left: none; margin-bottom: -1px; /*--Pull the list item down 1px--*/ overflow: hidden; position: relative; background: #e0e0e0; } ul.tabs li a { text-decoration: none; color: #000; display: block; font-size: 1.2em; padding: 0 20px; border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover { background: #ccc; } html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ } .tab_container { border: 1px solid #999; border-top: none; //overflow: hidden; clear: both; float: left; width: 100%; background: #fff; height:auto; } .tab_content { padding: 20px; font-size: 1.2em; color:#333; height:auto; } * { margin:0; // disable for button padding:0; // disable for button border:0; // disable for button } </style> script for tab <script type="text/javascript"> $(document).ready(function() { //Default Action $(".tab_content").hide(); //Hide all content $("ul.tabs li:first").addClass("active").show(); //Activate first tab $(".tab_content:first").show(); //Show first tab content //On Click Event $("ul.tabs li").click(function() { $("ul.tabs li").removeClass("active"); //Remove any "active" class $(this).addClass("active"); //Add "active" class to selected tab $(".tab_content").hide(); //Hide all tab content var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content $(activeTab).fadeIn(); //Fade in the active content return false; }); }); </script> <ul class="tabs"> <li><a href="#tab1">First tab</a></li> <li><a href="#tab2">Second tab</a></li> </ul> <div class="tab_container"> <div id="tab1" class="tab_content"> Content of the first tab </div> <div id="tab2" class="tab_content"> Content </div> when i used the content area to display my form, it was displayed.. but then when i included the submit button it is not seen.. but then when i use only submit button (no form content)it is displayed. what am doin wrong..pls help.. -
okay, so I have gotten a lightbox effect working for when pictures are uploaded for a news post. the lightbox works and goes over the content from the main news DIV it is in, but if there are other news DIVs posted, they show up over the lightbox... it does the same thing between Chrome and FF. i have attached a PIC of the issue. here is the code that is involved with all of this... CSS: // This is the style script for the NEWS DIV .main { display: block; min-height: 100%; width: 680px; font-size: 13px; text-indent: 1em; text-shadow: #000 1px 1px 3px; background: #494949; /* Background for Internet Explorer 9 and older browsers */ background: -webkit-linear-gradient(bottom, #444, #555); /* Background for Chrome & Safari */ background: -moz-linear-gradient(bottom, #444, #555); /* Background for Firefox */ background: -o-linear-gradient(bottom, #444, #555); /* Background for Opera */ background: -ms-linear-gradient(bottom, #444, #555); /* Background for Internet Explore 10+ */ box-shadow: 5px 5px 5px #000; border: 2px solid #996600; border-radius: 15px; -moz-border-radius: 15px; /* FireFox */ padding: 0 6px 6px 6px; margin: 0 0 20px 0; transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; /* Firefox 4 */ -webkit-transition: 0.5s ease-in-out; /* Safari and Chrome */ -o-transition: 0.5s ease-in-out; /* Opera */ position:relative; z-index:10; } // This is the style script for the LIGHTBOX .black_overlay{ //the black transparent background display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:998; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); } .white_content { //the content to the lightbox display: none; position: fixed; border-radius: 6px; top: 50%; left: 50%; width: 800px; height: 800px; ; margin-top: -400px; z-index:999; } heres the HTML/PHP involved: $query = mysql_query('SELECT * FROM news ORDER BY id DESC LIMIT 10') or die('Query Failed: '.mysql_error()); while($row = mysql_fetch_array($query)){ extract($row); $date = date('D M j, Y',strtotime($date)); $new_id = $id; if($registered == 'yes' && $active == 'admin'){ echo '<div class="panel right theme">'; echo '<img src="images/gears.png" style="vertical-align: middle;"> Settings<br>'; echo '<div class="admin_indent"><a href="#">Edit</a></div><div class="admin_indent"><a href="#">Delete</a></div>'; echo '</div>'; } echo '<div class="main">'; echo '<div class="main-head"><a href="home.php?feed='.$id.'" target="_self">'; echo $header .'</a> ยป <div class="ndate">'. $date .'</div>'; echo '</div>'; echo $news; if($upload=='true'){ echo '<br />'; echo '<div class="pic_slider">'; $photo_upload = mysql_query('SELECT * FROM m_photos WHERE post_id="'.$id.'"') or die('photo upload query failed: '.mysql_error()); while($row = mysql_fetch_array($photo_upload)){ extract($row); echo '<div class="inline" onclick="document.getElementById(\'light'.$id.'\').style.display=\'block\';document.getElementById(\'fade\').style.display=\'block\'"><img src="../ffyv2/files/thumb/'.$pic.'" height="200"/></div>'; echo '<div id="light'.$id.'" class="white_content"><img class="images" src="../ffyv2/files/'.$pic.'" width="500" onclick="document.getElementById(\'light'.$id.'\').style.display=\'none\';document.getElementById(\'fade\').style.display=\'none\'"/></div>'; } echo '<div id="fade" class="black_overlay"></div>'; echo '</div>'; }
