Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
8,049 Archived Topics
Remove Filter
Hello, I have created a custom CSS file for WebKit which I have attached to my browser. I am using webkits -webkit-transform: scale(2) to webpages which works exactly how I wanted it too. However for some reason when this css is attached to my browser and I go to skydrive.com …
Hey guys. I need your help with mod rewriting I'm trying to rewrite http://site.com/#article http://site.com/#comments http://site.com/#movie to http://site.com/?id=article http://site.com/?id=comments http://site.com/?id=movie
The site I have built features a left sidebar carrying links and announcements etc., and a main content page beside it. Sometimes the sidebar is longer than the content but more often the sidebar is much shorter. I need CSS/HTML to always ensure that the 2 page elements are the …
Hello, is there any reliable tool which can help save a website's folders and files on a pc for offline use? I've tried HTTrack but it does not save all the folders for the website i want to have offline...
Problem: There is space gap between the rows, in its output: Goal: I want to reduce the gap, so it will show the normal format /* CSS */ .spantxt{ display: table-cell;} .dotuline{ display: table-cell; border-bottom-style: dotted; border-bottom-width:2px; } .box{ width:700px;height:700px;padding:30px;border:1px solid black;margin:1px;display:table;} <div class="box" align="left"> <table width="100%" border="0" > <tr> …
Hi all, I am having a few problems with a css. Basically in my conditional css I need to target IE9 and below (IE9 included). Now, I have this: <!--[if IE 9]> ... <![endif]--> and <!--[if lt IE 9]> ... <![endif]--> Can I combine them together somehow? thanks
I made three image hotspots on an image called Tab1. I want to click on each of them so it shows an UI next to Tab1. I used the jQuery example off their website since it's close to what I want, but what do I do when I want another …
**Hi, I like to develop a mobile website of my current desktop site.I saw there are couple of online tools to convert an existing website to mobile site.But i want to know is there anyway to develop a website by my own? **
Hi all, My borders aren't showing up but my CSS looks fine. I'm confused. My code: /*head*/ #banner { border:1px solid #000; } /*body*/ #claim_form { float:left; } /*right banner*/ #info_panel { float:right; width:200px; } #login { border:1px solid #000; } #login h2{ text-align:center; } #login .submit{ text-align:center; } #introduction …
Hi all, I'm trying to align a table centrally within a div and/or fieldset. I've tried various things but I've not had any luck so far. I've been trying #mydiv table { marging-left:auto; margin-right:auto; } but it hasn't shown any effect, thought this is the suggested method according to the …
hi guys, im using this CSS code to create a page like an A4 size paper .box { width:700px; height:700px; padding:30px; border:1px solid black; margin:1px; display:table; } my problem is: when i print preview, even if i set settings of printer to reduce and fit, still it makes 2 pages, …
Please note I AM not a programmer, i run my own company. trying to built calculator by myself. I have software background but someone helped me write this code. Its working but not showing the calculations. If someone can reply me with solution or new code that will be great. …
I can expand the picture, but I need the border only to expand. <!doctype html> <!-- mystery3.html --> <!-- This page changes an image border on button clicks. --> <!-- =================================================== --> <html> <head> <title>Mystery Image</title> <style type="text/css"> .border-style1 { border-style: solid; border-width: 4px; } </style> </head> <body> <div style="text-align:center"> …
Trying to have 2 buttons, one to add a border, one to remove the border when they're clicked. This is what I have so far, not sure where to go from here, would appreciate help. <!doctype html> <!-- mystery3.html --> <!-- This page changes an image source on button clicks. …
Help me again!I won't forget your grace. how to make header bar as http://www.harobikes.com/bmx/
When moving a wordpress site from one host to another is it necessary to download the old wp-config.php (the correct the path to find the new db user/ url etc) in otherwords, my question is this: is there stuff on the old wp-config.php (other than define db, define db user, …
I have a search form with only one text field. The problem is that the width of that `text field` is not same. the style is form#index-table-form input[type="text"] { width: 106px; height: 24px; position: absolute; outline: none; right: 0; top: 6px; border: 1px solid #3772af; padding-left: 6px; padding-right: 24px; font-family: …
How to fixed the layout of page for ALL screens? I mean to say on "ANY" size of COMPUTER SCREEN, Page-layout should be the same. In fact, i would like to put width:100% ONLY for header and footer. I would be more than happy IF i can have small EXAMPLE …
Hey, I have a form on this website: http://we-remortgage.co.uk/sitewp/ When I look at the get quote button it has duplicated itself. I can't see the reasoning behind this and was wondering if you guys could help. This happens only in IE Form Stylesheet: /* Generic Form CSS */ .formFeatureBox { …
hello i am trying to make one of my original pages open up in the centre of my website (as all the other pages do). when clicking on the Boarding House Reform button on the right hand side of the page, it opens up without the frame around it. No …
I found an article online published in October 2012 that says only 20% of web users rely on IE9, while a huge 38% rely on older versions of IE. Old IE6 is even _gaining_ market share. Does this mean that html5 tools such as SVG graphics should be avoided for …
Hello, I have this anomaly on a website I support. There is a button that allows users to contacts from a contact list. The button works fine in other browsers, and has worked fine in the past for Google Chrome. Someone notified me that in Chrome the button no longer …
Hi, I need to create an inside website messaging system like this.  I have done the basic via the <div> system. Can I use this system here? And I need to do more development on this basic codings that I have done. That is: 1) When I select …
Hello, I would like to know the best way to design a website which one can have best view in Chrome, IE, Safari, Firefox, iPhone. In addition, css part should be easy to manage. For the moment, I have found many problems in css and the layout also. I would …
I am having a challenge with a hover state and css. In this [pic of hovering over menu item Gallery](http://dwlamb.com/hoverChallenge/hoverState1.png) the background bleeds down. This is the code for regular state: #navigace ul.menu li a { display:block; font-size:11px; font-weight:bold; line-height:37px; padding:0 20px; text-transform:uppercase; } To get rid of the bleed …
I want to turn my sites (i have a few small test sites that i use to show what I learn) into a mobile site. How do I create a custom mobile site for the mobile devices and have a different site for the typical computer. I search my question …
How do you create a html input form that can receive an infinite amount of text, and that necessarily has a fixed size on the webpage but scrolls with additional input that goes past the bottom of the box? And would this be a potential denial of service hole in …
Hi I am facing a problem lately regarding merging our code from staging to production so I thought to seek some help from the experts :) We are using GITHUB for our projects. We have two different environment i.e. "staging" where we do our development and perform test etc, and …
Hi all, I've created an html form with a textarea for comments. When I tab into the text area the cursor moves to the centre of the top line rather than the beginning. How can I stop this and have it always tab to the beginning of the first line …
Hi all, I've got a sprite with a few icons on it that I'm trying to implement on my site. They are used in multiple places on the page and need to have different properties. Sounds simple enough, but I'm having trouble finding the right selectors to get this to …
I have two <div> elements nested within a <p> element and want them both displayed on the same line. Currently, no matter what I do, they get displayed one under the other. How do I get them to display on the same line? Progz
Hi guys, I'm once again stuck on something that is probably simple to solve, but I cant figure it for the life of me! Basically, I'm trying to make my website look as fluid as possible. I dont want it to look all boxed and hyper organised, but I want …
This site was made by a previous designer and the client needed some updates. The header and nav were an image file before and I recreated them as include files with CSS. I have tried different variations to input the includes and it still not showing up live. Here is …
I want to resize the width of this slider to be the same width as the navigation. I can't seem to figure out where the padding is being added. Can someone please help? Website is [here](http://www.littlebeanorganics.com.au)
Hi, I need to develop something like this. How do I start on this? Please check the attachment: 
Hello, Some tips about web design in 2013, Leaving the Doomsday behind and entering in the new year of 2013 still if you will search or just Google from other source you will notice that sale of PC (Desktops) is decreased in the year 2012. The question that arises is …
HI! everyone ,Please tell me how to make slide show of http://www.harobikes.com/bmx/
hello i am having issues with my website. i have been notified by several people using ipads, that they are unable to click any links, add themselves to the mailng list etc... http://naniboujou.com everything looks fine (design, layout etc..) but links are unclickable! form fields un fillable... what gives? thanks …
hello, do you know how to make broken underline css decoration, there is underline but cant find sample on broken one. thanks.
I've been stuck for a month now on a logo design, initially I had something like the logo used here http://ozcleaningdivision.com/working The owner wanted bubbles, well more realistic ones so I gave him this http://ozcleaningdivision.com/working/ozlogo_prototype2-12132012-d.png Right now he says it looks bad, actually it really does look bad specially if …
I have seen something different this google map. I tried to this. But i am unable to find the way to do.. any body pls help me to add animated image instead of the pointer icon ... just visit this link please explain me how they did this? http://www.godrejproperties.com/godrejgardencity/location
How can i learn 'web design' within a short time? Could you please anybody help me?
Hello guys! I'm making a site and I want to add a mouserover effect on the social-network icons, exactly like what WinRumors ([http://www.winrumors.com/](http://www.winrumors.com/)) have on their social icons. To understand what I mean (and what I want), open the WinRumors site and place your cursor on top of any of …
Hey, http://we-remortgage.co.uk/sitewp/ I'm trying to make the form to the right actually clickable however it seems like something is in the way. Can anyone locate the issue? Thanks!
Hi all, Im working on a website, and Im trying to put a navigation bar in the navigation divider I made, however when I put the image in, it doesnt go into the divider, even though its between the <div> tags. Heres what it looks like: ![enter image description here][1] …
hi all, Im working on a website and need to make a Divider. I coded one, but no matter what, the form isnt made. Heres my code. Can anyone tell me whats wrong? CSS: #wrapper {width:1000px; margin:0 auto; } #header {background-color:yellow; text-align:center; height:50px } #footer{clear:both; background-color:yellow ; text-allign:center; } #navigation …
http://ylakiuglobosnamai.lt/darbo-uzmokestis Hello, in this page I cannot find a way to make table less wide. It was probaly pasted from word to WICYWYG javascript text editor. I edited the html and removed all witdth attrivubtes, set it even to 50% as you can see if you open element inspector, it …
Working on this site and now i'm majorly annoyed it isn't working. <div id="Mid_Content"> <div id="Left_Content"> <h2>heading </h2> <p> test </div> <div id="Mid_point_Content">asdasd</div> <div id="Right_Content">Form</div> </div> Mid_Content is a container and the rest inside it. Here is the CSS #Mid_Content { Width: 1000px; } #Left_Content { width: 33%; } Mid_point_Content …
The End.