Alex_McI - Viewing Profile - Web Design Forum

View New Content

Alex_McI's Profile User Rating:

Reputation: 0 Neutral

Group:: Members
Active Posts:: 221 (0.15 per day)
Joined:: 24-April 08
Profile Views:: 4,625
Last Active:: May 24 2012 12:12 PM
Currently:: Offline

My Information

Member Title:: Dedicated Member
Age:: 20 years old
Birthday:: August 7, 1991
Gender:: Male

Contact Information

E-mail:: Private
MSN:: idunno2345@live.co.uk
Website URL:: http://www.twitter.com/mcintosh101

Users Experience

Experience:: Advanced
Area of Expertise:: Designer/Coder

Topics I've Started

Sub menu inheriting background as parent in IE8

23 May 2012 - 12:56 PM

Hi,

I have a problem where my new menu works brilliantly in all browsers except IE (Surprise!)

Can someone PLEASE tell me why it's doing this? I've working at it for so long!

View it in Chrome -> Perfect

View it in Internet Explorer -> Whaa...?

HTML

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>NTA LTD Drop Down Menu</title>
	<meta name="description" content="">
	
	<link rel="stylesheet" href="style.css">
	
	<!-- IE6-8 support of HTML5 elements --> <!--[if lt IE 9]>
	<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <!--[if gte IE 9]>
  <style type="text/css">
    .gradient {
       filter: none;
    }
  </style>
<![endif]-->
	
</head>

<body>
<div id="wrapper">

<nav id="nav">
	<ul id="navigation" class="gradient">
		<li><a href="#" class="first">Home</a></li>
		<li><a href="#">Business VoIP &raquo;</a>
			<ul>
				<li><a href="#">UK Numbers</a></li>
				<li><a href="#">Business VoIP</a></li>
				<li><a href="#">Features</a></li>					
				<li><a href="#">SIP Trunking</a></li>
				<li><a href="#">Skype IT</a></li>
				<li><a href="#">SMS</a></li>
				<li><a href="#">Hospitality VoIP Suite</a></li>
				<li><a href="#">Tarrifs</a></li>
				<li><a href="#">Telephones</a></li>
			</ul>
		</li>
		<li><a href="#">Mobile VoIP &raquo;</a>
			<ul>
				<li><a href="#">Business Mobile VoIP</a></li>
				<li><a href="#">Features</a></li>
				<li><a href="#">Coverage</a></li>
				<li><a href="#">How It Works</a></li>
				<li><a href="#">Tariffs</a></li>
			</ul>				
		</li>
		<li><a href="#">Business Broadband &raquo;</a>
			<ul>
				<li><a href="#">ADSL</a></li>
				<li><a href="#">FTTC</a></li>
				<li><a href="#">Multi Talk</a></li>
			</ul>
		</li>
		<li><a href="#">Service &raquo;</a>
			<ul>
				<li><a href="#">Managed Service</a></li>
				<li><a href="#">Support</a></li>
				<li><a href="#">Q&A</a></li>
			</ul>
		</li>
		<li><a href="#" class="last">NTA LTD &raquo;</a>
			<ul>
				<li><a href="#">About</a></li>
				<li><a href="#">Contact</a></li>
				<li><a href="#">Partner</a></li>
				<li><a href="#">News</a></li>
				<li><a href="#">Acceptable Use Policy</a></li>
				<li><a href="#">Privacy Policy</a></li>
				<li><a href="#">Terms of Use</a></li>
				<li><a href="#">T&C</a></li>
				<li><a href="#">Code Of Practice</a></li>
			</ul>
		</li>
	</ul>
</nav>

</div><!--end wrapper-->
	
</body>
</html>

CSS:

/* css reset - makes the layout looking good in all browsers */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }
body {
	line-height: 1; 
	font:12px/20px Arial;
	background:#e0f3ff url(bg.png) repeat scroll 0 0;
	}
ol, ul {
	list-style: none; }

/* Main Styles */	
	
#wrapper{
	width:1000px;
	margin:0 auto;
	margin-top:100px;
}

#nav {
	position:relative;
	width:1000px;
	margin:0 auto;
}

ul#navigation {
	margin:0px auto;
	position:relative;
	float:left;
	border-left:1px solid #c4dbe7;
	border-right:1px solid #c4dbe7;
}

