10,643 Topics
 | |
| | I was wondering, I want to change other elements that are inside of a main div when one hovers. [CODE]<div id="post"> <h1>The Title</h1> <p class="text">Text</p> <p class="other-text">Text</p> </div>[/CODE] So if one hovers over the "post" div then the the "#post h1" title would change from black to blue.. If it's … |
| | hi, i want to do a footer like the one on this website: [URL="http://www.templatemonster.com/demo/36943.html"]http://www.templatemonster.com/demo/36943.html[/URL] but i never worked with css... can someone help me? thank you, PF2G |
 | Hi, I am trying to create a button using css sprite. buttonnav.css [CODE] a.button { background: url(../images/buttonnav.png) no-repeat 0 0; width: 100px; height: 50px; display: block; text-indent: -9999px; } a.button:hover { background-position: 0 -2px; } a.button:active { background-position: 0 -8px; } [/CODE] index.php [CODE] <div id="button">Button</div> [/CODE] I do not … |
| | Hi. I'm trying to make a simple page that contains a google search form. The results of the search needed to be shown in an iframe that is on the same page. I've managed to write the search form but I can't make the results appear in the iframe. Whenever … |
 | What I want is a pic to show on full background. But the image is not displaying. The code I have ( the relevant parts ): [CODE] <div id="bg"><img src="welcome.psd" width="100%" height="100%" alt="" /></div> [/CODE] And the CSS: [CODE] #bg { position:fixed; top:0; left:0; width:100%; height:100%; } [/CODE] I have …  |
 | You are free to use and modify my layout in any purpose, and I hope you find this useful! Enjoy... |
| | [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Order Item - Using PHP Arrays</title> <style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .style1 { color: #FF6600} .style2 { color: #660033} .error { background-color:#FF0000; color: #FFFFFF; font-style:italic; text-align:center; font-size:13px; … |
| | index.html [CODE] <h4>Latest News</h4> <p style="border-bottom: 2px dotted #FF0000; width: 620px;"></p><br /> <div class="post"> <img src="images/pic1.png" ALT="picture1" ALIGN=LEFT><div id="ptitle">Lorem ipsum <div id="pdate">- 14 Jan 2011</div></div><p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porta diam in quam consectetur elementum. Vestibulum iaculis pellentesque mauris, non sodales erat egestas nec. Proin … |
| | Hi guys . I am not really sure what board i should post this on so i decided to post it on the webdesign segment . anyway i would like to create a content block that blocks the screen until the visitor clicks the "enter " or proceed button . … |
| | i m not convinced with the way explanation given for this drop down menu working .. please help me out [CODE] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Menu testing</title> <style type="text/css"> #nav,#nav ul { list-style:none; padding:0; margin:0; } #nav a{ display:block; width:10em; } #nav li { … |
| | Hello everyone, I am currently working on a website for a literary journal that I work for called The Broome Street Review. Currently, we use Wix for the website, but we would like to move away from that and design ourselves. I have been teaching myself HTML and CSS and … |
| | I'm seeking actionscript for self contained slideshow (swf file). This is not going on a web site so external images/xml call will not work. Thanks. |
| | Dear experts What is difference between #header div#header Thanks |
| | Hi, I chose Feature Driven Development (FDD) as the development methodology to use for the development of my final year project. As you probably know, each 'feature' (functional part of the system) has a plan, design and build stage. The problem i have found is that in examples of the …  |
 | I have a form having two radio buttons and one heading, [CODE]<form name="f1" method="POST" action="<?php echo $PHP_SELF;?>"> Family filter: <ul> <li><input type="radio" name="r1" value="o" onclick="submit();">On</li> <li><input type="radio" name="r1" value="p" onclick="submit();">Off</li> </ul> </form> </div> [/CODE] CSS, [CODE]#filterbox {border-radius:8px; width:208px; margin-bottom:15px; background-color:#e1f6fa;} #filterbox ul{margin: 0; padding: 0; list-style-type: none;} #filterbox ul li … |
| | Hi, I need help no this web page that i'm making, I think it's a bit too simple for you guys :), so here goes nothing.... I need a text box like: <input value="Click here to clear text" name="nome" type="text"> That actually clears the text when you click on it... … |
| | Hello. I have been using a style sheet for some time now in my html project. The classes are made like this. .twoColLiqLtHdr #container { width: 80%; /* this will create a container 80% of the browser width */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction … |
| | Hi there, I'm having a little bit of trouble modify my colleagues old website (a new one is being made currently, but I'm tasked with fixing some issues with the current one). Look at the blue buttons saying Previous and Next on the bottom of this page: [url]http://www.electrix.co.uk/view_products.php?offset=10&id=86[/url] In IE7 … |
| | Hello all, I have a big question for you all and hope you can help me. I have this web site that I took over, but did not build. This site was built with people with vision impairments in mind. When ever I do updates to the site, I have … |
| | |
| | Hi, I have created a jquery slideshow with the following image. Yet, without navigation how to create a small button navigation on the slide show ? What's the code for the css ? [CODE] <style type="text/css"> <?php /* td a { margin: 5px } .nav { margin: 5px 0 } … |
 | Hi every1 I am new to CSS and I want to use CSS to format my website.(i use Dreamweaver to create my site) There are many free css template on the Internet but it's difficult to understand them. My question is: do you know some website provide free SIMPLE css … |
