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
As you can see in the picture below, the whenever I hover over an element in the corner, the element is seeming to over-ride the border and is going over it instead of behind it. I'm assuming that's because of the "box-sizing: border-box;" in the CSS, how would I deal …
Hi i would like that my webpage keep the same shape on different screen size or resolution each time i go on a smaller screen the top of my page is bigger than the bottom. i would like to keep the same space on both side. is it possible? thx …
Hi!! I recently started a fund on Indie gogo, but the text looks quite unimpressive. I've forgotten my HTML and CSS but IIRC, an image can be made larger on roll over, yes? What help I'm looking for exactly: 1) Incorporating a better font into the body. 2) Making the …
I've had two users request that we add a space between their first and last names as displayed in a table. Problem is: there is a space. Common denominator is they are using an iOS device, using Safari, I think. One was able to provide a screen shot. I tried …
Sir I have these codes <html> <head> <style type="text/css"> #pic { float:left; width: 170px; border: 1px solid red; padding: 1px; text-align: center; font-size:12px; } #pic img { float:left; width: 50px; height: 45px; } </style> </head> <body> <div id="pic"> <p> <img src="https://www.gravatar.com/avatar/ecefb26ed5fc91eca453b31a1f7cdfd8? d=identicon&s=80"> General Manager<br/> Azhar Sharif<br/> 0302-1234567 </p> </div> <body> …
Hello everyone, Have a code that works well but I need it to open to the right on hover. Right now its going below the element and making my page look bad. Here is the code i have: <style type="text/css"> .hide_img3 { display: none; } .hide_img3 { background: none repeat …
hi All, I am new to wordpress and buddy press.I have to customize buddy press.I visited wordpress and buddypress websites and couple of blogs but there is lengthy info and quite advanced level.If some one could let me know in nutshell the anatomy of buddy press and wordpress and how …
Dear camerades. I´m working on a some responsive website and it to fit into the screen perfectly , so no scrolling will be required. Two problems i have noticed. 1) The page still needs scrolling, despite all my correction tries so far. 2) There is still some margin b/w the …
Could anyone please assist me by naming the technique used or a link to describing site where I can learn more about how to build a page where the background changes as the upper layer is scrolled? Example here: http://www.bbc.co.uk/news/resources/idt-dc75304f-e77c-4125-aacf-83e7714a5840
Hi , I try to create form , but it should be like this on image, So I need : 1. Country image + Country number (eg. +381) + mobile number type (As you can see on this image) 2. I also need somthing like this @yahoo.com. 
now am learning HTML/CSS please guide me for become good web designer
In the random and continous manner that this fiddle changes the color of the blocks: http://jsfiddle.net/fenderistic/48KzD/ , how would I change the color for a block of words? At first I was simply going to have each word in the phrase change with the hover and active properties, but I …
Sir I have these codes <html> <head> <title>My Company</title> <style type="text/css"> #box1{ float:left; width:250px; height:150px; border:1px solid red; padding:5px; background:url(b21.jpg); background-repeat:no-repeat; background-size:contain; } </style> </head> <body> <div id="box1"> <div style=position:relative;padding:5px;width:150px;height:50px;margin-top:20px;background:orange;color:blue;border:1px solid blue;font-weight:bolder;text-decoration:underline;>How are you</div> </div> </body> </html> I want to ask why these properties are not work in my inline …
Sir I have following 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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title> Test </title> <style type="text/css"> #aboutus { border: 1px solid silver; color: white; font-size: 12pt; width: 250px; margin: 0 auto; background: #F0FFF0; background: url(images/dream2.jpg); background-size: cover; text-align: center; padding: …
Hi everyone, Just after some general advice. I have developed a website that contains several news widgets that will eventually need updating. I am not too fussed about keeping a record of past news events, but that could be nice. Basically my question is, what is the best way to …
I have created a cycle image style using CSS. The thing is when i put the images on anchor <a> the style is lost... This is the css code .poster { width:25%; height:25%; position:absolute; margin-left:20px; z-index:0; } .poster a img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; height:55px; width:55px } …
When users interact with your web page and processes, it is important to provide them with continuous feedback. Without the feedback, a user is left wondering if you page is actually processing work, frozen, or just not working. This is especially true when incorporating Ajax requests that take more than …
Hi everyone Please I would really appreciate if someone could help with a code on how to add an image to a footer using css: Here's is my footer code: CSS: #footer { width:920px; margin:0 auto; background:url(../../images/footer.png) } .footer-cities { padding:15px 10px 10px 20px; border-bottom:1px dotted #fff } .footer-cities-holder { …
Sir I have these codes <html> </head> <style type="text/css"> #box1{ width:300px; border:1px solid green; overflow:hidden; margin:0 auto; padding:10px; } th { background:#6495ED; padding-bottom:5px; color:white; } td { border-collapse: collapse; text-align:center; } .format{ padding:5px; background:white; border:1px solid #90bade; } .namebold { color:brown; font-size:12pt; font-weight:bold; text-align:center; font-family: Georgia, "Times New Roman", Times, …
Can a navbar created in PhotoShop be converted to a drop down list via CSS / JavaScript in DreamWeaver?
I am getting Mobile view 320x480 and also td by td. But in my desktop i am not getting space between label and textbox. I am applied col-xs-2 to label and textbox but in mobile view i am not getting. Please any body help me to get space between td …
Sir I am trying to create dropdown menu, so i have 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> #box1 { width:350px; height:150px; padding:5px; border:1px solid blue; margin:50px auto; overflow:auto; } #menu ul li { …
Hi , I try to creat Chess table in HTML , I use DIV to create Content.... I create everything , and as always I have only one problem and that is I cant put my figures in center I try everything <center> , align="center", but nothing. <html> <head> <title>Chess …
Sir I have these codes <!DOCTYPE HTML> <html> <head> <title>Untitled 1</title> <style type="text/css"> #box1 { width:400px; height:60px; padding:5px; border:1px solid blue; margin:50px auto; overflow:auto; } #menu ul li { display:inline; margin:2px; background:khaki; width:150px; height:50px; color:blue; font-size:14px; font-weight: bold; padding: 10px; border-radius: 10px 10px 0 0; } #menu ul li a:hover …
Hello: I am getting a parse error while running a file on my server on my home machine: Parse error: syntax error, unexpected end of file I have been researching this for a few hours now but have had no results to overcome this error. In the editor it is …
Hello. I am having a small problem involving a text label not displaying correctly over a field. It was fine until about a week ago; I believe I must have changed something and now I do not remember what I did that is causing this error. The State text label …
There is an issue with a page I am developing that I just noticed. Please take a look at the page: http://redlinedown.com/index700.html# On the top, black panel bar, notice "Log In | Register" in blue > Select this link and watch as the bar opens and drops down. When it …
I was looking for something similar myself a few days ago, and found the odd example of a CSS based monopoly-type game board. To be honest, they were all shabby examples made with code that left my eyes bleeding. I decided to make my own board and get it right …
I am issues involving the CSS for my HTML index page. I will be honest, I did not write all of the mark-up/code so now I am in discovery/repair mode and find myself a bit lost in regards to the external CSS file. I have gone over and over it, …
Sir I am using these codes <html> <head> <title>Center dive</title> <style type="text/css"> html body{ margin:0 atuo; margin-top:20px; } #main { margin: 0 auto; background-color: lightgreen; overflow: auto; text-align:center; height:400px; width:400px; color:blue; } #box { display:table-cell; vertical-align: middle height: 200px; width: 200px; background-color:#FFA500; border:1px solid silver; color:blue; font-weight:bolder; font-size:24px; padding:10px; margin:0 …
How to redirecting non-www to www with .htaccess for all page's? in my main page(index) works, but if i go mywebsite.com/page2, will not redirect me to my preference domain www.mywebsite.com/page2. How can i fix it?
Sir I have these codes <html> <head> <title>untitled</title> <style type="text/css"> #box5{ margin:10px; width:250px; height:250px; border:1px solid green; overflow:auto; float:left; background-size:50%; background: url(https://developer.mozilla.org/media/img/mdn-logo.png); background-repeat:no-repeat; background-position:center; padding:20px; opacity: 0.2; } #box5 p{ opacity:1; color:red; font-size:18; font-weight:bolder; } </style> </head> <body> <div id="box5"> <p>This text is normat text over opacity background</p> </div> </body> …
hello, I am trying to develop a dropdown menu , and doing it using lists but the CSS applied to the lists i have not been able to understand so could anyone help me out with it please.
Sir I am using these codes <html> <head> <title>untitled</title> <style type="text/css"> #boxA{ float:left; } #boxB{ float:left; } #boxC{ clear:left; } #boxD{ float:left; } #boxA, #boxB, #boxC, #boxD{ border:1px solid green; text-align:center; line-height:100px; margin:10px; width:100px; height:100px; } </style> </head> <body> <p>First Row</p> <div id="boxA">Box A</div> <div id="boxB">Box B</div> <p>Second Row</p> <div …
Hi there, I have the following code to define the first article on the website I'm developing Strong-Links.org <article id="me" class="panel"> <img src="/images/Strong-Links.png"> <a href="#work" class="jumplink pic"> <span class="arrow icon fa-chevron-right"><span>See my work</span></span> <img src="images/me.jpg" alt="" /> </a> </article> This basically just places two images on the page, with me.jpg …
I have been working with this table for some time now and i cannot figure out how to get the nested feature working correctly, when i try to insert the nested table into the original table is admitidly does go in but it removes all the formatting from my previous …
Hi I was wondering how to do "for" loop in svg, i need it to do something like this: 500 rectangles i rows, simple black rectangels. I did this with Canvas but i dont know how to make it with svg. Could you help me with this??
hya im wanting to remove the white spage in the pic included so you can see the pattern in the background ive tried putting the following opacity: 0.4; filter: alpha(opacity=40); in the css for this but its not doing anything what will make the white disappear ty jan x
Hi Guys, I have the piece of code below and somehow when I click on the input to type some test, the page reloads(refresh). <div id="searchi"> <form id="search_box" action="search.php"> <input id="search" type="text" placeholder="Search products..."> <input id="submit" type="submit" value="Search"> </form> </div> My css is as follow: #search { width: 270px; padding: …
I have this dilemma where I need to make my sub-menus hover over the other content on my page but I cannot seem to do this, I have searched and searched but to no avail. I am to the point where I just need a little bit of guidance on …
One of my websites is based off of the HTML5 Big Picture Template: [iamepic.today](http://www.iamepic.today) Within this design, I am noticing two interesting effects taking place, one within Internet Explorer 11 and the Other Being Safari 5.1.7. Within Internet Explorer 11, when you scroll through the different sections from top to …
I want to learn web design. As far as I Know the first step is to learn HTML. I hope I will learn this in this community. Want to learn from all of my friends here. Thanks
Hello Guys, I apologized if I may have misplaced this post as I cannot see CURL on any category. Here is my situation. I am trying to create a batch file which will pull up information from a fleet of devices via its web interface. I am using CURL to …
Hi I have a header div which includes two divs inside as #logo and #social.Please visit this link in JSFIDDLE: [Here ](http://jsfiddle.net/Behseini/2jPrD/1/) now I have to problem to present the page 1- I would like to position the social div (right div) at the bottom of the header(parent div).can you …
Hey guys, like I said before, im new to html and css and im having some trouble with the layout of my website. I basically have 2 problems/question. 1- I am trying to align the content of my page... but i am having a hard time. I've attached a picture …
Hello all, I am thinking where to start. Basically I want to learn about HTML. But I don’t have basic HTML knowledge. Where should I start? Though I am following w3school. Do you think that it’s enough for basic knowledge? If so, how much should I devote for learning HTML. …
Hello! As part of my unversity module, I need to create an ecommerce website. My only problem is that I need images for this website. Does anyone know a website where I can use images for free? Thanks!
I write a code in html and want to create button that upload a file.I use the following code but it show button name choose files but i want the button show browse as display name kindly guide Filename: <input type="file" name="uploadFile" value="Browse">
Hello, I require the following redirection applying 301 redirection: Redirected from: http://www.hostingwebsitedomain.com Redirected to: http://hostingwebsitedomain.com Kindly assist me how it can be accompalished for all pages. Thanks in advance!
what is the code for the selection boxes in html?? is that code included in the form tag or not??
The End.