UI / UX Design Forum

This simple code changes sounds in firefox, IE, safari, and chrome but will not switch in Opera. Any thoughts? <div id="playlist"style="position: absolute; z-index:10001; top: 0px; width: 100%; height: 100%;"> <button id="one" onclick="song1();">Mello</button> <button id="two" onclick="song2();">Its Time</button> <button id="three" onclick="song3();">Its on now</button> <div id="hideme" style="width: 392px"> <audio id ="audio" controls loop> …

i installed wamp 2.5 after unistalling an older version...the problem am having is that non of my projects are opening..it shows 'webpage not available' please help on what i am doing wrong or not doing thanx

How to make background images slide?

Does anybody knows any good scrollable dropdown menu without thrid parties?

Hello, Our page has a blog, which I recently went through and edited to match our comapny's website. Unfortunately, during the transition, the new blog design didn't pick up the styles as it does in Chrome and Firefox. Normally, I'd be able to troublehsoot this one, but I'm at a …

I'm working on implementing CSS on my site, and have a problem with using a background image. When I use the background image inline in the PHP file, as below: <style> html{ background: url(images/bgimage.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body{ font-family:"Trebuchet MS", …

I have a div that has an image as its background. But the image only covers up about 80% of the screen. I want to make the extra 20% of the screen to be black but its only coming up as white. How can I set the background images and …

How to create responsive layout for following structure? **Requirements** * Float sidebar from right 10% over all div . * Sidebar height 100% * Hidden for below 768px width * Footer stick to bottom * `main` div `overflow-y:scroll auto;` * sidebar contains navigation menus * overflow hidden for body & …

Hai, I had a main div and two child divs inside that .. I need to arrange as follows .. ------------------------------------------------- | | | | child div 1 | child div 2 | | | | | | | ------------------------------------------------- the height of the child div is dynamic. I had …

Hi ! i have a problem in my portable Dreamweaver CS5 version (works without installation), while coding php script for some certain html tags, when i write a code like <?php echo "<a href=" .... here file Browse don't show up, to auto locate (browse) a file, which sometimes make …

I have a couple child divs nested inside a parent div, and the children expand on hovering. Problem is that the neighbor div of the parent gets over-lapped by the children. I could just account for the size when the children are open and resize the parent div to that …

Hi It seems that my video files are not working or are distorted (loss of aspect ratio or width) when viewed in Firefox and also Safari (who want to charge for a plugin). Chrome under XP Pro only shows about a quarter of the video but the right scale and …

I have created my own template and am able to list all the posts on the index page. I want to be able to have some space after each post. Like a blank height of 5px. I created a class in css called blank5 => .blank5 {height:5px;} but it doesn't …

My spry menu is going too far to the left when it's displayed in a browser. In Dreamweaver it looks just fine. I was making other adjustments and do not know how it changed. I've done some changes after looking up things to try and get it back, but nothing …

Hello Am using the window.print function on a page, but it does not print the background color which I've set in my stylesheet for table cells. Any way to fix this issue?