| | index.html [CODE] <div id="banner"> <img src="images/banner.png" /><img src="images/bannerside.png" /> </div> [/CODE] style.css [CODE] #header #banner { margin: 10px 0 0 20px; } [/CODE] I am hoping those image appears next to each other, instead they come out on top and buttom. How to make them next to each other ? … |
| | Hi, I have a page with 2 frames . 1. Header 2.Display In the header page i have a menu bar with sub menus. But when i display this, my page is showing in improper format i.e there is a side scrolling for the header page when im trying to … |
| | As we can see in this site when we place the cursor over the "webdevelopment" then it shows a drop ddown list of items what is the code used to make it working??can any one helip me plzz |
| | index.html [CODE] <div id="container"> <div id="header"> <h1><a href="#">Ock Associates</a></h1> <ul id="nav"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">PRACTICE AREA</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">PUBLISHED BOOKS</a></li> <li><a href="#">CONTACT US</a></li> <li> <div id="search"> <img src="images/searchform.png" /> <img src="images/searchbutton.png" /> </div> </li> </ul> [/CODE] style.css [CODE] #header ul#nav { float: left; margin: 110px 0 0 …  |
| | hi, how to display a div on top off all the other content? i tried [ICODE]style=" position:relative; left:0px; top:0px; z-index:100;"[/ICODE] which didn't work, then when i used position:absolute; it worked but, it displays in a totaly in appropriate position because of position:absolute . how can i make this happen? when … |
| | index.html [CODE] <div id="side"> <div id="boxcontainer"> <h3>Get In Touch With Us</h3> <div id="image"><img src="images/pic2.png" ALIGN=LEFT></div><div id="text">Request more <br />information from <br />OCK&Associates</div> <br></div><br> <div id="boxcontainer"> <h3>Get In Touch With Us</h3> <div id="image"><img src="images/pic2.png" ALIGN=LEFT /></div><div id="text">Request more <br />information from <br />OCK&Associates</div> </div></div> [/CODE] style.css [CODE] #content #boxcontainer image{ margin: … |
| | index.html [CODE] <div id="container"> <div id="header"> <h1><a href="#">Ock Associates</a></h1> <ul id="nav"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">PRACTICE AREA</a></li> <li><a href="#">NEWS</a></li> <li><a href="#">PUBLISHED BOOKS</a></li> <li><a href="#">CONTACT US</a></li> </ul> <ul id="topcorner"> <li><a href="#">Career</a> | <a href="#">Mail</a></li> </ul> [/CODE] style.css [CODE] #header ul#topcorner { float: right; margin: 20px 50px 0 0; font: 12px … |
| | index.html [CODE] <div id="side"> <div id="boxcontainer"> <div id="side-info"> <h3>Get In Touch With Us</h3> <ul> <li><img src="images/pic2.png" ALT="picture1" ALIGN=LEFT />Request more <br />information from <br />OCK&Associates</li> <br></div></div><br> [/CODE] style.css [CODE] #content #boxcontainer { width:240px; padding: 10px; border:0px solid #000; background-color:#CCCCCC; } #content #boxcontainer h3{ font face: "Arial" color: red size: 14px; … |
The End.