ul#navigation li {
	display:inline;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:0;
	float:left;
	position:relative;
	border-top:1px solid #c4dbe7;
	border-bottom:2px solid #c4dbe7;
	width: 166px;
	
}


ul#navigation li a{
	padding:10px 12px;
	color:#fff;
	text-shadow:1px 1px 0px #000;
	font-size: 13px;
	text-decoration:none;
	display:inline-block;
	border-right:1px solid #fff;
	border-left:1px solid #C2C2C2;
	border-top:1px solid #fff;
	width: 140px;
	text-align: center;

	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	

background: #1d97c3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzFkOTdjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWM1ZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1d97c3 1%, #75c5e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1d97c3), color-stop(100%,#75c5e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1d97c3 1%,#75c5e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1d97c3 1%,#75c5e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1d97c3 1%,#75c5e0 100%); /* IE10+ */
background: linear-gradient(top,  #1d97c3 1%,#75c5e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d97c3', endColorstr='#75c5e0',GradientType=0 ); /* IE6-8 */


}

ul#navigation li a:hover {
	background:#f8f8f8;
	color:#282828;
}


ul#navigation li:hover > a {
	background: #f8f8f8;
}

/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
	visibility:visible;
	opacity:1;
	background:#f8f8f8;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
	visibility:hidden;
    position: absolute;
    z-index: 99999;
	background:#f8f8f8;
	box-shadow:1px 1px 3px #ccc;
	opacity:0;
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 
	width: 166px;	
	
}

ul#navigation ul {
    top: 43px;
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px;
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #c9c9c9;
}

ul#navigation ul li a {
	background: #f5f5f5;
	padding:7px 15px;
	color:#616161;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;

}

ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;

}

wordpress upgrade broke website

12 September 2011 - 12:53 PM

On this website, right here I tried to upgrade the wordpress version and it seems to of broken the website...

Does anyone know what is wrong?

As far as I can tell it won't load anything past the Header although there are no PHP errors (According to dreamweaver) is there a certain code that could be present that no longer works? Or is this something else?

Thank you in advance!

HTML Email problems in outlook

11 August 2011 - 09:45 AM

Hi people! I have a problem where my newsletter template will not display properly, what I end up with is this when it should look like http://www.tubetech.com/newsletter

does anyone know what is happening?

The code for it is as follows:

<html>
<head>
<title>Tubetech Newsletter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 <style media="all" type="text/css">
  table td {
    border-collapse: collapse;
  }
  </style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-1) -->
<table id="Table_01" width="1115" height="924" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="8">
			<a href="http://www.tubetech.com"
				onmouseover="window.status='Tube Tech';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://www.tubetech.com/newsletter/images/banner.jpg" width="1115" height="89" border="0" alt="Tube Tech"></a></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="http://www.tubetech.com/newsletter/images/Tubetech-Newsletter-template_02.jpg" width="121" height="834" alt=""></td>
		<td>
			<a href="http://www.tubetech.com"
				onmouseover="window.status='Click to be taken to Tube Tech\'s Home Page';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://www.tubetech.com/newsletter/images/home.jpg" width="191" height="31" border="0" alt="Tubetech Homepage"></a></td>
		<td>
			<a href="http://www.tubetech.com/services"
				onmouseover="window.status='Click to see our services';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://www.tubetech.com/newsletter/images/services.jpg" width="190" height="31" border="0" alt="Services"></a></td>
		<td colspan="2">
			<a href="http://www.tubetech.com/case-studies"
				onmouseover="window.status='Click to see Tubet Techs Case Studies';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://www.tubetech.com/newsletter/images/case_studies.jpg" width="243" height="31" border="0" alt="Case Studies"></a></td>
		<td colspan="2">
			<a href="http://www.tubetech.com/contact"
				onmouseover="window.status='Contact Tube Tech ';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://www.tubetech.com/newsletter/images/contact.jpg" width="236" height="31" border="0" alt="Contact Tubetech"></a></td>
		<td rowspan="4">
			<img src="http://www.tubetech.com/newsletter/images/Tubetech-Newsletter-template_07.jpg" width="134" height="834" alt=""></td>
	</tr>
	<tr>
		<td width="860" height="645" colspan="6" align="left" valign="top" style="padding:10px;">
        
        <h2 style="font-family:Arial, Verdana, sans-serif;"><font color="#376B98">Innovative Cleaning Techniques to Assist the Petrochemical Industry</font></h2>
        
