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
Dear Team, Im migrating my application from ie8 to ie11. The below code opens a new window in ie 8 as expected but in ie 11 it opens a new tab. I checked in microsoft website, they told to change internet pop up settings. But i need to make some …
In most of the books I've read on HTML5, they use <section> as a main container, and that then may have <article>'s inside it. I have also seen other tutorials that will show <article> as a main container for an article, or even a book, and then have <section> used …
Hello, Newbie with simple question here... A developer has entered this code for me to display a banner ad on my wordpress page. I want the ad to link to a page. How would I do that with this code? <div class="head_banner"><img src="<?php bloginfo('template_url'); ?>/images/image.png"></div>
I want to make my background image in reponsive desgin mode. I want to make the background image will be resize when changing size of browser. Using "background:cover,background-position:center" it not working. I guess because i set height and width for background image but if i didn't set the image will …
I am trying to create lists with sublists where the sub lists are hidden. My next step is to make it so a user can add but first things first. The XHTML and CSS should be working together yet the sublists are not hiding, any ideas? XHTML is here and …
Hello all, I would like to align horizontally three divs. Also i need them to be responsive as we resize (horizontally) the window and stay at the center of the screen. I used float but they stay at the left of the screen and i can't center them. Here is …
<body> <div id="wrapper"> <ul id="level-one"> <li><a href="#"></a>Home</li> <li>Home1 <ul id="level-two"> <li><a href="Reth Nesh.html">Home1</a></li> </ul> </li> <li>Home2 <ul id="level-three"> <li><a href="Produkte Speciale.html">Karburanti</a></li> <li><a href="Produkte Speciale.html">Produkte Speciale</a></li> <li><a href="Lubrifikues.html">Lubrifikante</a></li> <li><a href="index.html">Kerkimet e dokumentave</a></li> </ul> </li> <li>Home3 <ul id="level-four"> <li><a href="Pikat e shitjes.html">Pikat e shitjes</a></li> <li><a href="">IP Matic </a></li> <li><a href="Festival.html">Festival</a></li> <li><a href="Strategjite …
I have the following: <div id="main" class="site-main"> <div id="primary" class="content-area"> <div id="content" class="site-content" role="main">Main</div> </div> <div id="secondary" class="widget-area">Secondary</div> <div id="tertiary" class="widget-area">Tertary</div> </div> It displays on the page as a series of rows, one beneath the other, each row taking the full width of the containing div. What I want is …
I am creating a web site and have written css postions etc using % so that it will look the same on any monitor size. So when I view the website on my own laptop which resolution is 1366 x 768 it looks perfect however when I view it on …
Hello, I'm looking for a very simple to use piece of code or something similar where I can hover over an image and there will be some opacity to it, and maybe a shadow around the edge of the image where then text will appear with a title and then …
My program isn't working correctly, it's not getting the output that I want in this bit of code so can somebody tell me what is wrong with it? .jumbotron h1 { color: #fff; font-size: 48px; font-weight bold; font-family: 'Shift', sans-serif; }
How can i allow a user to view a font on my webpage which is not available on his computer? I want to learn how to use a plugin for that purpose ?
Hey guys, Im very new to editing HTML and venturing into writing code. I wanted to ask the community here for a little help, adding an icon which becomes included in each post I make on blogger. Heres an image of how the code translates on my blog currently; and …
This simple code changes sounds in firefox, IE, safari, and chrome but will not switch in Opera. Any thoughts? <div id="playlist"style="position: absolute; z-index:10001; top: 0px; width: 100%; height: 100%;"> <button id="one" onclick="song1();">Mello</button> <button id="two" onclick="song2();">Its Time</button> <button id="three" onclick="song3();">Its on now</button> <div id="hideme" style="width: 392px"> <audio id ="audio" controls loop> …
Hi friends, can you suggest any tips for keeping the site secure? As many security issues occur just wanna be on the safe side.
<html> <head> <SPAN STYLE=”background-image: url(http://www.makeuseof.com/wp-content/uploads/2009/08/HTMLEffects03.png ); font-size: 20pt”>vashisth the gr8</SPAN> <SPAN TITLE=”See, this is the tool tip. :)”>Move your mouse over me!</SPAN> <body bgcolor="black"> <table border="1" width="100%" height="100%"> <img src="C:\Users\IB Singh\Desktop\vyren\cooltext1341815091.gif" height="750"> <hr> <td colspan="2"> <img src="d4f3fc734397b6652d77df56af28c610.gif" height="300" width="100%"/> </td> </tr> <tr> <td width="25%" background="C:\Users\IB Singh\Desktop\vyren\Colourful-Bubbles-Picture.jpeg" height="360"> <a href="index.html"><img src="Picture1.png" …
I developed a website actually a simulation of a program on my 17.3 inch laptop. When I come to another machine for example a 15 inch laptop witch has a different screen size(diagonal) my html tags won't compensate, so I have to scroll through the website to see all my …
I tried to do it with iframes but when I click a link in the child wesite then it leaves the parent website how can I keep the parent website but still interact with the child website?
I am trying to st my nav bar so that if one tab is removed, the rest of the tabs will just enlarge, and continue to take up the full nav bar width. How can I do that?
Hello, first time poster. Total newbie. It's a fairly specific question, but if you could look it over I would really appreiate it. I'm having trouble getting a really solid answer from web designers or video animation guys on odesk. My problem is this: - I am using this theme: …
Hello guys I am looking for a way to block links from embedded swf files. I have a situation where users are allowed to upload SWF and now I see that many of these SWF files have links to external sites. No meter what I want to solve this problem. …
Hello I am looking to use transistions from one page to another. How do I go about doing it? Thanksss
i installed wamp 2.5 after unistalling an older version...the problem am having is that non of my projects are opening..it shows 'webpage not available' please help on what i am doing wrong or not doing thanx
Hi, There are a very large number of different devices with different dimension. So how can sort out this problem because we can't give all dimension in media Query. So what will be the best size in different media query that can fit in most dimension. I use following media …
Hi, I have a serious problem. I am using two jquery code one is for slider and one is for menu. Know when i put menu script on a page slider disappear. menu start working and also showing drop down menu. but when i remove Menu jquery script from the …
can any one give me new html page making best tool new for making HD pages
Hi .. does any one suggest me div maker tool i mean a tool which generates code as per specifications .. number of rows and columns and so on i am not that good in css part , so pls help
I make webpage with iframe that displays the parent webpage but it only can do it about 10 times is there a way to make it infinite or control the exact precise number of recursions?
I'm trying to reuse an old Flash file that my client wants on his website however I'm using Flash CC now, and the existing code does not funtion in ActionScript3. I can't see why this won't work. Any advise would be greatly appreciated function randRange(min:Number, max:Number):Number { var randomNum:Number = …
Hello DW, I don't like the way the excerpt text in Wordpress just abruptly cuts out at the end and would like to apply a gradual fade-out effect. Like this: http://i.imgur.com/HtVmRFH.png Could anyone help me achieve this? Regards,
Does anybody knows any good scrollable dropdown menu without thrid parties?
I have two items that I need to be displayed in the centre of the page. <span class="center"> <div class="ring">1</div><div class="question">Question</div> </span> The CSS is as follows: .ring{ height: 58px; width: 58px; font-size: 24pt; font-weight: bold; vertical-align: middle; background-image: url("images/ring.png"); } .question{ font-size: 24pt; } .center{ margin-left: auto; margin-right: auto; …
I have sidebar color `#fea800;` kindly help with following item colors, * h1,h2,h3,h4,h5,h6 * p * text shadows * box shadow
Hello, Our page has a blog, which I recently went through and edited to match our comapny's website. Unfortunately, during the transition, the new blog design didn't pick up the styles as it does in Chrome and Firefox. Normally, I'd be able to troublehsoot this one, but I'm at a …
Hello, I currently own a html based website which is hosted on a linux server. I will like to have a subdomain like m.example.com which will have a mobile version of my current site. Is there any good software which can automatically covert my current site to mobile version? How …
Is it possible to change the default color (blue) supported by browsers when you hover an <option> on a <select>?
I'm working on implementing CSS on my site, and have a problem with using a background image. When I use the background image inline in the PHP file, as below: <style> html{ background: url(images/bgimage.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body{ font-family:"Trebuchet MS", …
I have a div that has an image as its background. But the image only covers up about 80% of the screen. I want to make the extra 20% of the screen to be black but its only coming up as white. How can I set the background images and …
Hello fellow coders. I am trying to make a Minecraft Hosting Company (Danish Company) And i need a "Loading screen" for my Login popup. I found this: HTML: <div id="outer-barG"> <div id="front-barG" class="bar-animationG"> <div id="barG_1" class="bar-lineG"> </div> <div id="barG_2" class="bar-lineG"> </div> <div id="barG_3" class="bar-lineG"> </div> </div> </div> And this CSS: …
I need to create 3-4 buttons that are colored when pressed, but when one button is pressed it turns for example red other ones become grey. But this must happen on the same site like selection for example. I didnt maanage to do anything till now, if someone could just …
Hello all! I have the following code for a drop down menu, I need some help now to make the hover link to have an arrow bellow the blue box, and the active link to look the same. HTML: <ul> <li><a href="<?php echo url('/'); ?>">Home</a></li> <li><a href="<?php echo url('/about'); ?>">About</a></li> …
Hai, I had a main div and two child divs inside that .. I need to arrange as follows .. ------------------------------------------------- | | | | child div 1 | child div 2 | | | | | | | ------------------------------------------------- the height of the child div is dynamic. I had …
Some years ago, I built in my CMS a customisable twitter widget, for embedded use in web pages. This stopped working since twitter yanked out support last week. The new timeline widget misses the autoscroll option, but I can live with that. But it sadly creates several cascading iframes (iframe><iframe></iframe></iframe>), …
HI all, I am very new to LESS, literally just started today. I had a look at some tutorials, and got my first LESS webpage - or should I say CSS - to work in Firefox, but when I moved to other browsers the CSS doesn't pick up any style. …
I have following input for accepting mobile number. But I think it will not work world wide. It will work for Indian mobile numbers only.(**e.g.** +910123456789)(+91 country code for India, 0 to 9 mobile number in India) How to make it global using **pattern=" \\+ [] {}"?** I want extension …
Hi I was working on wizard registration form i collected the code from web and i gave required in the input tag. But its not working. Can any one please help me to resolve this issue. **Html page** <div class="row wizard-row"> <div class="col-md-12 fuelux"> <div class="block-wizard"> <div id="wizard1" class="wizard wizard-ux"> …
Hi All web experts, I have a Archive file folder, and it have few categories which is divided in years, and the files are named as month-date (eg. 07-26.pdf). There are old scanned documents mostly in PDFs, and doc files.These are available in a shared folder on our file server. …
Hi ! i have a problem in my portable Dreamweaver CS5 version (works without installation), while coding php script for some certain html tags, when i write a code like <?php echo "<a href=" .... here file Browse don't show up, to auto locate (browse) a file, which sometimes make …
The End.