7,985 Archived Topics
Remove Filter ![]() | |
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 … UI / UX Design html-css web-design | |
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 … UI / UX Design web-design | |
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 … UI / UX Design html-css web-design | |
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 . … UI / UX Design web-design | |
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 { … UI / UX Design html-css web-design | |
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 … UI / UX Design flash html-css web-design | |
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. UI / UX Design multimedia web-design xml | |
Dear experts What is difference between #header div#header Thanks UI / UX Design web-design | |
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 … UI / UX Design web-design | |
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... … UI / UX Design web-design | |
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 … UI / UX Design html-css web-design | |
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 … UI / UX Design gui image web-design ![]() | |
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 … UI / UX Design ui-ux web-design | |
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 … UI / UX Design html-css web-design | |
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 ? … UI / UX Design html-css image web-design | |
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 UI / UX Design web-design | |
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 … UI / UX Design html-css web-design | |
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 … UI / UX Design html-css web-design | |
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: … UI / UX Design html-css web-design | |
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 … UI / UX Design career html-css web-design | |
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; … UI / UX Design html-css web-design | |
index.html [CODE] <div id="content"> <div id="main"> <h3>Latest News</h3> <p style="border-bottom: 2px dotted #FF0000; width: 620px;"></p><br /> <div class="post"> <p><img src="images/pic1.png" ALT="picture1" ALIGN=LEFT><font face="Arial" color="red" size="14">Lorem ipsum</font>- 14 Jan 2011<br /> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce porta diam in quam consectetur elementum. Vestibulum iaculis pellentesque mauris, non … UI / UX Design html-css web-design | |
Hello, i have created a html/css version of one of my psds and pretty much everything is working fine, just the background image or the container div to which background image is assigned is not stretching vertically to 100%. Here is the Link to Live version of What i have … UI / UX Design html-css web-design | |
Actually I am having a problem with the content width where the content is a link. Here is the shorten code of it: [CODE]<!DOCTYPE> <html> <head> <style> #main{ width:100px; background:cyan; } </style> </head> <body> <div id = "main"> <a href="#">This is a very long long one.... hahahahahahhahaha</a> </div> </body> </html>[/CODE] … UI / UX Design seo web-design | |
Hi, i'm doing a registration form, and i'm aligning the labels and textbox's. But they are very close of each other, so i put a td between the td's which are seperating the label and the textbox. [CODE]<tr> <td align="right"> <br/> <div class="field"><label>Username*: </label> </td> <td> </td> <td> <input type="text" … UI / UX Design web-design | |
Hi, i have this web page: [URL="http://img850.imageshack.us/img850/7704/29673898.jpg"]http://img850.imageshack.us/img850/7704/29673898.jpg[/URL] and i want to put some dark grey background behind the banner and the menu bar. How do i do it? Thank you, PG2G UI / UX Design web-design | |
Actually i have 2 jpg images one is rectangle box which fits the width of the screen and height is small enough to appear like blue color menu bar at the top and bottam of this site and the second page contains a home button and in my site i … UI / UX Design image web-design | |
I have a some words that I want display in the footer, I want 2 words to be left aligned and rest to be right aligned. I have my code something like this: [CODE] <div class="footer"> MyWebsite <!--This should be left aligned--> <!--Things below should be right aligned--> <a href="">Contact … UI / UX Design html-css web-design | |
Hello, I don't even know how to google search, what I want to do: here is a psd file [URL="http://mzfrkd.deviantart.com/art/Green-Leaves-PSD-73025919"]http://mzfrkd.deviantart.com/art/Green-Leaves-PSD-73025919[/URL] I never did a psd -> html, from scraacth so I am learning it. Only passed this [url]http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/[/url] tutorial. But what was written in this tutorial - to repeat the … UI / UX Design web-design | |
Hi i have made a site and it looks great in FF and Chrome. However it look really bad in IE and some things just do not work. And being not much of a front end developer I am truly stumped. There are three main problems: [LIST=1] [*]I would like … UI / UX Design web-design | |
I'm using the following code: [code] /*Het middenboxje plus de achtergrond.*/ div.transbox { width: 400px; height: 600px; margin: 0px 0px; margin-top: 25px; background-color: #CCFFFF; border: 1px solid black; opacity:1.00; /*lagere waardes zijn doorzichtig*/ margin-left: 240px; /*anders lopen deze en de links door elkaar*/ } div.transbox p { color:#66CC33; margin: 30px; … UI / UX Design web-design | |
Hi everyone. I am creating a web site and i'm nearly done but have serious problems with IE 7. For some reason its throwing the text by the title to the right. Its a [URL="http://www.e-sol.co.uk"]photocopier[/URL] company and i need it looking smart. [URL="http://www.e-sol.co.uk"]www.e-sol.co.uk[/URL] At the top you will see the … UI / UX Design web-design | |
Hello everybody, I have a CSS menu in a wordpress based site that I've got to work correctly after help received in this great forum. Thanks for that. I only have one issue pending for this menu, I only would like help with the padding that it seems exists in … UI / UX Design html-css web-design wordpress | |
Hello, I'm having an issue with absolute position of a few images/divs [url]www.runsmartonline.com/newsite/[/url] This works in IE (shocker) and firefox, but not google chrome. When the pages loads, it displays the header logo in the top right, but then disappears after the page fully loads. Is it a problem with … UI / UX Design web-design | |
Hi there, I am currently developing a Facebook page for a musician, and I'm creating various things that will hopefully see his page spread virally over the coming weeks. 1. First of all, the landing page of the FB page is a form telling people that they can sign up … UI / UX Design social-media web-design | |
I have a problem with an image I want to be clickable. I have writing to the far left of this - with a bottom border (width 800px) so it has a line throughout most of the website. I also want this clickable button to be above the border on … UI / UX Design gui html-css image web-design | |
Hello everyone, I hope someone could help me with this problem. I have a problem with a vertical menu that I'm trying to insert in a sidebar in a wordpress based site. The problem is that when hover the sub menus only are visible in the sidebar area, the other … UI / UX Design html-css web-design wordpress | |
Dear Experts I have followin codes [B]CSS[/B][CODE]#footer { clear:both; width: 826px; height: 50px; background: rgb(0%, 80%, 40%); padding: 5px; margin: 0; line-height: 50px; }[/CODE] HTML [CODE]<div id="footer"> Last Updated : January 01, 2012 </div>[/CODE] Footer tags is included in all 5 pages, When I update any page then I have … UI / UX Design html-css web-design | |
I am working on a fairly simple site. At this point I am wanting to assemble 25 images on the [URL="http://stormtrooper.webng.com/"]homepage[/URL] which when assembled will form a [I]whole[/I] image (where each separate image will be clickable). I am only at the point of trying to getting the images arranged as … UI / UX Design web-design | |
Hi, Does Anyone have a code snippet for a horizontal drop down menu with collapsible text to share with me? Thanks a lot. Mydreamgirl UI / UX Design ui-ux web-design | |
Hello Am currently working on a business card template, with size 3.5 inches and 2 inches, yet when am saving the psd as jpg or png, it is saving in pixels, and when I open the image to print, it prints the whole A4 paper. How can I get to … UI / UX Design multimedia web-design | |
I am organizing my site to make it easier and faster to maintain. I keep a small version of my site on my laptop running Apache/PHP. I successfully organized and recoded things to the way I wanted. Upon uploading the file to my live site, I ran into several problems. … UI / UX Design apache html-css web-design | |
Hello all i have a large amout of data which is shared on my loaal area network with windows xp now i want to put all the data on ftp site wiich is localy hosted on my pc and i want to upload all the data on it how can … UI / UX Design ui-ux web-design | |
When I go to my website ([url]www.directSellingLive.com[/url]) it loads a white page. What has gone wrong? UI / UX Design web-design | |
I have been working on writing a newsletter template to send out to a mailing list. I found a site that let me download one, but after determining it was overly complex, I decided to rewrite it using css. (it was using tables for content layout) Everything was working fine … UI / UX Design html-css web-design | |
The CSS Menu I have moves the contents of the div tag below it sideways. I am posting only the CSS styles for it because the code inside the <body> tag utilizes only the styles. The menu div tag is the id #navMenu. The content is in three div tags … UI / UX Design html-css web-design | |
Quick question, I've went through one of my sites and added quit a few <strong> tags to the page keywords. The text was already styled by CSS in one form or another and the appearance of the text didn't change.. which is exactly what I wanted. The tag was simply … UI / UX Design seo web-design | |
Hi, Here is a link to my side by side div's: [url]http://jsfiddle.net/cMpaE/[/url] Or you can view my code below (it's the same for both, but if you go to the above link you can see a preview) [CODE] <div id="logoBlock" style="float:left; background-color:#CF6; width:15%; min-height:120px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin-bottom:2%;"> <center> logoBlock </center> … UI / UX Design html-css web-design | |
Basically I have a password reset field and in order for the password reset to be processed the user needs to enter their first name, last name, D.O.B and email address. The first name, last name and email address are required fields, the rest are just additional security measures. My … UI / UX Design html-css ui-ux web-design |
The End.