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 chaps, I wonder if you can help me with something. I am looking into responsive design a bit, and I was testing something here http://antobbo.webspace.virginmedia.com/test/responsive/test.html Now, if you try to resize the window the cnes logo gets pushed under the "this is an extra bit" div: what I would …
Sorry guys, I'd like to just confirm this, is it correct to have a p tag inside a form tag? Something like <form action="demo_form.asp"> <p>This is a test.</p> First name: <input type="text" name="FirstName" value="Mickey"><br> Last name: <input type="text" name="LastName" value="Mouse"><br> <input type="submit" value="Submit"> </form> thanks
Hi everybody, In W3C Validator we can find a html,css & javascript srrors for our site through paste our website pages code. like http://www.ace-labs.com/index.php or type full code in this url. http://validator.w3.org/#validate_by_input
Throughout working on my project I think I created a simple clean and easily customizable gallery. <html> <head> <title> Singapore - Home </title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <style> * { margin: 0; padding: 0; } body { background: url('woodbackground.jpg'); background-size: cover; min-height: 100%; min-width: 100%; position: relative; top: …
Hi i have a report with graph that i print to pdf .. in firefox every thing seems to be in one page but for ie and chrome not working please check the attachement and i have wrote some css for ie and firefox please check my css: firefox css …
I have a div, which is a contanier. Inside is another div that displays numbers. <div class="commentie_box"> <div class="commentie_number"> 1234567890 </div> </div> Here is the css .commentie_box{ float:right; width:260px; padding-top:10px; height:49px; border:1px solid #0FF; } .commentie_number{ position:relative; margin:0 auto; padding:5px; padding-top:2px; padding-bottom:2px; width:auto; height:35px; background-color:#fff; border-radius:5px; text-align:center; font-size:25px; } I …
What would be the best way of formatting the DIV below so that it works on all browsers (i.e. Google Chrome, Safari, IE, Firefox)? It currently looks alright in Chrome but does not look very good in Firefox or IE! I would like the numbers centred in the middle of …
Hi I have 2 divs and would like the one with id="logo" to be directly on top of the div with id="bg shape" <div id="wrapper"> <div id="logo"><img src="meshomagic_logo.jpg" width="559" height="280" alt="meshomagic logo"></div> <div id="bg shape"><img src="images/logo_bg.png" width="1000" height="114"></div> </div> My CSS Styles are as such: #wrapper bg shape { position: …
Hi I have a Frontpage 2002 website running since early 2008. There are over 60 pages. Some CSS has been used and PHP includes, for the page footer, for example. I am using Expression Web 2 as my editor. A lot of the code, although working, is highlighted as being …
just completed my sister's website and am having issues with the Quotes on the intro paragraph. Am I missing something in the script? http://www.dynamicfxfitness.com any help would be great!
HI all, I have a question about changing the colour of visited link with `a:visited{}`: it doestn' seem to work the way I thought it would, or, more likely I am doing something wrong. I have this situation: .box1 a:link{ color:#ac2973; text-decoration:none; } .box1 a:visited{ color:#6bb8c0; } .box1 a:hover{ color:black; …
I have these brackets I'm trying to apply to my site, but I'm running into some issues when viewing it in I.E. I'm sure it's something simple, but the teams and scores smush to the right, and the finals part of the bracket floats too far to the right as …
Having this issue with the black navigation bar background is about half the width of the page when viewing on tablet or phone. Works fine in desktop otherwise. www.logicweb.com Your help is appreciated.
I have a table that is populated by database and each of the rows is a from with a submit button. The idea is there is a drop down selection and upon selecting it then submitting the form updates the database. The problem is that the row form does not …
Hello, I want to add some shadows around by content area (see img), and I do not want to use a static image as background for this as it will be limited in height value. Anyone can help me with this? my url also is : http://preprod.prolectronic.ch The shadow extends …
I need help with a wordpress website I'm working on currently. What I'm wanting to do is add an image border around the images. I have absolutely no idea how to do it and I'm a little bit confused! This is the code I have so far. I'm not really …
I have a wordpress website that I need to add an image to the end of each header. The problem is that these are widgets and all text is replaced by the widget in wordpress. Is there a way I can hard code the image to the end of the …
Can anyone help me with constructing navigation tab notification, something that shows the total notifications like new event that was just inserted into the database and when clicking on the tab for the event the notification numbers goes away. I have tried Google for hours but I dont know if …
Hello! I have part in my web app that the user will see this 8 check boxes, and he is only allowed to check 3 check boxes, my problem is that How do I check if the user check the correct textbox?
Having a problem with how Google Chrome is displaying a simple table. All other borwsers look fine. Chrome has inconsistent heights between table td cells. See here: http://www.careerlinkbc.com/newsite/webtest/index.php and look at the workshop calendar Thanks in advance!
Let's say a user goes to `example.com/example.html?one=foo` How could I make a link so that it appends another url variable like: `example.com/example.html?one=foo&two=bar` I've tried `<a href="?two=bar">Click here</a>` but that just replaces the existing variable with a new one How could I do this? Thanks in advance
does anyone know how to code to get colorful bouncing balls like in google blog http://googleblog.blogspot.in/
I am working in a Local Hosting company as system administrator. I know about dedicated server, vps server, semi-dedicated server but never learned or heard about Hyper-V-Virtualization Hosting Server. I have seen atlantic.net is offering such services: http://www.atlantic.net/virtualization/hyper-v-virtualization.html (You can check this link to find out more) But really I …
The background color of " a:hover " won't work! How's it?
Hey guys, I've spend the best part of two hours trying to work this out and have looked at various css resources online before giving up and posting here. I'm sure the answer is quite obvious. Below is the css I have for a simple drop down menu, nothing fancy …
Hi would like to center all my webpage. I am noviced in web design. I have try a lot of different way to make it center but it doesn't work. When i zoom out or in, everything move. I would like that every stay in same place. Each sub menu(products) …
Hi I'm creating a fairly simple website where a new page would be added every month or so. What I would like to do is create a horizontal menu where a link would be added on the left side of the menu, pushing previous entries to the right. Eventually, the …
hi this is the page i did: [URL=http://www.kilolambda.com/updatesite/menusite.shtml]http://www.kilolambda.com/updatesite/menusite.shtml[/URL] and this is anothe page i did where i called the menusite.shtml as an include inside a div z-index-2: [URL=http://www.kilolambda.com/updatesite/index.shtml]http://www.kilolambda.com/updatesite/index.shtml[/URL] i have 2 small flash files in this page and you can see that i can't see all the open menu - …
Ok i've just starting learning css and html and i created a nav bar following a tutorial. HTML file--------------------- <div id = "wrapper"> <div id = "navmenu"> <ul> <li><a href="#">ITEM</a> <ul> <li> <a href = "#">items</a> </li> </ul> </li> </ul> <ul> <li><a href="#">ITEM</a> <ul> <li> <a href = "#">item</a> </li> …
[Click Here](http://www.nsbm.lk/target_home.php?eid=overview) please refer this link and click on Quick Links the side elements (content area) changing without loading page how do i archive this in my web site i can create page for each and every Quick Link but i dont wannna do that i want to display that …
greetings all, I'm trying to make a sidebar navigation using ul and li tags, and structurally it works fine, but I cannot seem to get one of the list items to appear "selected" so that it displays in a different color from the rest of the menu. Here's basically how …
I'm trying to build an agenda website in php, have downloaded a free css, I have done all the necessary implementations on the index page , i mean have included som php scripts. When i load it from my browser it doesn't show the design, i mean the technical changes …
how to make the image shows side by side but center of the div thankx in advance the css used .img-wrap { width:200px; margin: auto; } .img-wrap img{ display:inline-block; float:left; } the html <div class="img-wrap"> <img src="img/first.png" /><img src="img/second.png" /> </div>
*Note: I edited the title to ("Remember me" checkbox for HTML Forms) but it did not change. Hi, I'm trying to implement a Remember me feature for this form below. I'm using my demo website to login to another website. I did a couple of searches here on Dani's and …
I have an item box to show an information for things to be sold yesterday its was all working perfectly, but now its all missed up in Firefox look at this pic  but in chrome  here is the html code <div class="item" ><!-- item--> <a href="ad.php?ad=<? …
I'm using the Simple Grid theme in Wordpress. I have no idea what I've done, but the portrait view on an iPad 2 no longer fills the width. For some reason, #main_container is cut off about 100 pixels when you rotate from landscape to portrait. I've re-inserted every div I've …
How would I take a liquid layout from a site such as http://www.graceworkskids.com/index.html and use that same design style on a sitle like http://1stbytes.com/ What am I looking for in he html code?
My css file is size.css and it contains -> `body { width: 100%; }` My html file is below. I can not see a difference between using and not using the css file. I'M trying to get everything on the page to get smaller(including images) and reduce down into one …
What is a scalable image? If a client wants his logo to be "scalable", what exactly does that mean? Can I create it as a regular logo, and then just save it as .svg, or do I have to create the logo in a certain way? Thanks.
http://mondaymorning.nitrkl.ac.in/ This is my institute's website.The problem here is while initial loaading,the content("Headlines") on the left overlap making it look ugly.But once loading is complete,the elements are able to position themseleves accurately.What I have done so far is inspected the elements relating to that area,but I can't understand what's actually …
I have this problem specifically on phones and tablets is that the misaligned blue search icon on the top left. Not sure how to fix this. www.talkjesus.com is where it happens. Works on desktop, but not phone or tablet. screenshot http://i48.tinypic.com/a3o1l1.jpg
In todays time has its own value and we all need to save it by some or other means. By considering the time factor I am looking for a secure web conferencing appliance. The appliance should be secure to use. Do you have any suggestions that can help me decide …
Hey, How do i get a mobile website made for my website, as my website is currently too heavy to be properly displayed on mobile devices. I fear that i might lose out on a lot of customers because mobile companies typically have a download limit. Please advice.
Simply show hide div Using css.. a popdiv visible when hover on download link same with other links. but in ie7 there is some Z-index problem My code is below (please be kind, I know I'm not very good at this), any help is appreciated. `<table width="100%" border="0" cellspacing="0" cellpadding="0" …
Hi, I have a question.I have a folder called Web Site.Inside it I have 2 folders n.1 and n.2.Inside folder1 I have a page called index.htm.Inside folder2 I have a page called home.htm.How do I link index.htm with home.htm and viceversa? I appreciate your help thank you.
Can anyone tell me what is making my website load so slowly? My url is [www.beatlesongprofiles.com](http://www.beatlesongprofiles.com). I would really appreciate some insight into this issue. What can I do to make this site load faster? Thanks!
Okay first hi people in back from the dead lol :) I've got this problem u see I'm using class As I'm making a navigation bar . but the problem is the bar is not being formatted here's my code :
Please comment on the following very simple css stylesheet, especially with regard to what essential elements and tags are missing from it. body { background-color: #00008b; font-family: sans-serif; } div { background-color: #7fffd4; color: #00008b; padding: 3%; margin-bottom: 3%; height: 100%; width: 94%; } .title { font-size: 300%; text-align: center; …
The End.