<p style="font-family:Arial, Verdana, sans-serif;">To help prevent unplanned shutdowns, to improve the efficiency of your heat transfer equipment and to solve your 'seemingly impossible' cleaning challenges contact Tube Tech International on   <strong>Tel: +44 (0)1268 786999.</strong></p>
<p style="font-family:Arial, Verdana, sans-serif;">The following case studies will provide you with examples of the challenges we have solved across the world:-
<ul style="font-family:Arial, Verdana, sans-serif;">
<li><a href="http://www.tubetech.com/case-studies/petrochemical-case-studies/fused-polymer-removed-from-mixing-vessel">Fused Polymer Removed from Mixing Vessel</a></li>
<li><a href="http://www.tubetech.com/case-studies/petrochemical-case-studies/waste-heat-transfer-pipe-unblocked-quickly">Waste Heat Transfer Pipe Unblocked Quickly</a></li>
<li><a href="http://www.tubetech.com/case-studies/petrochemical-case-studies/vessel-cleaning-2-5-tonnes-of-solid-styrene-removed">2.5 tonnes of Solid Styrene Removed from Vessel</a></li>
<li><a href="http://www.tubetech.com/case-studies/petrochemical-case-studies/vertical-falling-film-evaporator-cleaning-system-improves-safety">Vertical Falling Film Evaporator Cleaning Improves Safety</a></li>
<li><a href="http://www.tubetech.com/case-studies/petrochemical-case-studies/methanol-reboiler-unblocked-descaled-cleaned-using-safe-trak">Methanol Reboiler Unblocked, Descaled and Cleaned Using Safe-Trak</a></li>
<li><a href="http://www.tubetech.com/case-studies/petrochemical-case-studies/ethylene-dichloride-heater-shell-side-cleaning">Severe Fouling Removed from Shell Side  of Ethylene Dichloride Heater</a></li>
</ul></p>
<p style="font-family:Arial, Verdana, sans-serif;">
Whatever your challenge the team at Tube Tech will have the technology and techniques to assist you.
<br /><br />Call us today on <strong>Tel: +44 (0)1268 786999</strong></p>

<p style="font-family:Arial, Verdana, sans-serif;"><a href="http://www.tubetech.com" title="Go to TubetTech">www.tubetech.com</a></p>

      
        </td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="http://www.tubetech.com/newsletter/images/Tubetech-Newsletter-template_09.jpg" width="451" height="158" alt=""></td>
		<td colspan="2">
			<a href="mailto:info@tubetech.com"
				onmouseover="window.status='Email Tubetech';  return true;"
				onmouseout="window.status='';  return true;">
				<img src="http://www.tubetech.com/newsletter/images/email.jpg" width="250" height="28" border="0" alt="Email Tubetech"></a></td>
		<td rowspan="2">
			<img src="http://www.tubetech.com/newsletter/images/Tubetech-Newsletter-template_11.jpg" width="159" height="158" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="http://www.tubetech.com/newsletter/images/Tubetech-Newsletter-template_12.jpg" width="250" height="130" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="121" height="1" alt=""></td>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="191" height="1" alt=""></td>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="190" height="1" alt=""></td>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="70" height="1" alt=""></td>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="173" height="1" alt=""></td>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="77" height="1" alt=""></td>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="159" height="1" alt=""></td>
		<td>
			<img src="http://www.tubetech.com/newsletter/images/spacer.gif" width="134" height="1" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Hopefully someone can help! Thank you for your time.

How do I: Extract Image Alt Text

07 June 2011 - 11:09 AM

I need to get a list of all images on a website and their corresponding alt text so I can see who his missing it, is this possible?

Web Design Forum: Alex_McI - Viewing Profile - Web Design Forum

WDF Marketplace

WDF Marketplace Resources

WDF Community

Web Design Resources

Web Development

SEO, Marketing & Business

Software & Hardware

The Marketplace

Alex_McI's Profile User Rating:

My Information

Contact Information

Users Experience

Topics I've Started

Sub menu inheriting background as parent in IE8

wordpress upgrade broke website

HTML Email problems in outlook

How do I: Extract Image Alt Text

Skin and Language

Execution Stats