Audiotech

thanks for the quick reply and excuse my ignorance but I don't understand what exactly you're saying. I did a copy paste into my page and it didn't work, and actually broke the whole site. Having said that, and taking your comments about security with the gravity it deserves, what would be the CORRECT way to go about doing this ignoring the code that I wrote which is clearly the wrong way to approach this problem? Again thanks for you assistance!! -Carl

Haven't posted here for quite a while but I'm working on my first php driven website and am having a few problems with some includes that I'm sure you'll find to be fairly basic and obvious. What I'm trying to do is get my "home" page to load into a division when you initially visit my site. The header and footer had an include that contains various links which include this home page. The navigation links to the start page work perfectly and as expected, however when the site is visited initially all I get is a blank space in the main content division. The site in question is linked here... http://valvetech.byethost14.com/ The code that I'm using is as follows and I'm at a complete loss as to what I'm doing wrong. <div id="center_column"> <?php $url = ''; if (!empty($_GET['category'])) { $url .= $_GET['category'] . '/'; } if (!empty($_GET['page'])) { $url .= $_GET['page'] . '.php'; } include $url; ?> </div> Thanks in advance for any assistance anybody can give me because I'm at the end of my rope on what should be a fairly easy problem to fix. -Carl

I'm having some serious issues getting a division and the contents thereof positioned properly on a site I'm working on. In Firefox and Chrome everything looks great. However, in IE all the content is mis-aligned and I can't seem to figure out what I'm doing wrong. The location of the page is as follows: http://valvetech.byethost14.com/media.html as should be immediately apparent, in the media selection pane at the top right all the content blocks are different sizes and in different positions. I don't know if the problem is how I'm going about laying out the html or in the css itself, though I suspect the latter. I'l leave the html for viewing in the browser due to its size, but the css in question is titled playlist and is displayed below #player { float:none; } #div1 { background: #fff; border: 7px solid silver; margin:5px; width: 400px; height:300px; float:left; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #div2 { background: #500; border: 7px solid silver; margin:5px 0px; width: 310px; height:300px; color:black; float:left; overflow-x:hidden; overflow-y:auto; /* dunno bout how this is functioning */ -moz-border-radius: 7px; -webkit-border-radius: 7px; } #div3 { margin:auto; background: #500; border: 7px solid silver; width: 717px; height:200px; font-family: Verdana, Arial; font-size: 10pt; color: #fff; text-align:left; padding:5px; line-height: 180%; overflow-y:auto; -moz-border-radius: 7px; -webkit-border-radius: 7px; } /* playlist style */ #clips { width:auto; /* set to auto? */ height:auto; overflow-y:auto; overflow-x:hidden; /* padding: original 4 10 12 10 */ background-color:#fff; margin-top:-1px; margin-left:1px; float:left; } /* playlist entry */ #clips a { display:block; width:auto; height:90px; padding:5px; background-color:#500; border:1px solid #ccc; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; margin-top:7px; margin-left:1px; margin-right:auto; color:white; } #clips ul { /* width:275px; this entry messes up the box */ margin-top:0px; margin-left:-35px; margin-right:5px; color:#666; list-style:none; } /* different states of a playlist entry */ #clips a:hover { background-color:#345; color:orange; } /* elements inside playlist entry */ #clips a img { border:0; float:left; margin-right:10px; } #clips a strong { color:blue; padding-bottom:5px; } #clips a em { border:0; float:left; color:#333; font-style:normal; margin-top:10px; } .tabs h3 { margin:3px; color:#CCCCCC; font:normal Verdana, Arial, Helvetica, sans-serif; text-align:left; font-family:serif; font-size:1.5em; } I'm about to go off my nut trying to figure this out and any help would be appreciated beyond words! -Carl

admin edited the post and wiped the link. Props to admins for their quick response! It was some sort of worm/rogue rootkit....by the time AVG caught it it was all over! Tried to install something called Security Essentials. I think I got rid of it from my system but hijackthis is still reporting a few issues. -Carl

