Our UI / UX Design forum encompasses everything related to building a polished end-user experience, from graphic design to usability.
2,272 Solved Topics
Remove Filter
Hey everyone, I have navbar from boostrap, I am trying to get the flags to append to the bottom/hang from the bottom of the nav on right side. [Link](https://www.assets.patrickspcrepair.com/gotya/simple-sidebar.html) to the site. The flags are just basic but i need to set the css style to "hang" from the navbar …
I am looking to have a slider similar to this with the thumbnails on the right had side displayed as a slider http://wowslider.com/jquery-image-scroller-prime-time-linear-demo.html Any ideas how I can achieve this?
What matters when creating a website ? you as a user what attracts you to visit a website ?
hey guys, so im not sure if this is the right forum, sorry if its not. anyway, i have to create a webpage that can do seating arrangements graphically. it would be like those seating plan softwares out there but this would be online. users can choose tables/chairs/etc which guests …
Hi, So recently I downloaded a template and I'm wondering if its possible to link a title="#" to a video on YouTube, not embed, simply link it. <div class="3u"><a href="images/fulls/01.jpg" class="image full"><img src="images/thumbs/01.jpg" alt="" title="Halloween 2013"></a></div> Thats the code in question, I can't change the <a href="images/full/01.jpg" .... > because …
Is there a way to make a link download an image instead of opening in on the browser?
Hello, I've got a simple page with some images floated to the right of some text. The images are above the text in the html, and everything works fine in every browser but ie7. In ie7 the images stay on top and the text is pushed below. I've looked on …
Hello. Having some trouble figuring out a CSS footer issue. The footer should fill the page fully, not extend a horizontal scrollbar **and importantly**, not have a 3-5 pixel left gap. I've tried all I know to fix this. Here is the CSS for this: footer { float: left; min-width:100%; …
Is it possible to display the same information on a textfile on a web application so my programme can read directly from a textfile ? so if any changes happen on my textfile it must also take effect in my programme without me doing anything
I cannot figure out why I have a shadow around my image in IE and Opera. It's not a problem in Chrome, Apple, Firefox, Avant, Maxthon, Safari, etc. I've tried, outline, shadow, etc in an external stylesheet and directly inline. http://i.imgur.com/rLPKHVs.jpg
Hello. I have been given a fina assignment where I must create my own website. My professor at my college who has not really covered any type of HTML stuff wants us to create a webpage by scratch. The class is suppose to be an intro class to HTML. This …
Morning everyone -- Can anyone help me with what is probably very simple? I have a page where I want to get a variable from the URL and insert it in the buy button... so if my url is http://mywebsite.com/hangout?id=beauty I want when someone click the button Buy to go …
Hello, I have been working on my navigation so that my dropdown menu button won't overlap the other menu. navigation.php <div id="navigation"><!-- <img src="images/navigation bar.jpg" alt="nav bar"> --></div> <div id="navcontainerbar"> <ul> <li><a href="index.php">HOME</a></li> <li> <ul id="nav"> <li><a class="fly" href="#">PORTFOLIO</a> <ul class="dd"> <li><a href="portfolio.php">Web Porfolio</a></li> <li><a href="marketing-portfolio.php">Marketing Portfolio</a></li> </ul> </li> </ul> …
Yes, webpage size- Standard sizes? Dynamic? I don't know! I have been building websites since 2000 and the one area I have never, ever been able to fully understand is this topic. I need serious help with this. Explanations. My site(s) to render properly in any browser. **No horizontal-scrolling**. **I …
Hi, It's been a long time since I've posted on here and it's been a rather long time since I've coded. However, I'm using a footer I used on another site I made however its causing a scrollbar to appear when there really doesn't need to be one. If I …
Hi all.. I just done a website using HTML,CSS and PHP. For now,my website is only fine to be displayed in Mozilla and IE.. For IE(Internet Explorer), I just fix the css by doing another CSS layout for that. like this one : [CODE] <!--[if IE 7]> <link rel="stylesheet" type="text/css" …
I am begginer in Web site. But I want to know How I can create a gadget/script like this.  So whenever someone type their address in the field, then that address will be send to my email address. and at same time that email will also get mail …
Hi I'm working on a small project and I faced this problem. when I create a table then I wright a lot of words it doesn't go to the next line (row) it continue to the right so the page become so wide ! so is there any solution for …
Hello guys, I have a webpage to print that showing some data, I managed to hide all elements that's are not needed in printing, but background color for cells in table not display in printed version, although I've tried to put <style type="text/css" media="print"> .no-print { display: none; } .bgcol{ …
http://stackoverflow.com/questions/10487292/position-absolute-but-relative-to-parent Hey, so, please check link above. There is first resolving answer, which was resolving my problem. But now I have problem, that DIV isn't displaying well when it is set to `position: relative` and `position: fixed` does work correctly. DIV itself has no children, first I am trying to …
Hi there, i'm looking for the easiest image slider banner for my homepage, any suggest? Thanks!!
Hi, [B]THE CSS FILE:[/B] [code] #wrapper { z-index: 1; width: 97%; margin-right: auto; margin-left: auto; text-align: left; } #topPresentation { width:100%; background-image: #E6E6E6 url(backgroundnew.jpg) repeat-x center top; } #logo { z-index: 2; width: 10%; float: left; } #primaryLink { z-index: 2; width: 25%; float: right; line-height:100%; font-size: 110%; font-family:Georgia,"Times New …
First, look at my site : http://terryds.net63.net/test.html When you hover the navigation anchor text, it will create a 5px border-top.. My question is : 1. How to make the 5px border top is at the top of the page ? I mean I want to make it in #top-head's border …
I'm developing a website for the time being to display my movie collection. I have been working on this project for a while now and I have the backbone almost done. I'm using mysql to store my data and I'm working on finishing up being able to pull data from …
Hi guys, I am using tinyMCE editor. In my textarea, I want to let user type some html like <table></table> and store that in db just like that, <table></table>. However, what I am getting is: <table></table> Now, if I go to the edit form for the item that contains that …
Hi there guys, I have a question to ask and wondered if you guys could help. We have a client who would like to update two of her pages on a web site we have designed for her, is there an easy way for her to do this using flat …
Hi there, i woul love to make a table whitout using the TABLE tag but the DIV... For Example the same one with div: <table id="body" cellpadding="0"> <tr style="height: 30px"> <td> TEXT </td> <td> TEXT </td> <td> TEXT </td> </tr> <tr style="height: 30px"> <td> TEXT </td> <td> TEXT </td> <td> …
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 …
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, …
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.
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 …
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 …
 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 …
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 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, 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 …
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 …
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 …
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 …
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 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" /> …
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" …
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 …
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 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.
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 …
The End.