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
Hello, My website displays perfectly fine on the computer however when it comes to phone or tables the background image becomes smaller. I have spend more than 4 hours trying to figure out why but no luck. Will appreciate if you guys can give me a hint. The website is …
First, here are my code HTML <!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="css/style_v2.css"> <title>Far Far Away - A folktale at Faraway Island</title> </head> <body> <header> <div id="logonslogan"> <a href="#">Well-Designed Blog</a> <p id="slogan">Created by Terry</p> </div> <div id="navnsearch"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">Portfolio</a> <ul> <li><a href="#">Wordpress Theme</a></li> <li><a href="#">Blogger …
Sir, I am using these codes <?php require_once("connect.php"); if(isset($_POST ['display'])) { $sql="select * from photo where id=2 "; $query=mysqli_query($con,$sql); while($row=mysqli_fetch_array($query)) { $image=$row ['picture']; echo '<img src="upload/'.$image.'" width="50" height="50">'; } } ?> <html> <head> <style type="text/css"> html { overflow:auto; } body{ background-color:#e7f4fe; } #container { margin: auto; position:absolute; top:0;left:0;right:0;bottom:0; background-color:#CFC; padding:10px; …
I have some problem with my HTML code but I cannot figure out why, hope you guys can help me. My website here http://caycanh.url.ph/ although **displayed fine**, I saw some problem when I use Firebug to detect the code. This is how it displayed in Firebug dock: <html lang="en-US"> <head> …
Hi all ...( warning : i am a total newbie to web development ) i am planning to develop a website... i have all the content to put into the website...and i already have a fanbase for the website. I have created the structure of the website in localhost. just …
Hi guys one problem I have been having lately is when I create a template for a website my container div does not surround all of the elements inside it. The only way I can get it to do so is to give it a height but I dont want …
Hey guys, quick question. From css, is there a way to target ONLY text in an li that has an img and text inside of it?
Hello programmers! I am a beginner in html using the w3 school website help as a guide. Currently, I am working on an excercise website. The code is as following: <!DOCTYPE html> <html> <title><head> ------- Website </head></title> <body bgcolor= #FFCCFF BACKGROUND="background.gif"> <h1> What This Site Is All About: </h1> <hr …
for some reason my css it saying that is is missing a simi colon befor the lastnline , but i have looked and yet to see one. if i remove the line it goes away! Any ideas? .nav{ width:80px; height:15px; text-align:center; margin-top:5px; margin-left:3px; float:right; display:inline; padding:10px; background: #c96060; /* Old …
I am having a problem in trying to line up my image inside the navbar list items area. There seems to be padding coming into the image therefore having it in the wrong area. I have put padding:0 and margin:0 in lots of areas but still nothing. Any help on …
My url is http://216.188.144.4/mental_health.php I have a closed quote, which is an image at the end of each italicized paragraph. The img is a span, inside a div. How can I make the img align so that it doesnt create a space between the second to last and last lines …
hey guys, so i have 2 tables and i want to align them side by side but no idea how. right now i have one table below the other. my tables : <center><p> <table border="1" rules="all" cellspacing="6" cellpadding="6" style="background-color:AntiqueWhite"> <tr> <td colspan="2"><b>HOUSE</b></td> <td colspan="2"><b>PERSONAL</b></td> <td colspan="2"><b>TRANPORT</b></td> </tr> <tr> <td>Rent/Mortgage</td> <td><?php …
Boo! Yeah sorry it's me again... I'm launching a modal with: <a data-toggle="modal" data-target="#loginModal" href="javascript:;">Register</a> The modal has 3 tabs. It should usually open on tab one (it does), but in this instance I would like it to automatically open on tab 2 when a particular link is followed... so …
With my responsive design and navigation almost working, I'm at one final dilemna and that's the navigation itself. On my website (or should I say my clients): http://turningheadssalons.com/index.html - when the navigation falls below the viewport of 750, the navigation dissapears. I can get it display when I remove the …
I apologize if this isn't the right board for this topic, but when you're developing a website and especially when it goes live, sometimes the user will see words that acts as links to unnecessary ads. As an example, I'll take some text from a client of ours: *"Our formulas …
I want to add the button of my own look. I mean: i want to set the image on button and size of it... and alingn it on center with some effect more info: (image 1 = image) I am having 3images of text "Download" so when my cursor is …
I want to add the page view gadget to my website as available in the Blogger. but I am not using the Blogger so what will be the code to check the Page View of my website... I like to add this gadget in the Homepage at the bottom... So …
What the webpage would do is after clicking "SUBMIT" button, a php script will be use to add records into my database. But for now i do not know where to put the "signupinsert.php" into the html and to make it run. I have try putting it at form action …
Working on a website which is meant to be responsive and getting a few errors which seem out of the norm. The way I would like it is to shrink the site and line everything up in single file. **Url**: http://profiledt.co.uk/SetTraining/ Index.php: <div id="frontpage-Button-Cont"> <div id="Align-content"> <div class="button-cont"> <div class="thumbnail"><div …
I have this css code and it mucks up from the services section and shows the mobile view on the desktop. Any help? Many thanks. @import url(http://fonts.googleapis.com/css?family=Open+Sans); *{ margin: 0px; padding: 0px; } body{ margin: 0px; padding: 0px; background-color: #333333; margin-left: auto; margin-right: auto; } #content{ margin-left: auto; margin-right: auto; …
Hello! I am having some difficulty in a web site I built: [www.vipercabling.com](http://www.vipercabling.com) Everything looks the way it should in all browsers but IE and Firefox. In these two browsers there is extra space showing up in the main navigation area on three of the five pages. The code is …
I've got the following problem. A webiste is hosted. lets say the url is http://example.com/_include/products.html (The include folder contains images and other html files etc.) So here is the problem, anyone can just remove the "products.html" from the url then we have http://example.com/_include/ If someone does this they can access …
i do not know if this is the correct section to post this htaccess question. when user type example.com on browser, it redirect to https://example.com . and when user type www.example.com on browser, it redirect to https://example.com . and when user type https://www.example.com on browser, it redirect to https://example.com . …
I found , in the past , a website . In this the website page there are two links link1 link2 when I click on the first link (link1) a red sentence appears , in the web page , saying that the link is desactivated . then , when I …
I can not get this web form to align left on a landing page That I am in the middle of creating ( its no where near complete but, IO cant get the webform in the corrct spot): http://dsninformation.com/nov11/moneygirl3.php Here is the code I am trying to left align. <td …
I have a flex slider and I want to place a div over the top so I can put a nav bar on there. It's not co-operating with me. Any help will be apreccatied. Thanks in advance. HTML <body><div class="container"> <div id="logo-nav" class="sixteen colums"> <img src="img/logo-white.png" class="logo"> </div> <div class="flexslider" …
Hi all, I'm trying to add spacing between the <option> tags by padding, height and margin - yet none have worked. Does anyone have any ideas? It's the simple things that stop me in my tracks haha. All of the options look cramped up and untidy, I'd like to give …
Hi Guys and to all programmers, I have a website wherein my header appears on all pages of my website. Did a test by disabling the display; however, the header was gone on all pages of my website so I turned the display back on. My question is, is there …
How can i wrap my text around the image on this page? it's using a float, but i want it to wrap around the img of the hand. [http://www.mimahealthcare.com/about.php](http://www.mimahealthcare.com/about.php) thanks
Hi I am studying html5 and have a hard time understanding exactly how those tags function.Maybe I am used to the old div tags and cannot figure out what is going on. For example I look at a page made with html5 and css3.In the page there are 3 article …
Hello, So I've done it the old fashioned way with <font size="15">Blah Blah</font> as this is the easiest way I know of at current for doing select bits of text only. However, no matter how high I set the font size, whether it be 10000 or 10 it does not …
Kindly suggest me some good books to set my foothold on html&css. Recently i got a book "Head first to html & css"but it contains lots of silly exercises and jokes and kinda repetative. Is the missing manual series good to go by? HTML4 or 5 ? There are a …
I have one table with two columns and in each column another table. I am trying to align each table within the column to the top of the table and I'm having issues. I'm paraphrasing the code here: <table> <tr> <td> <table> <tr> <td> </td> </tr> </table> </td> <td> <table> …
Anyone able to help me improve the whole look of PingrGlobe.com? I suck at web design as I am a programmer, and I would for sure give credit to people to help!
I am having a hard time figuring out why the inner pages of my website are not centered when viewed in IE (IE10 is fine, the older versions are giving me the problem.) Although the home page is centered, it ignores the margin:0 auto; on the inner pages. This is …
like yahoo mail did (new update as of october 2013), i cant find library or script that can make a div transparent and at the same time blur.
Hi i have "font-size" defined in my css. This is working fine with all other browsers but it have a different appearence in IE9. So I want to avoid this style when the browser is IE else it has to work for the rest of the browsers. How to achieve …
I am trying to make a dotted horizontal line between a column of names and a column of numbers. how do I do this using css? here's a url to see what I mean: [http://www.lose4autism.org/index2.php](http://www.lose4autism.org/index2.php) in the box titled "top fundraisers" there is a list of names, with a dollar …
I have an img on my site that I want to be positioned absolute. The problem is that it jumps around when the screen is resized. I made the container div have position:relative; so I don't know why this is happening. This is the url to my site: [http://www.windowsauction.org/](http://www.windowsauction.org/) The …
Hello, on the top of the page I have a menu created in CSS.... with drop down lists... all looks nice.. later... I added wowslider right below... wowslider plugin is really cool... but the dropdown menus fall behind the slider! so I find it is because of z-index properties... and …
Hi there. I ve got a problem with my drop down menu, i ve centered a border on my page and when i hover over the <li> of my <ul> a drop down menu appears but it appears behind the border that i ve inserted. My question is do i …
How can i make the footer to stick bottom of the page no matter what resolution is the screen is and scrolling? Because currently i am able to stick the footer bottom of the page with my desktop, but once i change to laptop view or the paragraph/content are too …
Hi I have 5 div tags in my html page and there is a print button. when i click on the print button it has to print only a particular div. for example it has to print the 2nd div which contains some personal information. It should not print the …
Code 01: <head> <title> My Web Page </title> <link rel = "icon" href = "favicon.ico" /> <link rel = "shortcut icon" href = "favicon.ico" /> </head> Code 02: <head> <title> My Web Page </title> <link rel = "icon" href = "favicon.ico" type = "image/x-icon" /> <link rel = "shortcut icon" …
Hi, May I know how they do that kind of select box in css or javascript? 
Is there a way to insert a thumbnail that displays a live screenshot of another website? This would be for an ecommerce site. I am not looking to simply create a screenshot where one takes and saves an image (e.g., jpg, png, gif, etc.) I want the thumbnail to always …
I'm struggling with acquiring the same consistent table size across all three primary browsers as shown below. http://i41.tinypic.com/izxrtu.jpg - Chrome http://i43.tinypic.com/24yctw6.jpg - Firefox http://i39.tinypic.com/2ceg3lj.jpg - IE I'm not sure if it's a coding issue or a table issue, but here's the primary CSS: body{ background-image: url(../DefaultBackground.png); background-repeat:repeat-x; background-color: #FFFFFF; border: …
Recently i've posted a question on how could i possibly attach an image on top of my navibar menu. I did it thanks for help. Now i am facing with another issue. What if someone who is on my site presses Ctrl + ? And zoom in ? or zoom …
[Image of design issue](http://imgur.com/seWlte0) Hi peeps, Struggling to locate the source of this issue. The dropdown for ALL of the menu items appears on the far left of the nav and not below te menu item selected. For example, in the image above I clicked programming and the dropdown appeared …
**CSS** ul#menu { margin:0;} ul#menu li { padding: 0 0 0 0px; list-style: none; margin: 2px 0 0 0; display: inline; background: transparent;} ul#menu li a { float: left; font: bold 120% Arial, Helvetica, sans-serif; height: 24px; margin: 10px 0 0 20px; text-shadow: 0px -1px 0px #000; padding: 6px 20px …
The End.