WARNING...DO NOT click on greenbizkit33's site. it contains a virus! He's being reported to admin. -Carl

I seem to be having a bit of trouble getting flowplayer to work on my page the way I'd like it. What I'm trying to do is have it run both flv's as well as mp3's off of an anchor tag. I've got it set up so that videos work, however I'm getting errors when trying to play mp3's. Could somebody please look at the code and tell me what I'm doing wrong? Any help would be greatly appreciated. -Carl <!-- player container--> <a href="controls.flv" style="display:block;width:400px;height:300px;" id="player"> </a> <div id="clips"> <a href="controls.flv">Front panel controls</a> <a href="sample_6.mp3">MP3 audio clip</a> </div> <script> // install Flowplayer inside a#player $f("player", "swf/flowplayer-3.1.5.swf", { clip: { // use baseUrl so we can play with shorter file names, use ../media for local baseUrl: '../media', // use first frame of the clip as a splash screen autoPlay: false, autoBuffering: true } }); // get all links that are inside div#clips var links = document.getElementById("clips").getElementsByTagName("a"); // loop those links and alter their click behaviour for (var i = 0; i < links.length; i++) { links[i].onclick = function() { // play the clip specified in href- attribute with Flowplayer $f().play(this.getAttribute("href", 2)); // by returning false normal link behaviour is skipped return false; } } </script>

OK, I seem to have fixed the glitch. Here's what I did to resolve the problem... In the css file I replaced the following section: #header { height: 95px; width:auto; background: url('img/bg_header.jpg')top; } with this... #header { height: 95px; width:auto; background-image: url(img/bg_header.jpg); background-repeat: repeat-x; } Apparently the "background-repeat:repeat-x;" tag was the wrinkle. Regards; -Carl

In my particular case this would be IE6 and IE7. I don't have a clue how the site performs in IE8 as I don't have it nor do any people that I know. With regard to the haslayout bug. I did a ton of research and couldn't find any sort of definitive way to implement a fix. Every page I found, the authors spent something on the order of 10 paragraphs rambling on about the thing without actually stating any solution. Most of them seem to discuss floated images having the problem. However, in my case, the floated logo displays just fine. It's just the single background image in the header. Is there something on the order of "...add this to your css and it'll tell you if you've got the bug" sort of thing? -Carl

