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 I am trying to provide access to a folder of photos. The website is Unix based so I can change permissions. I am using WISE-FTP 8 as my FTP program. I created a directory on the server and intend to upload about 40 photos to it. I uploaded one …
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 guys, I just completed my blueprint in webdesign on skillcrush, but still i'm stuck with box model and typography. There is lots of css going on the background. Can i use bootstrap 3 to design any website, it provides a framework i suppose. Is it the right time to …
Hi I'm not even sure what you call this kind of thing but I believe 'InDesign' by adobe does this to some extent. I'm looking for a HTML/CSS/Javascript editor all in one. Basically I want to be able to type my HTML/CSS/Javascript code in one screen and see the results …
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 …
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 …
Hello. I am currently attempting to convert my inline-css for text boxes into classes for my external style sheet; I thought of using class selectors but do not fully understand some aspects of them. An example I found online: ` <!DOCTYPE html> <html> <head> <style> .center { text-align: center; color: …
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> …
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 …
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. 
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 …
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
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 …
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 …
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 , 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 …
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 …
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, …
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 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 <!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 …
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 …
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 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> …
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 …
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 …
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 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.
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 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 …
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 …
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 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: …
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 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 …
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!
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 am not sure anymore, how I can center my elements on the follow page: http://www.outdoorequipped.com/info/Clarks I speak about the 4 images, 1 in the top and 3 underneath. I am sure, it is about text-align and/or margin, and so on. those 3 images, eg clarks002.png, i like to center …
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 …
what is the code for the selection boxes in html?? is that code included in the form tag or not??
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 …
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! 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 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
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 …
The End.