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
Okay so I received a request from a client who wanted me to make him an HTML website, but something new. All the pages would be in the same index.html file, and every page would slide horizontally. What he wants is: www.goldmansachs.com As you can see, the main document has …
my website is web.guru99.com i have split post into multiple page by now i want to apply custom style for good look and feel i have search all over but does not find any helpful content and i am trying to solve this from 2 weeks.but did not succeeded right …
I am trying to design my website in responisve way. So i am struggling to design media queries. Could anyone help me for writing media queries code. As my website should appear properly in mobile as well
I have some CSS strangeness on http://localbuz.com/brod/. The Top menu has a container <div class="menu-main"> </div> Within these is a series of menus: Home, Contact Us, etc. <div class="menu-main"> <ul><li> <a href="news">News</a> <a href="pre-owned-boats">Pre-Owned Boats</a> <a href="new-boats">New Boats in Stock</a> <a href="marina-riviera">Marina Riviera</a> <a href="contact">Contact Us</a> <a href="home">Home</a> <a href="?q=user">Log …
I have a very simple webpage using css. For some odd reason there is about a 20px space at the top of my page. I have no idea where this is coming from! Any ideas? Here is the page that is causing me grief: [url]http://www.laudontech.com/exhibitfloorplans/test5.php5[/url] [url]http://www.laudontech.com/exhibitfloorplans/demomaps.css[/url] Thanks in advance, Mapper
Good day folks, I'm currently creating an effect wherein I want to extend a div over the whole page when the I hover it. Here's my code. <!DOCTYPE html> <html> <head> <style> #one { float:left; width:300px; height:100px; background:black; transition:width 2s; -webkit-transition:width 2s; /* Safari */ } #two { float:left; width:300px; …
I have an img on my site that I want to be positioned absolute. The problem is that it jumps around when the screen is resized. I made the container div have position:relative; so I don't know why this is happening. This is the url to my site: [http://www.windowsauction.org/](http://www.windowsauction.org/) The …
Hello All, I want to have jquery plugin for nested unordered list upto level three.I have tried searching for this but was not able to find one except. http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm but I dnt want levels to overlap with each other.Kindly help
I am having trouble with IE stylesheets. I have a few separate style sheets for my website- for ie6, ie7, ie8. I am using a conditional comment to link my index.php to these stylesheets, and ie is not reading the styles. This is the code for my condintional comment: <!--[if …
Ultimately the answer to the question lies in what u prefer, your preferences. The question is who will rule the web 10yrs from now. 1. Active coding or 2. WYSIWYG ? With numero uno dreamweaver growing by leaps and bounds now CC following not far away MUSE with the revolutionary …
Hello, I am trying to style the admin navigation: [Navigation Admin Backend](http://www.innovation.web.id/Indonusa-admin-backend.jpg) How to create such navigation admin style? The box is seperated for each item. So far I only know how to create a one-long-bar navigation style. Please help. Thanks in advance.
Hi the problem is defining the font only to the text displayed in the dropdown. In detail when we click on the drop down it shows all the available options. these options should have normal or default font size but when i select an option that gets displayed in the …
Hello, on the top of the page I have a menu created in CSS.... with drop down lists... all looks nice.. later... I added wowslider right below... wowslider plugin is really cool... but the dropdown menus fall behind the slider! so I find it is because of z-index properties... and …
Hi guys, I'm working on the div class of blocks to control them using the keyboard up and down arrow buttons. I have the list of blocks where 7 of them are showing while the other blocks are hiding. I have text of blocks from block 1 to block 17. …
Hi there. I ve got a problem with my drop down menu, i ve centered a border on my page and when i hover over the <li> of my <ul> a drop down menu appears but it appears behind the border that i ve inserted. My question is do i …
How can i make the footer to stick bottom of the page no matter what resolution is the screen is and scrolling? Because currently i am able to stick the footer bottom of the page with my desktop, but once i change to laptop view or the paragraph/content are too …
Hello, I am trying to make a .html document that has an image inside it. I have seen this before, but I don't know how to do it. The idea is here I don't want a index.html and image.png files, but I want just a index.html that containd the content …
Hello guys, can you suggest me, what are your best and favourite web designing tools?
Can anyone tell, what is the disadvantages of making website in wordpress
i cant center it, please help <html> <head> <title>Facebook</title> <meta name="keywords" content=""> <meta name="description" content=""> <style type="text/css"> #sddm { margin: 0; padding: 0; z-index: 30} #sddm li { margin: 0; padding: 0; list-style: none; float: left; font: bold 11px dodger} #sddm li a { display: block; margin: 0 1px 0 …
Hi I have 5 div tags in my html page and there is a print button. when i click on the print button it has to print only a particular div. for example it has to print the 2nd div which contains some personal information. It should not print the …
Hello, I have a web page under construction and while doing browser checks I noticed that Chrome does not load the page correctly on the first load. Every time I clear the cache and load the page it load completely wrong but after one or two refreshes it loads fine …
I cannot find a solution in Joomla plugins. I need a login form what will use a preloaded database field for authentication. How do I do this using html in a Joomla 2.5 page?
hi guys, i want to learn how to web design via applications. I actually dont have any idea about web design. So want to learn. So, please help me from where to learn. And what are necessary for web designing.
Code 01: <head> <title> My Web Page </title> <link rel = "icon" href = "favicon.ico" /> <link rel = "shortcut icon" href = "favicon.ico" /> </head> Code 02: <head> <title> My Web Page </title> <link rel = "icon" href = "favicon.ico" type = "image/x-icon" /> <link rel = "shortcut icon" …
Hey, I could sure do with some help on this... Been pulling my hair out. I have a single HTML file with various page transitions - I am trying to solve the coding issue to allow me to have four new blog pages - but that all default to the …
Hi guys, Good day I like to inform you that I work in oDesk (SEO). I have learnt about WordPress and Web Design, but I never work professionally in oDesk before. I just want to know that how to start Professional Web Design work if I get this. Which elements …
Hi, May I know how they do that kind of select box in css or javascript? 
i have put this script to my blog, but it not working perfect because facebook need to confirm like first. ho do solve this? <div class='widget-content'> <script src="http://sinarhiburan.com/wp-content/plugins/afcl/js/jquery.js" type="text/javascript"></script> <script src="http://sinarhiburan.com/wp-content/plugins/afcl/js/jquery.simplemodal.js" type="text/javascript"></script> <script type="text/javascript"> function createCookie(name,value,exp) { if (exp != 0) { var date = new Date(); date.setTime(date.getTime()+(24*60*60*1000*exp)); var expires …
Hello all! I'm new to responsive web design and I realize that it's fairly vital to desigining a good website today, what with today's ever changing screen sizes it's become vital to make sure my pages display well. So my question to everyone is this; Are there any Tools, Web …
Is there a way to insert a thumbnail that displays a live screenshot of another website? This would be for an ecommerce site. I am not looking to simply create a screenshot where one takes and saves an image (e.g., jpg, png, gif, etc.) I want the thumbnail to always …
Is there a sleep function for so many seconds in HTML or am I gonna have to use JavaScript
I'm struggling with acquiring the same consistent table size across all three primary browsers as shown below. http://i41.tinypic.com/izxrtu.jpg - Chrome http://i43.tinypic.com/24yctw6.jpg - Firefox http://i39.tinypic.com/2ceg3lj.jpg - IE I'm not sure if it's a coding issue or a table issue, but here's the primary CSS: body{ background-image: url(../DefaultBackground.png); background-repeat:repeat-x; background-color: #FFFFFF; border: …
Hi, I'm writing a pure css slideshow for my website, with dots which are being turned on and off according to the current image. By default the slideshow works automatically (keyframe animation), till the user clicks one of the dots and the according image is being displayed. When a dot …
When i was playing around with `<iframe>` I noticed that it only works on specific browsers but if you view the site without the iframe, it works fine on the browser. Why is that happening? Does each browser have their own specifications or something? *I was playing around in a …
Recently i've posted a question on how could i possibly attach an image on top of my navibar menu. I did it thanks for help. Now i am facing with another issue. What if someone who is on my site presses Ctrl + ? And zoom in ? or zoom …
Full disclosure - I'm not total novice so any help would be appreciated but simple help for dummies will be **extra** appreciated :) I'm creating a form in an html page. It needs to link up with a payment gateway and forward the entered information (I'm currently using the method="post" …
i want to know to know about twitter bootstrapp clearly does any one have good and easily understanding tutorial
Please Can anybody tell me how can one insert Text boxes in an email temaplate body. I need 2 pairs of 3 text boxes below my email address which i will use to send information... the email template is written in Html..
[Image of design issue](http://imgur.com/seWlte0) Hi peeps, Struggling to locate the source of this issue. The dropdown for ALL of the menu items appears on the far left of the nav and not below te menu item selected. For example, in the image above I clicked programming and the dropdown appeared …
**CSS** ul#menu { margin:0;} ul#menu li { padding: 0 0 0 0px; list-style: none; margin: 2px 0 0 0; display: inline; background: transparent;} ul#menu li a { float: left; font: bold 120% Arial, Helvetica, sans-serif; height: 24px; margin: 10px 0 0 20px; text-shadow: 0px -1px 0px #000; padding: 6px 20px …
Hi there new to css and there is something I don t understand for example div.img img { display:inline; margin:3px; border:1px solid #ffffff; } what does the other img represent, what is this? I understand that the class called img is going to be applyed on the div tag in …
Ok I am building my schools Theatre website this year and for some reason whenever i try to move a certain block i end up just screwing up the whole picture, Here is the code. <!DOCTYPE html> <html> <style> body { background-image:url('file:///Users/dahank/Desktop/Theatre%20Folder.html/Curtains1.jpg'); background-repeat:no-repeat; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: …
HI all, I was wondering if it is legal to have a span tag inside a legend, something like this `<legend>This is my<span>legend</span></legend>` Can't quite work out whether legend is a block element or inline thanks
Hello, I am looking for html codes to change the css background. Is the following codes correct? index.html <div id="demos"> <div id="slideshow" class="pics"> <img style="background-image: url('../images/indonusa1.jpg');"> <img style="background-image: url('../images/indonusa2.jpg');"> <img style="background-image: url('../images/indonusa3.jpg');"> </div> <ul id="nav"> <li><a href="#"></a></li> <li><a href="#"></a></li> <li><a href="#"></a></li> </ul> </div> Thanks before.
Using a CSS background gradient and, in Chrome, it just shows up as solid black if the div is greater than 32,000 pixels. background-color: white; background-image: -webkit-linear-gradient(top, #EEE9F0 10%, white); background-image: -moz-linear-gradient(top, #EEE9F0 10%, white); background-image: -ms-linear-gradient(top, #EEE9F0 10%, white); background-image: -o-linear-gradient(top, #EEE9F0 10%, white); background-image: linear-gradient(to bottom, #EEE9F0, white); …
I have a gallery of product images in an e-commerce site which the client wants to "pop-out" on rollover. I wrote this CSS style to do it however while it works fine in Firefox .. not so in IE10. Can anyone suggest a work-around with this code that will support …
so I'm limited to a single class used by this span element in a forum plugin. I want to style it to work exactly like the buttons of my forum. here's my current code: color: #000000; background: #808080 left center repeat-x scroll url('http://images.proboards.com/v5/gradients/darkness.png'); padding: 5px; display: inline-block; what can I …
The End.