I have a table that extracts data from a mysql database, I want the table to be centerd on the screen. I have used text-align: center; but obviously it only centers the text inside the div. here is my css .tableOuter { text-align: center; } .tableInner { text-align: center; margin-left: …

Hello. I have a button on a web page and when the mouse is over it becomes larger (don't ask why). .buton { /* some code here*/ height:50px; width:100px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #ffffff; transition:width 0.5s, height 0.5s; } .buton:hover { width:200px; height:200px; } In body is this code: …

Hi, I have a #header class and a #menu class. <body> <div id="page"> <header id="masthead"> <hgroup> <h1 class="site-title"> <a href="#" >Demo</a> </h1> </hgroup> <nav class="site-navigation"> <h1 class="menu-text"> </h1> <div class="menu-text skip-link"> <a href="#content">Home</a> </div> </nav><!-- .site-navigation .main-navigation --> </header><!-- #masthead .site-header --> <div id="primary" class="content-area"> &lt;div id="primary" class="content-area"&gt; <div id="content" …

Ok, so here is the CSS code in an external sheet: #header{ position:fixed; width:100%; height:15%; } #hedr{ position:fixed; height:5%; width:6%; top:5%; left:30%;} #nme{ position:fixed; font-size:400%; top:3%; left:10%; } Here is the php document: <!DOCTYPE HTML> <html> <head> <meta name="keywords" content="Roun, David Roun, Rounsworld, Heather Roun"> <meta name="description" content="Personal website"> <meta …

I have four list items in my <nav> bar: Home, Projects, Resume, Contact Projects item has further five list items. When I hover on "Projects", these items appear as a drop down block, but they are not aligned with the parent element. /*Display Nav elements in row*/ nav > ul …

I have a website [Click Here](http://www.nanotekindustries.com). and it starts on index which is fine and dandy. anyhow if you press one of those buttons there it will open up an internal page. Now if you press the tower in teh centre it goes to #top. #top is what I want …

[Click Here](http://pastebin.com/jstBrkaM ) [Click Here](http://www.pastebin.com/bAESQkSX) You should be looking at the "#Partition_Left_Wrapper" id in the CSS code. It's the third one down. I am following a tutorial, but the guy does not use a external stylesheet. Not sure if this affects css3 syntax/layout (relatively new here), but I can't seem …

I'm trying to build a UI that looks like a table but uses a DIV baseing it's internal DIV's off a static textarea. I want the DIV's to position horizontally and wrap vertically... here's the code I'm dealing with so far: <div style="background-color:silver; width:450px; height:200px; overflow:auto; padding:10px"> <div style="background-color:gray; width:100px; …

Working on a festival website and on the Programs page, there is a gap where one of the other categories should be. (Garage Sales is supposed to be in the blank space beside Dog Show) I have tried moving it up and it just bumps it back down. Can anyone …

Hi all, I'm working on an old project of mine that I used to self-study PHP which used Bootstrap 2. Revisiting the project a year on I'm looking to restrict the max-height of dropdown.js but can't - for the life of me - get it done. The best solution would …

Hi there, I am working on a site for my organisation's festival and all seems to be going well outside of 2 pages having issues. I basically copied the same code throughout the site for the navigation buttons but once you are on the "PROGRAM" and "SPONSORS" pages, the rest …

I have a wierd link issue with Internet Explorer 8 concerning links on my front page at http://www.b2bfax.net There are two links that direct to our prices page and they work fine in Firefox but don't work at all in IE. I have an additional link that links to merge …

Why does the size autoresize and how can I stop it? <!DOCTYPE html> <style>td{border:1px solid black;width:100px;}</style> <table> <tr> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> <td></td><td></td><td></td><td></td><td></td> </tr> </table> If there only one `<td></td>` then it displays as 100px but when they exceed the screensize they just bulk up by size reduction. Like why …

hi , i am searching for a good tree menu design for products categories to use it in my website , i need it to be flexible so i could style it as needed and also simple so i can target it with my own javascript. thanks again.

I built a php-driven form that is intended to have its results printed out and shipped to another location. The results are laid out as a set of tables that hold the information in place. I tested the page on a system wher ethe default browser isFirefox, which displayed the …

Hi, i'm using a css for a flip div effect on rollover it works but i like to revert the text now it's from right to rotate and then i flip with this code on rollover -webkit-transform: translateX( 100% ) rotateY( -180deg ); -moz-transform: translateX( 100% ) rotateY( -180deg ); …

I've set up my page so that my left nav bar is a series of background images which change when the user mouses over. I learned how to do this from an older thread on this site. [url]http://www.daniweb.com/forums/thread109916.html[/url] This all works well except for one minor problem. The first time …

i designed some images to put in the navbar... the idea was putting them so that when they're hovered, there is an image change to another image with bthe same design but different colors... when i pretended to do this i found a serious problem... if i insert the image …

okay so i want a div that has an absolute positioning with height and width at 100%, like when u click on a facebook photo, the div that the color is black, with an opacity or a rgba color that u can see tru .. the problem is that when …

Hi all, I have a contact form. In the message text area the right border is not showing in chrome browser. It is cool in other browsers. here is the link http://theshortstoriesonline.com/amarnamrub/ Thanks

Hi How to hide my source code so to not be viewed? I think this line of code solve it but where can I put in my source code? <body oncontextmenu="return false"> </body> And This is my code <!doctype html> <html> <head> <meta charset="utf-8"> <title>HTML5</title> <meta name="description" content=""> <body oncontextmenu="return …

Is there a way to add `:hover` pseudoclass, without CSS file or `<style>`, using: <div style="CSS rules here">DIVie</div> ?

`text-shadow: 0 0 5px #FFFFFF;` Gives a white shadow, with 5px blur. But it's too weak. Is there way to make it stronger(/lighter) without modifying blur?

Dear all, I am learning html5 recently and stuck with one problem. Is it possible to add 4 different videos on same location with different extension of oog and mp4 inside a single <video> tag? If it is, then i have 4 video files that should be play with using …

Hi I have a problem with drop down menu, it goes below content and I am not shure hot to keep it always on top CSS: #meniict,#meniict ul { list-style: none outside none; margin: 0; padding: 0; } #meniict { background: url('menu_bg.png') no-repeat scroll 0 0 transparent; clear: both; font-size: …

Hi all,how do i link lets say thankyou.html page to my conatct.html page,so the idea is after submiting the page,by pressing the submit button,the confirmation page should pop up. Thank you. Part two - how to set up php so the request/submited page is sent to my email

Which between HTML and Php? is the easier language one can learn by themselves with the help of tutorials and some other e-learning materials?

I want to **transparent DIV box**.meance back content of page also see when i am in box. I have search but most of **said Background color** set with img.but i have **not to do**. Give me your suggestion Thank you.

Good Morning everyone... Hopefully someone has a simple fix for this. I don't do much with styling using CSS yet... (but I'm getting there) I have a website that I have up on a development domain as well as on a live domain The live domain has an ssl certificate …

hello daniweb friends. sorry for my title i didn't find how tell shortly or exact my problem. so i have a div in header which in i have image as site logo and near i have form "search form" i want to make near, face to face. but what i …

if triangles are made with borders, how i can put a border in one triangle? .arrow { height:0; width:0; border:40px solid transparent; border-bottom:40px solid black; } Thanks

I am having trouble in styling the table in php code. I was wondering if u can help me with it? echo "<table border='1' padding = '20'>"; echo '<tr>'; echo '<th>DVD Name</th>'; echo '<th>Price</th>'; echo '<th>Quantity</th>'; echo '<th> Total </th>'; echo '</tr>'; I just want to like change the colour …

hello, [CODE] <div> <div class="floatLeft"></div> <div class="center"></div> <div class="floatRight"></div> </div> [/CODE] The question is - how do I make the div with class "center" actually in the center. Those 3 divs doesn't take all the width available. Another divs are floated as class name says.Or should I use different technique?

This is code that I currently have right now so that I could have text centered in a div box. But there has to be an easier way, can someone show me how? Code I am using now: <div id="teampiccontainer" style="width:1000px; height:100px; background-color:#EB6262; margin: 0 auto;"> <div id="text1" style="display:table-cell; vertical-align: …

Hey everyone, I have navbar from boostrap, I am trying to get the flags to append to the bottom/hang from the bottom of the nav on right side. [Link](https://www.assets.patrickspcrepair.com/gotya/simple-sidebar.html) to the site. The flags are just basic but i need to set the css style to "hang" from the navbar …