Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
1,103 Recommended Topics
Remove Filter
I don't know if this is the right section, but it was under "web design" and that works for me. I assume that many of the members here actually do web design or graphics design, logos, art, programming for a living, or at least side work. This means you must …
Hi Everyone, It has been a while since I have delved into web design, and as a result many of the old tags that I have used are no longer supported within HTML5. Due to the changes I am being forced to rely upon CSS to perform tasks where I …
I need to ask question. I am sure it is easy once I figured it out or someone on here points me in the right direction. What I am trying to do is keep the header fixed and the parallax image at a default state is as it appears when …
I'm having a major issue with a form that is being served by an external source, and the only control I have over the layout is by using a CSS file. They sent me a base file, but won't do anything to help me modify it to repair the form. …
so i have this divs that overflow when i type something repetitive like hahahahha or lalalal i was wondering if theres a solution for this problem? i know i can put overflow:hidden or auto; but id like to know if theres a solution :P Thanks
can i use targetted css for browser compatibility?
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 …
Dear members, I thank you for taking time to view this discussion, which would focuss on how to build ones career in webpage designing, Kindly guide me from ground zero to start with, after doing some research I stumbled across Jon Duckett's book (HTML & CSS, Design and build website), …
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 …
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 …
Hi Everyone, Some of the styles on my html page is coming only in chrome browser(not in firefox or IE) which I do no want. Using chrome browser developer tools when I tried to inspect them, I found a very strange thing, it is not showing the css source file …
Hello there, Responsive websites are developed to deliver the content and appearance based on screen dimensions that can be handled by all the devices like desktop, mobile, iPhone, tablet etc.
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 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 …
I learned how to make a storm, and this is how you do it: HTML: `<div class="stormy"></div>` CSS: /* STORMY */ .stormy { animation: stormy 5s ease-in-out infinite; background: #222222; border-radius: 50%; box-shadow: #222222 65px -15px 0 -5px, #222222 25px -25px, #222222 30px 10px, #222222 60px 15px 0 -10px, #222222 …
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 googling a lot about this debate to move from table to div. What are your advices here to move or not. I have below my codes building layout using div. The issue I find with div for example below codes which I am referring to a template . …
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 …
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> …
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 …
Hi friends, can you suggest any tips for keeping the site secure? As many security issues occur just wanna be on the safe side.
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 …
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 ?
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; }
<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" …
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 …
In this tutorial I will be showing you how to create the perfect studio lighting for your 3D models in blender3D. I am going to assume you know how to use the interface. **Introduction** Now in the past blender was well known for being crap at rendering and most professional …
I am often asked how to create a tableless two column CSS layout so I thought I would just post it here for once and for all.
Hello I am looking to use transistions from one page to another. How do I go about doing it? Thanksss
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 …
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: …
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 …
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. …
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 …
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?
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
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 = …
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?
Does anybody knows any good scrollable dropdown menu without thrid parties?
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,
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'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 …
The End.