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 Everybody! Good day I am newbe of your forum. I have been facing little bit problem with my latest PSD to html project. I couldn’t adjust padding and text/image at the bottom of the page. So, I attached a screen shoot “bg position” along with my project files. I …
In the following css and html document can anyone tell me why my page width css code isn't working? mystyle.css #page { width: 25%; } Here's the html page. <html> <head> <title>Bail Bonding</title> </head> <body> <link rel="stylesheet" type="text/css" href="mystyles.css" media="screen" /> <form action="bail.php" method="POST"> <div id="page"> <table width="25%"> <tr> <td>First …
How can I make the menu more fluid than it is now, you will see what I am talking about when you see the fiddle http://jsfiddle.net/jspence29/wCXB5/
I have this code: <html> <head> <title> Psycho Site - About Us </title> <style> /* container */ div.container { width: 1574px; } /* end container */ /* header */ div.header { background-color: #DDA500; } h1.header_h1 { margin-bottom: 0; font-size: 65; } /* end header*/ /* menu */ div.menu { background-color: …
Hi guys. I have 2 question. please help me about that: 1- Google translate detect my forum language ( [Dino Dinosaurs](http://www.dinodinosaurs.com)) as Malay. (Malaysian language) But Forum is 100% English. how can I fix this? 2- I have a website about dinosaurs ([dino dinosaur](http://www.dinodinosaur.com)) and for better SEO, by using …
Hi, I have following code and I want to remove first seperator using css here's the code <div id="sub_nav"> | <a href="#">Fashion Insider</a> | <a href="#">Leasing</a> </div>
This is the code for my third level drop down menu. <ul id="menu"> <li><a href="ourlovestory.php">Our Love Story</a></li> <li><a>Notes</a> <ul> <li><a href="blog.php">Blog</a></li> <li><a href="guestbook.php">Guestbook</a></li> <ul> <li><a href="guestbooksign.php">Sign our Guestbook</a></li> </ul> </ul> </li> </ul> What i want is the third level, Sign our Guestbook, be hidden then be displayed once hovered to …
I need to cause the back forward and reload buttons to end a web login session and redirect the user to a page or an alert to tell them that they are now logged out. I am not sure how to test for the navigation buttons use with HTML.
I finally got it figured out how to use background images for a vertical CSS menu... I must be a slow learner. anyway... Could someone tell me the trick to getting some space between each of the menu links? I'd like them to be separated by about 5px or so. …
Hello, I have created my vertical menu which is suppose to open up on the right. However it seems like it is going behind the content of the page. How can I bring the menu to front?
I know this has been asked a thousand times in other locations but I have tried many solutions and can not get an answer. I have two divs, one called overlay and one called image_case. The overlay covers the entire page, then the image_case is suppose to be in the …
I have a requirement to remove the use of tables and replace the code with HTML lists (<ul> and <li>). The HTML code to be replaced is as below <table> <tr><td>John Smith</td></tr> <tr><td>24 years</td></tr> <tr><td>Chicago</td></tr> </table> How to replace the above code with (<ul> <li>)
Hi! I've copied this drop down menu code from the web. It's working fine and the submenu's are displaying. However, when I place another div next to the first one. The submenus were hidden already. Could you help me? This is the header file. <div class="divMonogram" onmouseover="this.style.cursor='pointer';" onclick="window.open('index.php', target='_self');" align="left" …
Hello All, I am actually moving these questions over from a thread in PHP because the original questions I had evolved into learning this aspect of coding that I've never addressed previously. I am trying to get pictures displayed in a rotating fashion as part of a page header. Initially …
Why is it that when i use the mac version of dreamweaver, it doesn't ***always*** let me use the border-radius effect but when i use the windows version it lets me. Why is that? Sorry if this is a stupid question... just curious.
Hello, I am trying to have a menu like this one on my website http://www.activemobility.co.uk/ Do you guys have an idea of what I can use to build a menu like this like a tutorial or anything. Also what's the proper name for menu like this. Thanks
Pls help me to set up a adaptive image :( im trying to make a page that can view in all mediasizes. :(( im trying to setup http://adaptive-images.com/details.htm but it doesn't work for me. can someone help me to this?
Hey everyone, It's a bit unusual for me to post in the html section. However I am stumped as to why I have three divs. One aligned to the left and two aligned to the right and when I add the third div aligned to the right, the left div …
Hi, I'd like to add a **POP OUT window** to my blog, hosted by **wordpress.COM** (wich does **NOT** allow javascript). There might by a workaround to this: Wordpress.COM ALLOWS TEXT widgets, where you can add HTML code or plain text. If I could convert from javascript code to HTML there …
Hi there I am working on my company's festival website and I am trying to implement social media feeds on the right. Twitter worked a treat but facebook is giving me grief. I tried a page badge but it looked like hell. I am currently using the Like Box but …
I've made this table for my web app, which shows a list of images: http://f.cl.ly/items/0B2d0y2d241v1J0a0D1N/Screen%20Shot%202013-05-12%20at%2016.11.32.png How do I vertically center the items in the table? Thanks for any help
Hi, I used to use adobe illustrator, photoshop and fireworks for image editing when I was using windows. We have decided to switch over to linux and was wondering what good applications can we use. I found gimp but its not enough it does not handle vector images and we …
Hello, I use now Symphony cms for my site (http://www.tamarawobben.nl) But im not complety satisfied with it. So I wonder if there is a better cms for it and the second question is if someone knows then a good conversion way so I don't have to enter all entries again. …
HTML CODE <div id="wrapper"> <div id="navMenu"> <ul> <li><a href="">HOME</a> <ul> </ul><!--ul mrena --> </li><!--fundi i LI --> </ul><!--fundi i UL --> <ul> <li><a href="">IL BRAND</a> <ul> <li><a href="">il nuovo marchio</a></li> </ul><!--ul mrena --> </li><!--fundi i LI --> </ul><!--fundi i UL --> <ul> <li><a href="">PRODOTTI</a> <ul> <li><a href="">Carburante</a></li> <li><a href="">Prodotti Speciali</a></li> …
Hello! I'm beginning work on something and Microsoft's Segoe UI font (which debuted with Windows 7) would be perfect for some UI elements. Would it be legal to take the font files from the Windows font directory and link them with css etc... (The project will eventually be open sourced …
Hi Everybody, Good day Please see the following code and response. background: #6a6a6a url(images/nav-bar-bg.png) repeat-x; background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a)); background: -moz-linear-gradient(top, #b9b9b9, #6a6a6a); background: linear-gradient(-90deg, #b9b9b9, #6a6a6a); Please let me know that what is gradient and linear-gradient? Why takes different values here like 2nd line webkit-gradient(linear, …
hi,i am new to flash.... i have made a simple flash banner which has 8 layers...now i wanna link it to a webpage...how????
i started html from the book head first html n css , and just in the second chapter , they're talking about having your own website and that it would help out in learning html. i dont really know anything about this, can anyone suggest if having my own website …
Hi; This is Rupom from Bangladesh,Is there any body assist me by giving Easy Web Tips.
Hi All, I am in search for some good "Responsive web Designing" CSS frameworks. Kindly Suggest few. I have gone through:- Bootstrap, Foundation and Amazium. All seems same to me.
I am using twitter boostrap for a conversion project that I am workng on. I need to change the color of the Nav-bar, the links color, hover color of the links and finally the default size of the text of the links. Can you point me to a tutorial to …
here is the HTML <body style="margin:80px;padding:10px;"> <div id="Stage" class="EDGE-10822169"> <div id="wrapper"> <div id="navMenu"> <ul> <li><a href="">IL Brand</a>- <ul> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> <li><a href="">il nuovo marchio</a></li> </ul><!--ul mrena --> </li><!--fundi i LI --> </ul><!--fundi …
Hi there I have a html page in which i have flash video and youtube video if borwser detect flash player the flash player vidoe run but if flash player not detect than it play youtube vidoe and the problem is that the iframe not open the youtube video it …
My right column is overlapping into my main content column how do I prevent this from happening? I tried using overflow: hidden; and overflow: auto;. I used the clear property for my left and main column which worked to prevent them overlapping.
I have altered and little simplified this tutorial **[CSS-ONLY RESPONSIVE LAYOUT WITH SMOOTH TRANSITIONS](http://tympanus.net/codrops/2012/06/12/css-only-responsive-layout-with-smooth-transitions)**. But it is not working properly. Here, radio buttons are used as menus. When I try to put them inside **<div></div>** it stops smooth scrolling. * I want to put radio buttons(menus) inside **navigation** div and …
Hi all, I seem to have an issue with my CSS. The page setup that has the issue is: <footer> <section 1></section 1> <section 2></section 2> <section 3></section 3> </footer> The sections are set to 33% width and floating left. The containing footer does not seem to expand in height: …
Hi there I am working on my new website for my organisation's festival. All pages working well thus far EXCEPT for the Contact page. The footer is below the black area. I must be missing something in the code to get it to sit where every other page has the …
For my webpage I want to set up columns (boxes). For example I have an image floating to the left then I want to float another image or a plain box underneath the image. This is my HTML code <div style="float: left; background-color: white;"> <img src="Images/Books.jpg" alt="Books" width="225" height="125"/> </div> …
<div style="width:100%; background-color: cornflowerblue"> <div style="width: 13%; float: left; text-align:center; height:30px; background-color: cornflowerblue;" <li><a href="" style="text-decoration:none; padding-top: 3px; padding-bottom: 3px; color: white; font-size: 20px;">About</a></li> </div> <div style="width: 13%; float: left; text-align:center; height:30px; background-color: cornflowerblue;" <li><a href="" style="text-decoration:none; color: white; padding-top: 3px; padding-bottom: 3px; font-size: 20px;">Books</a></li> </div> <div style="width: 13%; float: …
Hi, I've problem positioning the div. I would like to have the div (id=new, id=cd) position beside .navmenu instead of below .navmenu Please see the code. Many thanks.. <div class="catalog"> <blockquote> <h1 style="text-align: right;"><marquee direction="right">Free Shipping Islandwide for Purchase above S$100<img src="images/plane.png" width="70" height="40" alt=""/></marquee></h1><br /> <div id="left"> <div> <p …
I'm using media queries. my code is not working for following resolution. **240 x 320 (small phone) 320 x 480 (iPhone)** I want to add this #wrapper { width: 100%;} #column1 { width: 100%;} #column2 { width: 100%;} What about meta tag? (I'm using this `<meta name="viewport" content="initial-scale=1.0, width=device-width"/>`)
hi I have the following which brings up the print window for my page, however, I would only like to print the "echo" form data which is being displayed and not the entire page. any suggestions would be greatly appreciated :-) Thank you <script> function printpage() { window.print(); } </script> …
how possible is it, that. a site like about.com, apears so many things in search results, but their main page those not contain all the pages you are being directed to. that is, you maybe searching information on finance, and you find it in about.com, but when you look in …
Hi all, I hope somebody can help me with this really annoying issue. Basically I have a some radio buttons and some text inside a label. This is in a small container and when the line of text breaks and goes to the other line, I want it to be …
Hi all, Cek this product tab background. How to create it? [Product Tab](http://www.masterlink.co.id/product.jpg) There is no tab in it yet the background seperation look like tab background. Where the gray color looks different from the background. How to create it? Thanks.
Hi, I want to use the galleria plugin to show images on a site. Does anyone know how to get it to read from a mysql database table? Thanks..............
Hi guys, I have a simple authentication portal that when a user's code renders valid, it redirects to a link and it loads my website. However, I need to auto open two websites. The second website that need to open upon authentication could open in another tab or it could …
Hi chaps, quick question. Is a html form tag always required when you add a form to the html? In other words if you have a form and leave out the form tag will the code still validate? I have heard some saying that a form tag is only necessary …
I'm good at designing. Kindly suggest me where should i start from, like whether i should start with Photoshop, or Dreamweaver...
The End.