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
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" /> …
<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: …
**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 …
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
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" …
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.
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
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...
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 …
my site's link is http://daplonline.in/ i want to put 4 more link in above image "Note only for first image not at all" am tired let's see the CSS Code for bottom buttons .main_image { width: 598px; height: 460px; float: left; background: #333; position: relative; overflow: hidden; color: #fff; } …
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. …
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... 
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 …
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 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 …
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 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.
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 …
Hi Guys, Not very sure if this is the right place but I am launching a multi-vendor site and would like to know if any of you have any ideas on what I should name the product. I had a few ideas but either its taken or the domain is …
Hello, My website displays perfectly fine on the computer however when it comes to phone or tables the background image becomes smaller. I have spend more than 4 hours trying to figure out why but no luck. Will appreciate if you guys can give me a hint. The website is …
First, here are my code HTML <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="css/style_v2.css"> <title>Far Far Away - A folktale at Faraway Island</title> </head> <body> <header> <div id="logonslogan"> <a href="#">Well-Designed Blog</a> <p id="slogan">Created by Terry</p> </div> <div id="navnsearch"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Portfolio</a> <ul> <li><a href="#">Wordpress Theme</a></li> <li><a href="#">Blogger …
Sir, I am using these codes <?php require_once("connect.php"); if(isset($_POST ['display'])) { $sql="select * from photo where id=2 "; $query=mysqli_query($con,$sql); while($row=mysqli_fetch_array($query)) { $image=$row ['picture']; echo '<img src="upload/'.$image.'" width="50" height="50">'; } } ?> <html> <head> <style type="text/css"> html { overflow:auto; } body{ background-color:#e7f4fe; } #container { margin: auto; position:absolute; top:0;left:0;right:0;bottom:0; background-color:#CFC; padding:10px; …
i need some calrification on web site publishing ,hosting, space usage
I have some problem with my HTML code but I cannot figure out why, hope you guys can help me. My website here http://caycanh.url.ph/ although **displayed fine**, I saw some problem when I use Firebug to detect the code. This is how it displayed in Firebug dock: <html lang="en-US"> <head> …
Hello everyone... sorry,I just come and ask you something hmmm...I'm still learning about css my problem is I can't convert from psd to css what should i do ? please tell me...
I am having a problem with my Wordpress website and I think that it has been hacked. First of all, my site is really slow. I have also noted some funny content that has been added on my site. Could this be a sign that my site has been hacked? …
Hi. Im trying to fix the CSS stylesheet of my webshop. I only got the css stylesheet to work with so cant use the html basic code. I have made changes to a lot of things but two elements I cant find the code for. I want to change the …
Can anyone share the free guenine website which show the html and css of the contact forrm.
Hi all ...( warning : i am a total newbie to web development ) i am planning to develop a website... i have all the content to put into the website...and i already have a fanbase for the website. I have created the structure of the website in localhost. just …
Here, I am having my site and Now I want to create the Badge image as Softpedia and all so. For example [LOOK HERE](http://deepappsstore.weebly.com/advance-notepad.html) at the Bottom, I want to create this type image as to show the user/audience about the software skill. So can anyone tell me How to …
Hi guys one problem I have been having lately is when I create a template for a website my container div does not surround all of the elements inside it. The only way I can get it to do so is to give it a height but I dont want …
Sir, I am using these codes <!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><title>My Contacts</title> <style type="text/css"> html { overflow:auto; } body{ background-color:#e7f4fe; } #container { margin: auto; position:absolute; background-color:#CFC; padding:10px; overflow:auto; width:150px; height:150px; text-align:center; border:1px solid #09F; } .hidden{ display:none; } </style> <body> <div id="container"> <form …
hi I am new to html I am having set of video files more than 60 in my local drive I like to create hyper link for all those video files in html, I try all the ways in net search but its not working for me can you people …
hello firends i have more tha 30 div block as list of product it containt like this <div class="itemlist" id="itemlist"> <ul> <li><img src="cover/imshge.jpg"</li> <li class="iteminfo" id="iteminfo"><"item desciption"></li> <li> <?php echo ['price']; ?></li> </ul> </div> and i want to description can have 4 or 5 line of text but i want …
Hello to all the members of the daniweb My question is what is the difference between the Fluid website or the Responsive website. Which elements to use the fluid and responsive website. And which one is Good Fluid or Responsive Website Please elaborate more of your answer.
Hey guys, quick question. From css, is there a way to target ONLY text in an li that has an img and text inside of it?
Hi All This has probally been asked a thousnad times, but here it goes. I have built a search bar into my website, and i want the user the be able to enter any text and be able to search google in a new window/tab. This is the code i …
Hello programmers! I am a beginner in html using the w3 school website help as a guide. Currently, I am working on an excercise website. The code is as following: <!DOCTYPE html> <html> <title><head> ------- Website </head></title> <body bgcolor= #FFCCFF BACKGROUND="background.gif"> <h1> What This Site Is All About: </h1> <hr …
I have .aspx form and I wanted to put jquery validation over it ..some validation already been working like minlength: "Your password must be at least 5 characters long written in code attached ..I want for first name and last name too for 5 characters .. Please reply <%@ Page …
for some reason my css it saying that is is missing a simi colon befor the lastnline , but i have looked and yet to see one. if i remove the line it goes away! Any ideas? .nav{ width:80px; height:15px; text-align:center; margin-top:5px; margin-left:3px; float:right; display:inline; padding:10px; background: #c96060; /* Old …
Hello, I am looking for a calendar to use with my website that I can add tasks/appointments into the db and have them show on the calendar. I would like to edit on the fly either by using a page to create the task/appointment or via the calendar using ajax. …
I am having a problem in trying to line up my image inside the navbar list items area. There seems to be padding coming into the image therefore having it in the wrong area. I have put padding:0 and margin:0 in lots of areas but still nothing. Any help on …
**Having a few issues with IE8.** This is what the navigation looks like on all the browsers so far: http://puu.sh/5Jdw8.png <nav id="site-navigation" class="main-navigation" role="navigation"> <h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3> <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a> <?php …
I want please suggest me ho i can display discription properly under logo , it not fully expressed if you see my post, [Click Here](http://www.photobagh.blogspot.com)
hello to all the members of daniweb My Question is if we insert the image in css, so how can I add the alt attribute or other property which will work like the alt text. Because alt text attributs are important for the seo. But Alt attribute is the tag …
The End.