michaelguild13
-
Posts
19 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by michaelguild13
-
-
you dont need to be sorry, you where right the first time. Is there a program or anything relating to php that you would recommend for a beginner?Ah, very tricky. Sorry about that one. -
thx!No. The $message variable continues on down below to print out an entire HTML block. Leave it as is except for the one semicolon before the message. -
THX!!Change:$subject = 'Confirmation'$message = '<table width="388" border="0" align="center" cellpadding="0" cellspacing="0" class="BodyPagraph">
To:
$subject = 'Confirmation';$message = '<table width="388" border="0" align="center" cellpadding="0" cellspacing="0" class="BodyPagraph">
However this is only one of many problems. When I run it I get 12 notices, 1 Debug warning, and 2 strict errors. I will edit this post when I fix the problems.
my eyes cant focus any more
-
Hi, I am new to php and mysql and have been having trouble with this emaler form which I've been working on. if anyone could help me with this, you would be a lifesaver (my eyes are killing me).This is the subscription page:http://www.mmacdc.com/subscribe.phpThis is the Thankyou page which is giving me errors:http://www.mmacdc.com/thankyou.phpit says that the error is located in line 66 but I dont see anything.....This is the code for the Thankyou Page:
<!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></title><script type="text/JavaScript"><!--function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;}function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}}function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}}//--></script></head><body onload="MM_preloadImages('images/buttons/about_over.jpg','images/buttons/current_over.jpg','images/buttons/subscribe_over.jpg','images/buttons/advertise_over.jpg','images/buttons/contact_over.jpg')"><?php //**************MAIN MENU**************** SaveData(); //EmailRSVP(); //EmailClient(); function SaveData(){ $tDate = date("m\/d\/Y"); $bFName = $_POST["FirstName"]; $bMName = $_POST["MiddleName"]; $bLName = $_POST["LastName"]; $rFullName = $bFName. " " .$bMName." " .$bLName; $bAdd = $_POST["Address"]; $bCity = $_POST["City"]; $bState = $_POST["State"]; $bZip = $_POST["Zipcode"]; $bCountry = $_POST["Country"]; $bTel = $_POST["Tel"]; $bFax = $_POST["Fax"]; $bEmail = $_POST["Email"]; $sMail = "michael@trivision.tv"; //$sMail = "admin@trivision.tv"; //Process Email Registration $to = $sMail; $subject = 'Confirmation' $message = '<table width="388" border="0" align="center" cellpadding="0" cellspacing="0" class="BodyPagraph"> <tr> <th align="right" valign="middle" scope="row">DATE:</th> <td>'.$tDate.' </td> </tr> <tr> <th align="right" valign="top" scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th width="40%" align="right" valign="top" scope="row"><div align="right"><span class="style1">*</span>FIRST NAME:</div></th> <td width="2%"> </td> <td>'.$bFName.'</td> </tr> <tr> <th align="right" valign="top" scope="row"><div align="right">MIDDLE NAME:</div></th> <td> </td> <td>'.$bMName.'</td> </tr> <tr> <th align="right" valign="top" scope="row"><span class="style1">*</span>LAST NAME </th> <td> </td> <td>'.$bLName.'</td> </tr> <tr> <th width="40%" align="right" valign="top" scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th colspan="3" align="right" valign="top" scope="row"><div align="center"><br /> BILLING ADDRESS <br /> </div></th> </tr> <tr> <th width="40%" align="right" valign="middle" scope="row"><div align="right"><span class="style1">*</span>Street Address:</div></th> <td width="2%"> </td> <td>'.$bAdd.'</td> </tr> <tr> <th align="right" valign="middle" scope="row"><span class="style1">*</span>City:</th> <td width="2%"> </td> <td>'.$bCity.'</td> </tr> <tr> <th align="right" valign="middle" scope="row"><span class="style1">*</span>State/Province:</th> <td width="2%"> </td> <td>'.$bState.'</td> </tr> <tr> <th align="right" valign="middle" scope="row"><span class="style1">*</span>Zip/Postal Code:</th> <td width="2%"> </td> <td>'.$bZip.'</td> </tr> <tr> <th align="right" valign="middle" scope="row"><span class="style1">*</span>Country:</th> <td width="2%"> </td> <td>'.$bCountry.'</td> </tr> <tr> <th width="40%" align="right" valign="middle" scope="row"><div align="right"><span class="style1">*</span>TEL:</div></th> <td width="2%"> </td> <td>'.$bTel.'</td></td> </tr> <tr> <th align="right" valign="middle" scope="row"><div align="right">FAX:</div></th> <td> </td> <td>'.$bFax.'</td> </tr> <tr> <th width="40%" align="right" valign="middle" scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th width="40%" align="right" valign="middle" scope="row"><div align="right"><span class="style1">*</span>E-MAIL:</div></th> <td width="2%"> </td> <td>'.$bEmail.'</td> </tr> <tr> <th width="40%" align="right" valign="top" scope="row"><div align="right"></div></th> <td width="2%"> </td> <td> </td> </tr> <tr> <th align="right" valign="top" scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th align="right" valign="top" scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th height="12" colspan="3" align="right" valign="top" scope="row"><div align="right"></div></th> </tr> <tr> <th colspan="3" align="right" valign="top" scope="row"> </th> </tr> </table>'; // To send HTML mail, the Content-type header must be set $headers = 'MIME-Version: 1.0' . "\r\n"; $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; // Additional headers $headers .= 'From: '.$rFullName.'<'.$bEmail.'>' . "\r\n"; //$headers .= 'Cc: @trivisionnet.com' . "\r\n"; //$headers .= 'Bcc: Admin <@trivision.tv>' . "\r\n"; // Mail it mail($to, $subject, $message, $headers); }?><table width="409" border="0"cellpadding="0" cellspacing="0" bgcolor="#FFFFFF"> <tr> <td align="left" valign="top"><div align="center"><br /> <span header_1"><strong>THANK YOU</strong></span><br /> <br /> </div></td> </tr> <tr> <td align="left" valign="top"><table width="388" border="0" align="center" cellpadding="0" cellspacing="0" BodyPagraph"> <tr> <th height="15" align="right" valign="top" background="images/payment_bck.jpg" scope="row"> </th> <td height="15" background="images/payment_bck.jpg"> </td> <td height="15" background="images/payment_bck.jpg"> </td> </tr> <tr> <th colspan="3" align="right" valign="top" scope="row"><div align="left"> <p align="justify">Dear Sir/Madame: <br /> <br /> Thank you for subscrbing with us today <span style1"> <?php $today = getdate(); echo $today['month']; echo " "; echo $today['mday']; echo ", "; echo $today['year'];?> </span>. <br /> <br /> <br /> For payment confirmation inquiries or subscription status, please contact:<br /> <br /> <br /> </p> </div></th> </tr> <tr> <th colspan="3" align="right" valign="top" scope="row"> </th> </tr> <tr> <th align="right" valign="middle" scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th align="right" valign="middle" scope="row"> </th> <td> </td> <td> </td> </tr> <tr> <th colspan="3" align="right" valign="middle" scope="row"><div align="left">Please check your email account <span style3"><?php echo $_POST["Email"]; ?></span></div></th> </tr> <tr> <th width="40%" align="right" valign="top" scope="row"><div align="right"> </div></th> <td width="2%"> </td> <td><input name="Return" type="button" id="Return" value="Close" tabindex="16" onclick="java script:window.close();" /></td> </tr> </table> <p BodyPagraph"> </p></td> </tr> </table></body></html> -
For your first website, its pretty good ^__^ !Before you design, research a little on color theory and layout.check out monstertemplate.com for layout ideas. The bubbled look is kind of over done, unless you have a balance of image shape and etc. If you can study on design (direction,balance, positive/negative space, and etc.)• one problem that occured with me is that your layout isn't aligned in IE7. make sure your code is xml strict and that it validates. knowing the code and using them correctly can fix most of the compatability issues with different browsers.good luck and have fun with it!Hi,I am doing this site for a maritime organization.It's not completed as yet--> It's just 5 days of work so far.CLICK HERE FOR THE SITEAnyway- I just wanted to hear what you think of it so far.Don't try to soften the blows- just yell it out!Any suggestions, comments, critiques?ps- This is actually my first professional site, so i neeeed to impress! (I was asked- so why turn it down? )thx -
how do i flush the top dropdown menu to the above text. I cant figure it outhere's the 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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style>/*MENU*/#menu {list-style-type:none; margin-bottom:0; padding:0;}#menu li {display:block; float:right; position:relative; margin-bottom:0; z-index:100; margin-right:1px;}#menu li span {display:block; z-index:100;margin-bottom:0; padding: 0px 0px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize;}#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0;filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.80; opacity:0.7; }* html #menu dl {}#menu dt {margin:0; font-size: 11px; float:left; font-family:Verdana;text-transform:capitalize; position:relative; color: #000;}#menu dd {display:none; background:#fff; clear:left; margin:0; padding:0; color: #000; font-size: 1em; text-align:left;}#menu dt a, #menu dt a:visited {display:block; color:#666666; padding: 0px 0px; text-decoration:none;}#menu dd a, #menu dd a:visited {color:#FFFFFF; text-decoration:none; display:block; padding: 5px 4px;font-family:Verdana; font-size:11px;}#menu li a:hover {border:0; text-decoration:none;}#menu li:hover dd, #menu li a:hover dd {display:block;}#menu li:hover dl, #menu li a:hover dl {padding-bottom:0px;}#menu dd a:hover {background:transparent url(js/opaque_black.gif);}</style></head><body><table width='68%' border='0' cellspacing='0' cellpadding='0'> <tr><td><strong><ul id="menu"><li><span>Demos</span><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--><dl> <dt><a href="menu/index.html">Demos</a></dt> <dd><a href="menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></dd> <dd><a href="menu/embed.html" title="Wrapping text around images">wrapping text</a></dd> <dd><a href="menu/form.html" title="Styling forms">styled form</a></dd> <dd><a href="menu/nodots.html" title="Removing active/focus borders">active focus</a></dd> <dd><a href="menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></dd> <dd><a href="menu/old_master.html" title="Image Map for detailed information">image map</a></dd> <dd><a href="menu/bodies.html" title="fun with background images">fun with backgrounds</a></dd> <dd><a href="menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></dd> <dd><a href="menu/em_images.html" title="em size images compared">em sized images</a></dd></dl><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><span>Menu Items</span><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--><dl> <dt><a href="index.html">Menu Items</a></dt> <dd><a href="spies.html" title="a coded list of spies">spies menu</a></dd> <dd><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></dd> <dd><a href="expand.html" title="an enlarging unordered list">enlarging list</a></dd> <dd><a href="enlarge.html" title="an unordered list with link images">link images</a></dd> <dd><a href="cross.html" title="non-rectangular links">non rectangular links</a></dd> <dd><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></dd> <dd><a href="circles.html" title="circular links">circular links</a></dd></dl><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><span>Various Layouts</span><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--><dl> <dt><a href="../layouts/index.html">Various Layouts</a></dt> <dd><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></dd> <dd><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></dd> <dd><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></dd> <dd><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></dd> <dd><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width for Internet Explorer</a></dd></dl><!--[if lte IE 6]></td></tr></table></a><![endif]--></li><li><span>Mozilla and other Browsers</span><!--[if lte IE 6]><a href="#nogo"><table><tr><td><![endif]--><dl> <dt><a href="../mozilla/index.html">Mozilla and other Browsers</a></dt> <dd><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></dd> <dd><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></dd> <dd><a href="../mozilla/content.html" title="Using content:">content:</a></dd> <dd><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></dd> <dd><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></dd> <dd><a href="../mozilla/snooker.html" title="Snooker cue">a border art snooker cue</a></dd> <dd><a href="../mozilla/target.html" title="Target Practise">target practise</a></dd></dl><!--[if lte IE 6]></td></tr></table></a><![endif]--></li></ul></strong></td></tr> <tr> <td><img src="img/icon_flash.jpg" width="644" height="219" /></td> </tr></table></body></html>
-
I hear you, thanks again.It really shouldn't be too tough. If you copy your current sheet and use it for IE, then all you have to do is play with the numbers in the dropdown ID. The rest you can leave alone.With IE, it's anyones guess as to what will and won't work. -
I noticed the same thing. I still think there might be a way for me to get the result I would like...but most likely I will prob do what you saidIt looks like an IE deal. It renders fine in Fire Fox.I would set up another style sheet for IE. That way you can adjust your numbers to make it work without goofing anything up in your other style sheet.For now, I would just copy your current style sheet and rename it something else for IE, then make the adjustments.Read this post, it will help you get set up.http://w3schools.invisionzone.com/index.php?showtopic=10050, thx sam
-
Hi I am having difficulty flushing my top drop down buttons to the content image. I've tryed valignment, margin and etc. I cant think of anything now to why it wont move... If anyone could please take a look at this and make a suddgestion, that would be great ^__^http://trivision.tv/demo/ here is the css for my drop down menu.#menu {list-style-type:none; margin-bottom:0; padding:0;}#menu li {display:block; float:right; position:relative; margin-bottom:0; z-index:100; margin-right:1px;}#menu li span {display:block; z-index:100;margin-bottom:0; padding: 0px 0px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize;}#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0;filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.80; opacity:0.7; }* html #menu dl {}#menu dt {margin:0; font-size: 11px; float:left; font-family:Verdana;text-transform:capitalize; position:relative; color: #000;}#menu dd {display:none; background:#fff; clear:left; margin:0; padding:0; color: #000; font-size: 1em; text-align:left;}#menu dt a, #menu dt a:visited {display:block; color:#666666; padding: 0px 0px; text-decoration:none;}#menu dd a, #menu dd a:visited {color:#FFFFFF; text-decoration:none; display:block; padding: 5px 4px;font-family:Verdana; font-size:11px;}#menu li a:hover {border:0; text-decoration:none;}#menu li:hover dd, #menu li a:hover dd {display:block;}#menu li:hover dl, #menu li a:hover dl {padding-bottom:0px;}
-
lol Ive had a long weekPossibly and it's firefox not foxfire
-
it is probibliy my foxfire settings then... arg :)but I believe all of my foxfire settings are set to defaultThey seem the same size to me. I tested with Firefox 2 and IE 7. -
After looking at code all day my eyes are a little retarded, thx. that worked. Now, I still have that problem with the text being doubbled spaced in foxfireand the problem with the background transparent gif in explorer.I believe it's your menus margin.#menu {list-style-type:none; margin:0 0 100px 0; padding:0;}You set a margin of 100px at the bottom. -
here is my CSSbody{margin-left:0; margin-top:0; margin-right:0; margin-bottom:0;}.content{color:#666666;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}.header{color:#999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:25px;}.copyright{color:#999999;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;}a.black_link:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 10px;}a.black_link:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 10px;}a.black_link:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; font-size: 10px;}a.bottom:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; font-size: 9px;}a.bottom:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#999999; text-decoration:none; font-size: 9px;}a.bottom:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 9px;}a.NewLink:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 10px;}a.NewLink:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 10px;}a.NewLink:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; font-size: 10px;}a.top:link{ color:#666666; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10px;}a.top:visited{ color:#666666; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10px;}a.top:hover{ color:#666666; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; font-size: 10px;}a.red:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.red:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.red:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#FF0000; text-decoration:none; font-size: 11px;}a.green:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.green:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.green:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#85B820; text-decoration:none; font-size: 11px;}a.blue:link{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size: 11px;}a.blue:visited{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; font-size:11px;}a.blue:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#077FCE; text-decoration:none; font-size: 11px;}a.blue:hover{ font-family: Verdana, Arial, Helvetica, sans-serif; color:#077FCE; text-decoration:none; font-size: 11px;}.style1 {font-size: 9px}img{border:none;}.Spacer1px{font-size:1px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer2px{font-size:2px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer4px{font-size:4px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer9px{font-size:9px;font-family: Verdana, Arial, Helvetica, sans-serif;}.Spacer10px{font-family: Verdana, Arial, Helvetica, sans-serif;font-size:10px;}.Spacer11px{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}/*MENU*/#menu {list-style-type:none; margin:0 0 100px 0; padding:0;}#menu li {display:block; float:left; position:relative; z-index:100; margin-right:1px;}#menu li span {display:block; z-index:100; padding: 5px 4px;font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:capitalize;}#menu li a, #menu li a:visited {display:block; padding:0; white-space:nowrap;}#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; background:transparent url(js/opaque.png);}* html #menu dl {background:transparent url(js/opaque.gif);}#menu dt {margin:0; font-size: 11px; float:left; font-family:Verdana;text-transform:capitalize;}#menu dd {display:none; background: transparent; clear:left; margin:0; padding:0; color: #fff; font-size: 1em; text-align:left;}#menu dt a, #menu dt a:visited {display:block; color:#666666; padding: 5px 4px; text-decoration:none;}#menu dd a, #menu dd a:visited {color:#FFFFFF; text-decoration:none; display:block; padding: 5px 4px;font-family:Verdana; font-size:11px;}#menu li a:hover {border:0; text-decoration:none;}#menu li:hover dd, #menu li a:hover dd {display:block;}#menu li:hover dl, #menu li a:hover dl {padding-bottom:15px;}#menu dd a:hover {background:transparent url(js/opaque_black.gif);}
-
I am having a problem with foxfire and explorer.In foxfire my dropdown menu jumps up and my text is double spaced.In explorer my hover for my drop down menu only works on every other link.can anyone take a look at this and help me out please.here is the linkhttp://trivision.tv/demo/test.html
my eyes cant focus any more
Pure CSS Image Gallery - help
in CSS
Posted
I am having issues with my image gallery.In FireFox the images move out of place.And, it doesn't really work in IEhere is the link - http://trivision.us/gallery_test.htmland here is the source code, thanks.
<!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>Untitled Document</title><style>#gallery, ul, li {margin:0; padding:0; list-style-type:none; z-index:50;}#gallery img, #gallery img:visited, #gallery img:hover a{ height:70px; width:70px;}#gallery li ul li { display:inline; position:relative; padding: 0 3em 0 3em;}#gallery img:hover, #gallery a:hover {height:150px; width:150px; border:dotted .2em #666;position:absolute; z-index:100;}</style></head><body><ul id="gallery"><li><ul> <li><a href="#"><img src="img/client_web_gallery/aacc.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/acg.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/afc.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/afghan_wireless.jpg" width="150" height="150" border="0" /></a></li></ul></li><li><ul><li><a href="#"><img src="img/client_web_gallery/aml.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/elegance_decor.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/ghs_group.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/iqra.jpg" width="150" height="150" border="0" /></a></li> </ul></li> <li><ul> <li><a href="#"><img src="img/client_web_gallery/killid_group.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/lemar.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/mmacdc.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/omni.jpg" width="150" height="150" border="0" /></a></li> </ul></li> <li><ul> <li><a href="#"><img src="img/client_web_gallery/rana.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/sarak_khumar.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/telephone_sys_internationl.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/vortex.jpg" width="150" height="150" border="0" /></a></li> </ul></li> <li><ul> <li><a href="#"><img src="img/client_web_gallery/washington_mortgage.jpg" width="150" height="150" border="0" /></a></li> <li><a href="#"><img src="img/client_web_gallery/xceed.jpg" width="150" height="150" border="0" /></a></li> </ul></li></ul></body></html>