I'm working on a site and it looks fine in firefox, safari, and chrome but when I view it in IE the header graphic is hidden. I'm at a complete loss as to what might be wrong or how to fix the issue. Everything else seems to work out just fine. Thanks in advance for any help I can get to resolve this little problem -Carl Here's the site; http://valvetech.byethost14.com/ and here's the css and html snipets that seem to be applicable. /* Undo default HTML styling of common browsers */ a:link, a:visited {text-decoration:none; color:#aaa; font-weight:bold} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {text-decoration:none; color:#1c4851} ul, ol {list-style:none} img {border:none} /* root element for background and other base formatting */ body { background: black; color: white; text-align: center; margin: 0; font: normal 11px/15px verdana,serif; } /* wrapper div fir IE and window resize */ #doc { background-color: #500000; width: 950px; height: auto; margin: 10px auto auto auto; border: 1px solid; text-align: left; } /* Header */ #header { height: 95px; width:auto; background: url('img/bg_header.jpg')top; } .logo { width: 366px; border:none; height: 85px; padding: 20px 0px 10px 20px; float: left; display: inline; position: relative } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Carl's dynamic site v2.3 - Welcome Page</title> <script type="text/javascript" src="js/jquery.tools.min.js"></script> <script type="text/javascript" src="js/iehover.js"></script> <link rel="stylesheet" media="screen" href="stylesheet0.css" type="text/css"/> </head> <body> <div id="doc"><!-- start doc division --> <div id="header"><!-- start header division --> <div class="logo"><!-- start div logo --> <a href="index.html"><img src="img/trans1.gif" alt="my logo"></img></a> </div><!-- end div logo --> <ul id="navbar"><!-- start menu --> <li><a href="index.html">Home</a></li><!-- Menu item 1 --> <li><a href="products.html">Products</a><!-- Menu item 2 --> <ul> <li><a href="vm452.html">Vintage/Modern 452</a></li><!-- sub-item 21 --> <li><a href="crossfire.html">Crossfire</a></li><!-- sub-item 22 --> <li><a href="banshee.html">Banshee 50</a></li><!-- sub-item 23 --> </ul></li> <li><a href="ordering.html">Ordering</a><!-- Menu item 4 --> <ul> <li><a href="#">Inventory</a></li><!-- sub-item 41 --> <li><a href="#">Custom Shop</a></li><!-- sub-item 42 --> <li><a href="#">Dealers</a></li> </ul></li> <li><a href="services.html">Services</a></li><!-- Menu item 3 --> <li><a href="support.html">Support</a></li><!-- Menu item 5 --> <li><a href="contact.html">Contact</a></li><!-- Menu item 6 --> </ul><!-- end div navbar --> </div><!-- end header division -->

Ok, I did some major rework on the site. How does it look now? I've got some css issues with regard to IE not displaying the banner image but that's a different question that I think I'll ask about in the css section of the forum. http://valvetech.byethost14.com/ Thanks in advance. -Carl

Ok, I applied several of the changes suggested and visually I think MrAdams was right on a few points at least. I changed up the logo a bit and made it transparent as well as losing the square container. And it does seem a bit more crisp for lack of a better way to put it. I'm not exactly sold on having the black section slice right through the middle of the name, so I may have to either get a strip of black all the way across the bottom of the header or maybe make a mirror image of the top left corner to resolve that. As to the color scheme not quite working right I've had concerns about that for a while. Every combination I've tried doesn't seem quite right somehow. Hopefully, somebody will pipe in with a few suggestions. To ignace; I chomped through a TON of errors and I think I've killed most of them. the only ones left it seems are an error for a script that I can't seem to figure out how to resolve, as well as an attribute in the logo where i set border=0 to kill the purple box around the link. Again, I've been unable to figure out how to iron that one out as well. With regard to tabbed browsing, I don't have a clue how to get that going. It took me a month just to figure out how to make the horizontal subs to even work at all. And generally to everybody that's given me input, thank you all very much! I think it's starting to get much better with everybodys suggestions. Rregards; -Carl

I know it's invalid. I ran it through the validator more times than I can count and every time I fix one thing it flags two new issues. One step forward and two steps back....really annoying! A gent told me a while ago that if I used xhtml transitional instead of strict it'd be much easier to fix but might cause IE to produce some unexpected behavior. But yes, it's a problem that I'm aware of and really should be addressed. Ok, so I would need to change the titles on each page to home, products, services, etc? That's odd. The links are supposed to show up as white on blue. Looks fine locally on firefox and IE6. Had a few friends look at as well, and this issue never came up. Maybe it's related to issue #1 in some way. I'm not totally sure I understand what you mean by this comment. Every page should be accessible from every other page. Thanks for the commentary so far. It should be fairly clear that I'm NOT a professional web designer, and info like this is infinitely valuable to getting this site right. -Carl

Hi, I've got a site for my business in the development stages and it would be greatly appreciated if you good folks would check it out and let me know what you think. I'd like to get input on the layout, colors, ease of navigation, how it looks on different platforms, and things of that sort. And please DO nitpick the daylights out of it! Don't worry so much about the actual content as it's mostly fluff and filler. When it's "ready for prime time" the real info will be added as necessary. Site: http://valvetech.byethost14.com/ Thanks in advance; -Carl

Ok, I'm going to close this out as resolved. But before I do, I thought I'd post the html and css code to show how I managed to get things working properly. I don't really know why or how it works but it does and really that's all that matters so here's the solution and maybe it'll help somebody else out that may have a similar problem. Be well and thanks for having a great forum available! -Carl html <div id="menu"><!-- start menu --> <ul id="navbar"> <li><a href="index.html">Home</a></li> <!-- Menu item 1 --> <li><a href="products.html">Products</a> <!-- Menu item 2 --> <ul> <li><a href="vm452.html">Vintage/Modern 452</a></li> <!-- sub-item 21 --> <li><a href="crossfire.html">Crossfire</a></li> <!-- sub-item 22 --> <li><a href="banshee.html">Banshee 50</a></li> <!-- sub-item 23 --> </ul> </li> <li><a href="services.html">Services</a></li> <!-- Menu item 3 --> <li><a href="ordering.html">Ordering</a> <!-- Menu item 4 --> <ul> <li><a href="#">Inventory</a></li> <!-- sub-item 41 --> <li><a href="#">Custom Shop</a></li> <!-- sub-item 42 --> </ul> </li> <li><a href="support.html">Support</a></li><!-- Menu item 5 --> <li><a href="contact.html">Contact</a></li><!-- Menu item 6 --> </ul> </div><!-- end menu --> css style sheet: /* Menu */ #menu { width: 632px; height: 53px; background: url('img/bg_menu.gif') repeat-x top left; float: right; display: inline; } #navbar { position: absolute; margin: 0; padding: 0; } #navbar li { list-style: none; float: left; } #navbar li a { display: block; margin: 27px 0 0 0; padding: 3px 8px; text-transform: none; text-decoration: none; color: black; /* normal state main list items */ outline: none; font-size: 14px; font-weight: bold; } #navbar li a:hover { color: red; /* over state main list items */ outline: none; } #navbar li ul { display: none; } #navbar li:hover ul, #navbar li.hover ul { position: absolute; display: inline; left: 0; width: 100%; margin: 0; padding: 0 0 75px 0; font-size: 11px; /* normal state of sub-group items */ } #navbar li:hover li, #navbar li.hover li { float: left; } #navbar li:hover li a, #navbar li.hover li a { margin: 15px 0 0 0; color: white; outline: none; } #navbar li li a:hover { color: aqua; /* over state of sub-group items */ font-size: 16px; font-weight: bold; text-transform: uppercase; }

Alrighty!!!!!!! The basics seem to be working right. I'll play with this and see what I can come up with. Many thanks -Carl

thanks for a crazy fast reply! Unless I screwed something up which is quite within the realm of possibility, it seems that solution cascades the menu list vertically, then creates another vertical sub-menu that moves out horizontally. What I'm trying to do is, and I hope I'm not doing a poor job of explaining this, is that if I mouse over say "products" it creates a dropdown that spills out horizontally if that makes any sense. Something like this (wow I hate doing things in ASCII) but I don't have any sort of screen shot..... Products | fender marshall peavy Mesa Boogie Or if you want a live example you can always go to http://www.forbes.com to get an idea of where I'm trying to go with this. Thanks soo much in advance! -Carl

Hello, this is my first post on what seems like quite a helpful forum. Salutations aside, I'm having problems controlling a horizontal inline drop down sub-menu. What I'm trying to accomplish is to get a sub-menu to appear on menu hover that stretches horizontally across the lower section of the menu bar. I don't know if I have my id's or list orders screwed up somehow but it's giving me fits and I can't seem to solve the problem. I'm pretty green with working on html and css so exhaustive explainations might not be a bad thing. Here's the live site with as much as I have functional at this point.... http://valvetech.byethost14.com/ it's a free hosting site so if there's any malicious that I'm unaware of please accept my appologies. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Carl's dynamic site v1.0</title> <!-- default set of jQuery Tools + jQuery 1.3.2 --> <script src="js/jquery.tools.min.js"></script> <link rel="stylesheet" media="screen" href="stylesheet.css" /> </head> <body> <div id="wrapper"><!-- makes page behave during browswer resize --> <!-- start page content --> <div id="header"><!-- header section including navigation tabs etc starts here. --> <div id="logo"><a href="index.html"><img src="img/logo1.gif" width="318" height="85" /></a></div><!-- logo --> <div id="menu"><!-- start menu --> <ul> <li><a href="index.html" id="active">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Services</a></li> <li><a href="support.html">Support</a></li> <li><a href="ordering.html">Ordering</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div><!-- end menu --> <div id="sub-menu">Div id=sub-menu. Products 1 products 2 service 1 service 2 etc</div><!-- sub-menu --> </div><!-- end id=header --> <p>The way Id like the menu to perform is that the main list items as outlined below would be sitting on the menu bar, then have the ordered list as shown below display inline across the division id "sub-menu"</p> <br> <br> <ul> <li><a href="index.html">Home</a></li> <li><a href="products.html">Products</a> <ol> <li><a href="#">Fender</a></li> <li><a href="#">Marshall</a></li> <li><a href="#">Peavy</a></li> <li><a href="#">Mesa-Boogie</a></li> </ol> </li> <li><a href="services.html">Services</a> <ol> <li><a href="#">Repairs</a></li> <li><a href="#">Modifications</a></li> <li><a href="#">Lessons</a></li> <li><a href="#">Rentals</a></li> </ol> </li> <li><a href="support.html">Support</a></li> <li><a href="ordering.html">Ordering</a> <ol> <li><a href="#">Inventory</a></li> <li><a href="#">Custom Designs</a></li> </ol> </li> <li><a href="contact.html">Contact</a></li> </ul> </div><!-- end wrapper division --> </body> </html> the css stylesheet... /* Global white space reset */ * {padding:0; margin:0} h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:0 10px} li, dd {margin-left:15px} fieldset {padding:6px} /* Undo default HTML styling of common browsers */ a:link, a:visited { text-decoration:none; color:#aaa; font-weight:bold } h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited { text-decoration:none; color:#1c4851 } ul, ol { list-style:none } img { border:none } /* root element for background and other base formatting */ body { background: #000 url('img/bg_general.gif') no-repeat top center; color:white; text-align:center; margin:0; font:normal 11px/15px verdana,serif } /* wrapper div fir IE and window resize */ #wrapper { width:998px; height:auto; margin:0 auto -95px auto; text-align:left } /* Header */ #header { height:150px } #logo { width:366px; height:85px; padding:20px 0 10px 0; /* first digit adjusts vertical height */ background:url('img/bg_menu_starter.gif') no-repeat top right; float:left; display:inline; position:relative } #sub-menu { width:632px; height:31px; float:right; display:inline; padding:15px 0 0 0; text-align:left; color:white } /* Menu */ #menu { width:632px; /* defines the width of the background image behind the menu buttons */ height:53px; background:url('img/bg_menu.gif') repeat-x top left; float:right; display:inline } #menu ul { padding:20px 0 20px 17px; margin:0 } #menu li { display:inline; list-style:none; margin:0 16px 0 0; /* second digit spacing between menu buttons */ font:bold 13px verdana,serif } #menu ul li a:link, #menu ul li a:visited { padding:5px 7px; color:#000; border:2px solid #003399; background:#fff } #menu ul li a:hover, #menu ul li a #active, #menu ul li a:active { color:#fff; border:2px solid #ff3333; background:#000; text-decoration:none } /* root element for content formatting */ #content { background-color: #282627; background-repeat: no-repeat; border: 2px solid #999; margin: 200px 20px 0px 20px; /* shifts top right bottom left respectively */ padding: 0px; height: auto; color: white; } html>body #content { heigth: auto; /* reinforcement tag for old browsers...I think */ }