Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
2,272 Solved Topics
Remove Filter
Hello I hope you can help me I have a code and would like to change the background colour of each cell from white, to grey, to red to blue and back again, by clicking on it. This is the code any help would be appreciated thank in advance. <table …
Hi, I made a website --> [URL="http://www.pgum-sill.pl/nowa_strona/index.html"]http://www.pgum-sill.pl/nowa_strona/index.html[/URL] In Chrome it looks as it should. But in Firefox and IE it crashes. What should I change to make the website to look ok in every browser? What I shouldn't use to avoid this kind of situation?
Hi, I have a div called target which is centred and displayed over a google map when you pan to a map marker, i have since added a menu to the left of the map which means that when the google map pans to a marker it is no longer …
Hello guys, According to the w3 schools site HTML5 currently only supports OGG, WebM, and MP4. Most of my current media is in the WMV format so I would like to convert it to use on my site. Searching for converts returns lists of trial software or software that doesn't …
Hi, At the site of Marc O'Polo ([url]http://www.marc-o-polo.com[/url]) you can find the header of footer sticked to the top and bottom of website. How to do it? Just use z-index attribute?
I am making a responsive site. Please resize your screen to 980px-ish to see the problem as I've not configured the other screen resolutions sizes. My page works as i expected in chrome and firefox in [url]http://mambo.3thirteen.co.uk/en[/url] but then when i move the css form the main <style> tag on …
Hi, i am thinking about creating a sort of text based mmorpg game, i have a fair amount of experience in designing and building websites. I see that a lot of text based games use ticks as a sort of time frame for completeing tasks etc... I was wondering if …
Hi, I was asked to help with an old website. And the css there is not optimized yet everything seemed to be working. Except for when I view it in internet explorer. I am using wordpress but the part with the problem is custom coded HTML in the footer. I …
Hi I've ms database where I've added one image(one so far for testing). Also in that DB(database) I have UserID and ItemID. Image I've added to DB (.mdb format) manually as OLE object. (It was : right click on DB field / Insert Object / from file/ picked up a …
Hi, My pages cannot show special characters from other languages. It only works for english. How can I modify it to display other characters from french, greek, turkish, arabic etc. ? Thanks [code] </div><!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" …
Hi, I cannot make Google Plus button visible in my tests on local machine. Do I miss anything in code below? Thanks [CODE] <html> <head> <title>+1 demo: Basic page</title> <link rel="canonical" href="http://www.example.com" /> <!-- Place this render call where appropriate --> <script type="text/javascript"> window.___gcfg = {lang: 'en-GB'}; (function() { var …
Hi everyone, I'd uploaded web page on [url]http://www.qadrienterpirses.com/upload_folder/[/url] If you will see on firefox or chrome then, it works fine. You can see background Image on search engine but, same doesn't work on IE8. Background Image doesn't comes on Search engine. However, it works fine on localhost in IE8 also. …
Hello, I am coding a new website but I'm getting a sort of double footer thing. I've put the footer in once but it's appearing twice. It's probably a really simple issue to fix but I cannot seem to find the solution. Here is the HTML: [CODE] <!DOCTYPE html PUBLIC …
can anyone share with, how to set the default windows size? i mean, want my web page with fixed size of 1368px x 768px.. i do not want other size, or my web looks weird...
Hi guys. Was wondering if anyone could shed some light on a problem I have here. What I want to do is just have to drop down menu's that work on a mouse over. I have the first one working 99% correctly but I tried adding a second drop down …
Hey guys, I am creating a shopping basket and I have a background image set to a div that I want to position text over the top of certain parts of the image and some parts are dynamic, item quantity and total cost etc... so when these change everything I …
Hey guys I am in a bit of a pickle at the moment. I have a main folder with my main html file in it or index.html. And also inside that folder I have other flders to contain the other pages/images and css. Does anyone know how I can access …
I always develop sites using CSS but am aware that tables have their place when displaying tabular data, however I can't decide whether to use CSS or a table to display the products on the home page of a re-design I am doing and just want peoples opinions please (note …
I would like to express a superscript and a subscript in the same vertical space. For example, consider a variable called X with a subscript 1 that is squared. I have searched for examples of what I want to do but cannot find anything close. [code] X<sub>1</sub><sup>2</sup> [/code] The above …
Hello, I am designing a website and need a bit of help. The URL is [URL="http://galgal.org.uk"]http://galgal.org.uk [/URL]. However, I try to get the SmashLeaks logo to go over the top of the marquee, above where it is so it looks like it's coming out of the logo (Colour will be …
Hello, I am working on this site: SNIP SNIP SNIP which you may have seen help posted for before (for a different thing, which is ongoing still). This time I have an issue about IE (Internet Explorer). When I visit my website in IE9 I see blue boxes around the …
Morning All, Am using images on a menu for links. They're designed so they look like one solid piece with texture, But no matter how I try, they are spaced. I have collapsed all tables, td's etc. made padding 0, etc. Other than doing absolute placement, is there a way …
Hi there, I am having a - I believe - peculiar and annoying problem. I have a div on my home page which is meant to contain a picture. Now when I insert the picture I don't seem to be able to align it to the div, it's a little …
Do you guys know if there's a module out there that can translate on server side ? HTML, PHP, JS or whateva (i'm even ready to try JSP) because i'm working on my company site and it's in french, but half my customers are english. last site i did translate …
Hi There; I have designed a web site. There are buttons at the top of the web site, similar with daniweb.com has "Hardware&Software" , "Software Development" ,"Web development" and so on. But my web site looks perfect in my computer, however, positions of buttons corrupted in different computer that have …
Hi, I am building two columns: page-practice-area.php [CODE] <div id="faq1"> <p class="question">> FIAT JUSTITIA RUAT CAELUM</p> <div class="answer-wrapper"><p class="answer"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eros risus, vulputate vel iaculis vel, luctus ac arcu. Vestibulum metus ligula, dignissim nec viverra a, interdum ut magna. Donec dignissim hendrerit …
How can I get an image to have it's own hyperlink that is inside of a clickable div? [CODE]<div id="clickable" onclick="window.open('http://www.daniweb.com');return false;"> <p>I love clickable images!</p> <a href="http://www.google.com"><img src="someimage.png" /></a> <p>too bad they don't click in a clickable div</p> </div>[/CODE] If I try the above then the DIV is always …
Hi, Am trying to get away from flash + new to jquery. I know there is an obvious problem in the Css or js but the more I change things around the worse it gets. I want the gallery up next to the right of the nav column. Sick of …
Hello, im trying to create a "gradient" border so within my container div i have the content div that takes lets say 590px out of the containers 600px. and another div next to it that takes the remaining 10px. as i add content to the content div its height expends …
Hi guys, [url]http://mambo.3thirteen.co.uk/en[/url] On the top bit with the videos and 3 video previews i can't get the 3 video previews to display on one line. It's driving me mad, I'm sure its only 1 little line of CSS but can't figure it out. display:inline; is not working as expected …
I am a self taught "elementary" html coder (still find hard to resist putting formatting on the page along with the content) and have created two web sites for orgs I belong to: [url]http://www.conservancyonmayne.com[/url] and [url]http://www.vivaldichoir.org[/url]. I recently added a code snippet I found at Digital Point that performs a …
Hi, I'm building a design for a website as a practice, but it seems i'm missing sthg as every time i try to add <h> tag of any size, the div shifts down leaving a blank space above, but it works fine if i replaced the <h> with a large …
Hello, I am currently creating a master page with a fixed with of 960px, under the header i have a left column, a placeholder, and a right column, all 3 are set to float:left; and have fixed widths of respectively 150 , 615 and 195 pixels. The page displays perfectly …
Hey everyone, I am having some trouble positioning a div in the top right corner of another div. This is what I would like to have. [ATTACH]23723[/ATTACH] But I cannot get it to work. I tried [CODE] #edit { position: absolute; top: 0; right: 0; } [/CODE] This is the …
Dear all, I've been working on this template for a an non-profit society. Everything seems fine with me I edited like tons of the code, sadly, one thing annoyed me a lot and couldn't be able to solve it yet. The problem is in the top menu, when you hover …
Hello, I'm having trouble with a webpage that has multiple CSS. The issue is the jQuery on the page, which doesn't work. The page I'm trying to get to work; [url]http://www.sahara-online.co.uk/demo/News.htm[/url] So does anybody know what to do? - some help would be much appreciated. Thanks Matt.
Hi, I'm doing a website, but it's correct when i run it with mozilla if i run it with IE the content goes all to the left. Can someone help me? Thank you, PF2G
Hi, I have a wrapper and 2 divs inside which make use of the float property. When I put content inside one of the sub divs, the wrapper doesn't extend to the same size as the sub divs. Hope you can understand this. Any idea how to resolve this? Many …
hello, i figured this forum was more appropriate for this thread than the javascript forum, here is why : my javascript is functionnal, and does not set/change css rules of the objects i manipulate. But here is my problem, i have 2 dynamic listbox (selects with size 10ish) with 4 …
Hi, I have a text that was suppose to be black, but i don't know how the text is white: [code=css]body { background:#FBFAF5 repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; color: #666666; margin:0 auto; } h1 { } h2, h3 { margin-top: 0px; } …
Hi everyone. I'm trying to create a website with a 2x2 layout: Top-left: logo Top-right: navigation Bottom-left: some pictures Bottom-right: page content Now, I have all these in a wrapper div. The logo I set to float-left and that's fine and the navigation I set to float-right and that is …
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 …
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 { …
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... …
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 ? …
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 …
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 …
The End.