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 FilterSite link: [URL="http://www.stmatthias.co.uk"]http://www.stmatthias.co.uk[/URL] Basically, what i find is that whenever i try to refresh any page on my site, it takes you to the index.php There is also an issue that when i go on a page, say the about us page, it still says [url]www.stmatthias.co.uk[/url], instead of [url]www.stmatthias.co.uk/about.php/[/url] Any …
Hi, [URL="http://www.ocklaw.com/new"]http://www.ocklaw.com/new[/URL] I wonder why the layout turn into chaos in Firefox, Google Chrome, and Safari? Can anyone suggest me why and how to fix it ? Thanks.
Hello, I am designing a new website, but have had a few issues. Most of which get resolved instantly because of DaniWeb's great members! The next issue is with boxes and CSS. I am trying to get the boxes; [URL="http://galgal.org.uk/"]http://galgal.org.uk/[/URL] to go next to each (with some spacing) so I …
I would like to express a superscript and a subscript in the same vertical space. For example, consider a variable called X with a subscript 1 that is squared. I have searched for examples of what I want to do but cannot find anything close. [code] X<sub>1</sub><sup>2</sup> [/code] The above …
Hello, I am designing a website and need a bit of help. The URL is [URL="http://galgal.org.uk"]http://galgal.org.uk [/URL]. However, I try to get the SmashLeaks logo to go over the top of the marquee, above where it is so it looks like it's coming out of the logo (Colour will be …
. in just one cell of a table? I can do a global change on the page by redefining html 'a' element colors in a .css file andlinking it, but that changes the link colors everywhere, including those in the standard asp:Menu components. The contents of one cell on my …
How to set seperate heights for <td> ? I have table with one rows and 2 cells. In one of them there is more data, so it drags the other cell longer than it should be and that's ugly. I need something that automatically adjusts the cell height according to …
Hello, I am working on this site: SNIP SNIP SNIP which you may have seen help posted for before (for a different thing, which is ongoing still). This time I have an issue about IE (Internet Explorer). When I visit my website in IE9 I see blue boxes around the …
Hi, after like 2 hours of searching the web I haven't found a solution for this. After spending 30 or 40 minutes trying to code it myself and not finding anything that works, it's time to ask here! Attached is an image of what I want. I have a certain …
I have an asp.net mvc web application. I have something like the following in my _Layout.cshtml I would love it if I could get rid of tables here but I could not make it look the same way without cell spacing. Help? [CODE] <td> <table cellpadding="0" cellspacing="0" style="height:32px;width:130px;border-right:1px solid #3a4044;"> …
Hello all, I have designed a website in HTML5 and CSS3 that looks great in Firefox, Chrome, and Safari but in 2 different versions of Internet Explorer that page looks all distorted. Here are some of the problems: The banner items are stacked on top of each-other and the background …
I'm creating a dynamic dropdown menu for my website. All information will be stored in a database. None of the images will have names on them. Ex: Home, Software, Support, ... These names will be found in a database along with their sub-menus, the drop downs. I have the whole …
Hi I would like to create a horizontal navigation. header.php [CODE] <div id="container"> <div id="header"> <div id="topcorner"> <a href="#">Career</a> | <a href="#">Mail</a> </div> <div id="search"><?php include('search.php'); ?></div> <div id="nav"> <?php wp_list_pages('sort_column=menu_order&title_li=');?> </div> </div> </div> [/CODE] style.css [CODE] #header #nav { float: left; margin: 0 0 0 24px; background: url(images/navbar.png) repeat-x; …
I saw one of these and looked very effective and professional. So how do I make one? Any tutorials? Thanks, Regards X
This is the css for it's navigation. Just one more thing that I would like to add. I would like a box background for each navigation item [B]before[/B] the cusor is place on top of the navigation. What else do I need to add in the css. At this point …
Morning All, Am using images on a menu for links. They're designed so they look like one solid piece with texture, But no matter how I try, they are spaced. I have collapsed all tables, td's etc. made padding 0, etc. Other than doing absolute placement, is there a way …
Hi there; I've faced a problem in CSS. Firstly,I want to give the HTML side which I want to style with CSS: [CODE] <ul id="upperMenu"> <li><a href="link1">Menu1</a></li> <li><a href="link2">Menu2</a></li> <li><a href="link3">Menu3</a></li> <li> <a href="link5">Menu4</a> <ul> <li><a href="#">Sub-Menu1</a></li> <li><a href="#">Sub-Menu2</a></li> <li><a href="#">Sub-Menu3</a></li> <li><a href="#">Sub-Menu4</a></li> <li><a href="#">Sub-Menu5</a></li> <<li><a href="#">Sub-Menu6</a></li> </ul> </li> <li> …
Hello, In HTML select tag I use onmouseover and onmouseout events to show the field value as a hint in case if the content doesn't fit in combo box. The problem is when the combo box is expanded and I move the mouse through the content it shows the wrong …
Hi, I understand that it isn't possible to add a border to a <tr>. I've been reading suggestions to add the border to the <td> instead. My problem is that I have a 2 column table and applying the border to <td> leaves a tiny gap between the border. Is …
Hi can anyone tell me why my page don wnat to go to center? [url]www.norwegiandjs.no[/url] My html is [CODE]<!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 name="author" content="Dimitris Michelinakis" /> <meta name="keywords" content="Opera, Baritone, Modenos, Music" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="charset" content="ISO-8859-1" /> …
Hey guys was wondering .. i want my website to be aligned center so that all computers can view it. like there is a lot of space wasted on the right as the site is aligned to the left.. how can i make it so that the site is in …
Hi there, I am having a - I believe - peculiar and annoying problem. I have a div on my home page which is meant to contain a picture. Now when I insert the picture I don't seem to be able to align it to the div, it's a little …
Do you guys know if there's a module out there that can translate on server side ? HTML, PHP, JS or whateva (i'm even ready to try JSP) because i'm working on my company site and it's in french, but half my customers are english. last site i did translate …
Hi There; I have designed a web site. There are buttons at the top of the web site, similar with daniweb.com has "Hardware&Software" , "Software Development" ,"Web development" and so on. But my web site looks perfect in my computer, however, positions of buttons corrupted in different computer that have …
Hi, I am building two columns: page-practice-area.php [CODE] <div id="faq1"> <p class="question">> FIAT JUSTITIA RUAT CAELUM</p> <div class="answer-wrapper"><p class="answer"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer eros risus, vulputate vel iaculis vel, luctus ac arcu. Vestibulum metus ligula, dignissim nec viverra a, interdum ut magna. Donec dignissim hendrerit …
Hi all how i can put a watermark on a HTML div??
Hi, I have this navigation: page-about.php [CODE] <div id="AboutNav"> <h3>About</h3> <p style="border-bottom: 1px dotted #787878; width: 200px;"></p><br /> <a href="https://localhost/wordpress/about/about-vision.php">Vision & Mission</a> <a href="https://localhost/wordpress/about/about-history.php">History</a> <a href="https://localhost/wordpress/about/about-client.php">Client</a> <a href="https://localhost/wordpress/about/about-people.php">People</a> <li> <a href="https://localhost/wordpress/about/about-people.php">Chairman</a></li> <li> <a href="https://localhost/wordpress/about/about-people.php">Partners</a></li> <li> <a href="https://localhost/wordpress/about/about-people.php">Director</a></li> <li> <a href="https://localhost/wordpress/about/about-people.php">Advisors</a></li> <li> <a href="https://localhost/wordpress/about/about-people.php">Senior Lawyers</a></li> <li> <a href="https://localhost/wordpress/about/about-people.php">Junior Lawyers</a></li> <li> <a …
[ I'm not quite sure if I chose the proper section of forum however I will take this risk ;) ] Hello, I'm young student from eastern Europe. I've been trying to achieve some skills in webmastering (At last I've got some free time to keep focus on that :) …
How can I get an image to have it's own hyperlink that is inside of a clickable div? [CODE]<div id="clickable" onclick="window.open('http://www.daniweb.com');return false;"> <p>I love clickable images!</p> <a href="http://www.google.com"><img src="someimage.png" /></a> <p>too bad they don't click in a clickable div</p> </div>[/CODE] If I try the above then the DIV is always …
Hi, Am trying to get away from flash + new to jquery. I know there is an obvious problem in the Css or js but the more I change things around the worse it gets. I want the gallery up next to the right of the nav column. Sick of …
Hello, im trying to create a "gradient" border so within my container div i have the content div that takes lets say 590px out of the containers 600px. and another div next to it that takes the remaining 10px. as i add content to the content div its height expends …
Hello all, I am new to both HTML and CSS i am using a code where u can drag and drop elements from left into the grid. i want to put the images in the left with same effect as the one where I am dropping the image. Also on …
I am a beginner designer, and I charge $15/hr. Is it fair to charge for my time when I am correcting a mistake that I made?
page-about.php [CODE] <div id="AboutNav"> <h3>About</h3> <p style="border-bottom: 1px dotted #787878; width: 200px;"></p><br /> <a href="https://localhost/wordpress/about/about-vision.php">Vision & Mission</a><br /> <a href="https://localhost/wordpress/about/about-history.php">History</a><br /> <a href="https://localhost/wordpress/about/about-client.php">Client</a><br /> <a href="https://localhost/wordpress/about/about-people.php">People</a><br /> </ul> <br> </div><br /> [/CODE] style.css [CODE] #AboutNav h3 { margin: 20px 0 0 0; } #AboutNav a:link{ background: url('images/About/AboutNav2.png') 0 0; width: …
Hi, I am trying to have my landing page center in the browser when it resizes, with css yet and I'm confused. Right now its all flush left and i want it to center in any browser if possible. Maybe could someone please add the code in red so i …
Hi guys, [url]http://mambo.3thirteen.co.uk/en[/url] On the top bit with the videos and 3 video previews i can't get the 3 video previews to display on one line. It's driving me mad, I'm sure its only 1 little line of CSS but can't figure it out. display:inline; is not working as expected …
Hey guys! i appreciate all the help ive been getting from you around here. I have a problem that isnt being solved by google D: i like the frames in html its exactly what i need however i want to make a dropdown menu bar on the header frame and …
Dear all, I got a problem with the header in a website that I was working on, now it is nearly published but after I had tested it over several browsers I got a problem with firefox. Check out the header how does it look like: [url]http://www.birthkuwait.com[/url] I'm using Blogger. …
I am a self taught "elementary" html coder (still find hard to resist putting formatting on the page along with the content) and have created two web sites for orgs I belong to: [url]http://www.conservancyonmayne.com[/url] and [url]http://www.vivaldichoir.org[/url]. I recently added a code snippet I found at Digital Point that performs a …
Hello, I have a table and a div tag. My table is on the left side of the div tag. I was wondering how to make sure that my div tag wont be disrupted by my table. When I have a table next to the div tag, my context in …
Hi, I'm building a design for a website as a practice, but it seems i'm missing sthg as every time i try to add <h> tag of any size, the div shifts down leaving a blank space above, but it works fine if i replaced the <h> with a large …
Hello, I am currently creating a master page with a fixed with of 960px, under the header i have a left column, a placeholder, and a right column, all 3 are set to float:left; and have fixed widths of respectively 150 , 615 and 195 pixels. The page displays perfectly …
Hey everyone, I am having some trouble positioning a div in the top right corner of another div. This is what I would like to have. [ATTACH]23723[/ATTACH] But I cannot get it to work. I tried [CODE] #edit { position: absolute; top: 0; right: 0; } [/CODE] This is the …
Hi There; I try to design a web site. There are many pages in my web site and I linked them altogether. But there are constant buttons must be existed in different pages. I mean there are buttons namely, "Home" , "About" .. vs in different HTML pages . I …
Hi guys I'm new to html and css and would like to know how to create something like the picture. Basically I need to create any image and add a number to the top right corner via a function. If there are examples please do share. Note: this is not …
I have a website with a lot of information and a design that needs a relatively high screen resolution. I'd like to be able to create an innitial page with a redirect to send mobile browsers to a streamlined m.olycomputers.com page with just rates and contact info, in a resolution …
I want to have an iframe expand and center on the screen when a button is clicked. This would be similar to creating a lightbox for it but I dont want to have the content in the iframe reload. I have found solutions that can resize an element but it …
Dear all, I've been working on this template for a an non-profit society. Everything seems fine with me I edited like tons of the code, sadly, one thing annoyed me a lot and couldn't be able to solve it yet. The problem is in the top menu, when you hover …
style.css [CODE] #AboutNav a:link{ background: url(images/About/AboutNav.png); width: 100px; text-decoration: none; color: black Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px; } #AboutNav a:hover{ background: url(images/About/AboutNavHover.png); width: 100px; text-decoration: none; color: black Arial, Helvetica, sans-serif; font-size: 12px; } [/CODE] page-about.php [CODE] <div id="AboutNav"> <h3>About</h3> <p style="border-bottom: 1px dotted #787878; width: 230px;"></p><br /> …
Hello everybody , I'm just asking for how to have two background images in html , the problem is that i need two different caracteristics in css . the first one is defined as : html : [CODE]<body> <img id="arriere" alt="" src="water.png" /> <h1>Mon super site</h1> <p>Pour le moment, mon …
The End.