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
Hello all, I wonder if you can help me with this. I wanted to create a page which, among the other things, has a div with a lot of text inside. Below this div there will be 2 buttons. When viewed on a mobile, the height of this div become …
after learning hard i have succed my goal to build my responsive website. but i have a question about device size and resolution. now we have phone IN FHD AND HD AND TABLET like pc my resnposive web site work fine it respect the resolution but where phone or tablet …
Hey guys! I'm going to be competeting in a school competition for computer programming, and the task is building a webpage. here is the link: http://www.skillsusaca.org/sites/default/files/Computer%20Programing%20-%20Regional%20.pdf i have two questions... firstly, i dont want to assume that i can use php and find out i cant, so is there a …
Hello everyone again, I'm getting back into the web-design world once again (after being absent for some time) and I'm striving to understand some of the true professional core web-design tactics used throughout the web. My question today relates to the famous font: "Helvetica Neue". According to CSS Font Stack, …
This is my CSS code [CODE]body{ background: white url(/image/bg.jpeg) repeat-x center top }[/CODE] HTML code [CODE]<!doctype html> <html> <head> <title>Page title</title> <link rel="stylesheet" type="text/css" href="style.css" / </head> <body> </body> </html>[/CODE] I don't why but the image doesn't show up. The image for the background is below [url]http://img704.imageshack.us/img704/2162/67726065.jpg[/url] Thanks in advance
I have a link in my web page: <div class="site-logo"> <h1 class="site-title"> <a href="http://10.0.0.201/wp/" title="Document & Draft" rel="home">Document & Draft</a> </h1> <h2 class="site-description">For power CAD users</h2> </div> The "site-logo" class is as follows: .site-logo{ display: block; text-align: left; color: #9FA32E; font-family: "Trebuchet MS",Arial,Helvetica,Sans-Serif; font-size: 42px; text-decoration: none; } I'm expecting …
hi people back again :( i am having an issue with my div elements lining up all nicely in ie but in chrome they second row of divs are slightly moved to the right. It is really confusing me as to why this is happening, i am not sure if …
I am having trouble getting my drop down navigation menu to work. The main issue is when I zoom out in Google Chrome, the menu starts wrapping and dropping to a 2nd line, causing all other divs on the page to wrap too. I have searched across the internet to …
hi all i am having trouble getting the correct spacing i need between my links across a horizontal navigation bar. i would like all the links to be spaced evenlly across the space available. here is my code as it stands html <div id="nav"> <ul id="navigation"> <li><a href="index.html">link</a></li> <li><a href="page1.html">link</a></li> …
I am trying to insert a circle but don't want an image to use. Can I draw a circle using css. Thanks.
 Please look at attachment picture. This is my html <nav class="subnav"> <ul class="nav-pills categorymenu"> <li><a href="#">Fashion & Accessory</a> <div> <ul class="arrow"> <li class="category"><a href="category.php?id=Women">Women</a></li> <li><a href="category.php?id=5">Women's Dresses</a></li> <li><a href="category.php?id=7">Women's Jeans</a></li> <li><a href="category.php?id=8">Women's Tops</a></li> <li><a href="category.php?id=9">Women's Coats & Jackets</a></li> <li><a href="category.php?id=10">Women's Pants & Shorts</a></li> <li><a href="category.php?id=11">Women's Skirts</a></li> <li><a href="category.php?id=12">Women's …
Hello, I am trying to print the following events horizontally instead of vertically. How to do so? [Events](http://www.rustoleum-indonesia.com/events_2.png) index.php <?php include('include/con_database.php'); $result = mysql_query("SELECT * FROM dynamic_content WHERE CatID='4'"); while ($data = mysql_fetch_array($result)){ echo '<div id="banner">'; echo '<div id="title">'; echo '<h1>'.'<a href="http://localhost/IndonusaCMS/events.php?id='.$data['ID'].'">'.$data['title'].'</a>'.'</h1>'; echo '</div>'; echo '<div id="gambar">'.'<img src="images/events/thumb/' . $data['images'] …
Hello guys, I am not going to post the code here as I don't really know where in the code files I can fix that. I have a website that basically looks good on desktop and laptops however when it comes to mobiles and tablets the top navigation bar seems …
Does Dreamweaver create a lot of dirty code ? hence handcoding is preferred by most web designers. This is the answer most designers say is it true? or personal preference. But really do anyone code out there with so many options to build a website are available.
Hi All, I have a bit of a problem with the site I have been working on. Originally I built it on my laptop, to later transfer over onto the "Intranet" server. On my laptop, everything was working perfectly and as intended. I then transferred it onto the server and …
let I am having the Text Link. so what should I do so that i can know how many times the link clicked? I just want to know how can I get the total clicks of link... whether its button or text... This feature is available in softpedia. while clicking …
Good Morning All, It has been quite some time since I've been here, but I had something pointed out to me that I haven't been able to resolve on my own yet, so I'm bringing it to the community of experts to hopefully head me in the right direction. my …
hi there, This is my first go doing a wordpress site and its causing me some confusion. I know how to create all the pages I need and thats going smoothly. I cant seem to get the main navigation buttons in my header to move...expand...anything really except line up in …
Hi, How do you stop divs from moving all over the place when you zoom in and out of browsers? The website I am going to create has to be centered in the middle of the webpage. I need to create a header with an animated gif in the left …
Hey everyone, So I have a website, already up and running but I'm having trouble making the site responsive to different screen widths. I'm having trouble making the text automatically fit to page when I try to manually resize the window in my desk top. I haven't completed the responsive …
Hey everyone, So I've built a website for my portfolio and I want to make it responsive to all browser sizes. However I don't think I've got the basics of it down yet. I've got it to where my menu re-adjusts and but the main content doesn't seem to alter …
Good morning everyone I come here today with some questions in hopes that someone can help me through. The problem: At my work, I am requiered to create a chat app for mobile using html5 and websockets. We have a custom made chat app for desktop in the company which …
http://prntscr.com/2l3gnh - My Problem I'm currently using this HTML: <footer> <p class="alignleft">Text on the left.</p> <p class="alignright">Text on the right.</p> </footer> With this CSS: /***** Reset *****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, …
Hi, I have been having major problems with Frontpage and am ready to download a diffrent free website builder, whats the best one? and how would i upload my current pages to my new builder?
On my site, I've been tweaking the remember me checkbox so that it looks like a button, whilst still being a checkbox, my html is: <span class="button-checkbox"><button type="button" class="btn" data-color="info">Remember Me</button><input type="checkbox" name="remember_me" id="remember_me" checked="checked" class="hidden"></span> A fontawesome icon is dynamically changed and the status of the checkbox is modified …
I would like to know if `Consolas` and `Arial` are 100% sure to be supported on website by any browsers/operation system; without that I need to use CSS3 for including font exclusively. I have been Googling that stuff, but I found only report of how big percentage of websites use …
<div class="datagrid"><table> <thead><tr><th>header</th><th>header</th><th>header</th><th>header</th></tr></thead> <tfoot><tr><td colspan="4"><div id="paging"><ul><li><a href="#"><span>Previous</span></a></li><li><a href="#" class="active"><span>1</span></a></li><li><a href="#"><span>2</span></a></li><li><a href="#"><span>3</span></a></li><li><a href="#"><span>4</span></a></li><li><a href="#"><span>5</span></a></li><li><a href="#"><span>Next</span></a></li></ul></div></tr></tfoot> <tbody><tr><td>data</td><td>data</td><td>data</td><td>data</td></tr> <tr class="alt"><td>data</td><td>data</td><td>data</td><td>data</td></tr> <tr><td>data</td><td>data</td><td>data</td><td>data</td></tr> <tr class="alt"><td>data</td><td>data</td><td>data</td><td>data</td></tr> <tr><td>data</td><td>data</td><td>data</td><td>data</td></tr> </tbody> </table></div> CSS .datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #36752D; -webkit-border-radius: …
Hello Programmers! I am working on a 'comics' page of my website. It is going to have multiple pictures (arranged neatly in a table) for the viewer to see and enjoy. I would like to have the images (by default) have a width of 10% of the browser window's width …
Hi all thanks for reading, I am having problems getting my padding to work how i would like. I have a the followinc code for my page <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sonc Hydro</title> <link rel="stylesheet" type="text/css" href="css/main_styles.css" /> …
Hey i want navigation menu with image ... It means that if in my manu there is 3 button home,serviceses,about us than when onmouseover on that text it shows images which i choose..this type of implemntation done by me.. But when images change there is no effect ... And i …
**I am creating a webserver where I am using a tool called HMMer. When user uses this server they have the option to generate the output for the input either as tabular output or as text output.My problem is to show both output in the web page. I am doing …
So what i am trying to do here is to create a slide show which will show both image and text box with one click and i cannot seem to get it right so anyone here can help me? CSS: #divs color:black; width: 350px; height: 350px; overflow: hidden; position: relative; …
Hi there guys, I have quite a stupid question which for some reason I cannot wrap my head around. I have a table with supposed 4 cells (2 rows x 2 columns) but I want to set the 2nd column's rowspan to 2 making 3 cells <table> <tr> <td id="cell1" …
please follow this link and help me https://drive.google.com/file/d/0B6V-9RLYdFzeVUVQdzJyNnd1MEk/edit?usp=sharing visit html file and help regarding this proble
Here is the fiddle : http://jsfiddle.net/terryds/2QNK3/ The problem is the black bar at the top of the page... It should have 5px margin-bottom.. But, it doesn't... Please help me fix it...
Hi I want my link to blink. I am using this code <a href="#" style=" text-decoration:blink;">Click Here</a> but it is not working.
how to disply mysql table data on same form and also edit update and delete these data on that form in wordpress
How to detect key being pressed and how to send "impulse" to PHP file about which key has been pressed? Simply Googling "PHP key detection", doesn't deliver reliable resources. Offcourse I could use JavaScript, but I wouldn't be able to get this to PHP, since, they're on opposite sides.
I am having the website and it's based on the Educational Purposes... I am having the code for different programs and all so etc... So The question is that How can i add the code as syntax highlighter PFA... 
Hi, I am new on this all, I want to add RSS Feed to my website. But really i don't know about this anything. As I am on windows 7, The gadget RSS FEED (i look on it) and also view some pages like [THIS](http://windows.microsoft.com/en-us/windows7/Using-RSS-feeds) but the Question is How …
hello friends, Happy new year all just want know how can i set the label of field on the top of field not left on the top.
Having some issues with securing my home FTP server running FileZilla FTP Server. Basically I was running through the guide on Life hackers guide on how to setup a personal home web server [Click Here](http://lifehacker.com/124212/geek-to-live--how-to-set-up-a-personal-home-web-server). Regarding the section of locking down directory access from HTTP I did the following. 1. …
**Hi 2 All,** I am getting problem with email images. The TD width and height is fixed but the image is coming dynamically from databse which might be bigger or smaller. If I apply **overflow:hidden** also, the image is showing up like squized or streched. Is dere any solution to …
Hello, I have a few links that I have given a relative position. They have the widths set to 200px, however they do not follow this at all and only have the width wrap around text. When they had the position of float, they followed the width rule of 200px. …
Hi i am trying to create an application, in which 3 images will be shown as thumbnails,if we click on one it will expandand other thumbnails will be hidden.if not selected there will be a timeout and one image will be expanded randomly.
so basically, I have a plugin for a forum that applies a glow effect to the message content... however, in modern browsers quotes and codes also have the glow applied to them, unless negated by another glow, while in IE8, this also affects images and other content... how can I …
Hello, I am trying to stylize the event in the front page: [Event frontpage](http://www.rustoleum-indonesia.com/events_3.png) I wonder why it does not work. index.php <?php include('include/con_database.php'); $result = mysql_query("SELECT * FROM dynamic_content WHERE CatID='4' LIMIT 2"); echo '<br><br>'; echo '<table border="0"><tr>'; while ($data = mysql_fetch_array($result)){ echo '<div id="banner">'; echo '<td width="25%">'; echo …
The End.