i'm taken over a website and I'm having issues with a template. For some reason most of the hyperlinks on the page won't render in Firefox or Safari but work fine in IE...
This is the page in question: http://www.sstaffs.gov.uk/your_services/leisure_services/leisure_centres/cheslyn_hay_leisure_centre1.aspx
Code for page template is here:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
<title>South Staffordshire Council - <imm:PageProps type="title" runat="server" id="AutoId1"><%--><--%></imm:PageProps></title>
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<immCore:Null><%--><!--<--%></immCore:Null>
<meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1">
<immCore:Null><%-->--><--%></immCore:Null>
<link title="Alternate Page" href="ILINK|0,|" rel="alternate"/>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://code.jquery.com/jquery.js"></script>
<link href="css/bs/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="css/system/southstaffs2013.css" rel="stylesheet" type="text/css"/>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="css/bs/js/bootstrap.min.js"></script>
<script type="text/javascript" src="ratingSelector.js"></script>
<link rel="stylesheet" href="css/responsive_stylesheets/skeleton.css">
<link rel="stylesheet" href="css/responsive_stylesheets/stylesheets/layout.css">
<!-- ie8 support -->
<script src="css/bs/js/respond.min.js"></script>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
div.horizontal
{
position:absolute;
left:0;
top:135px;
width:1100px;
height:40px;
}
div.horizontal ul
{
list-style-type:none;
margin:0;
padding:0;
}
div.horizontal li
{
float:left;
}
div.horizontal a
{
display:block;
width:120px;
height:40px;
}
div.horizontal a:link,div.horizontal a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#97ca61;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
div.horizontal a:hover,div.horizontal a:active
{
background-color:#22772d;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div class="container" id="content">
<div id="globalnavRS">
<immCore:ListMenu LinksPage="3450" runat="server" id="AutoId4">
<headertemplate>
</headertemplate>
<itemtemplate>
<%# Container.Title %>
</itemtemplate>
<separatortemplate>
|
</separatortemplate>
<%-->Global | Menu | Here<--%>
</immCore:ListMenu>
</div>
<div id="searchbar"> <custom:searchbar runat="server" id="Auto2332Id31"> </custom:searchbar>
</div>
<div id="mastheadRS"></div>
<div id="headerr">
<a href="http://www.sstaffs.gov.uk">
<img alt="header" src="images/newsite/ssdclogo.gif"/>
</a>
</div>
<div id="ealert"> <img alt="South Staffordshire e-alerts" src="http://www.sstaffs.gov.uk/images/ealert_box.gif" />
</div>
<div class="horizontal">
<ul>
<li>Centre Home</li>
<li>Prices</li>
<li>Swimming</li>
<li>Fitness Suite</li>
<li>Exercise Classes</li>
<li>Dry Sports & Courses</li>
<li>3g Astro Pitch</li>
<li> </li>
</ul>
</div>
<br/>
<imm:area name="main" runat="server" id="AutoId14"> Test Content
<p>Some content will go here and look like this. </p>
</imm:area>
<immCore:Null><%--><!--<--%></immCore:Null>
<div id="ratethispage">
<span class="text">Rate this page</span>
<br />
<span class="items"><a rel="nofollow,noindex" class="rating_item" href="http://www.sstaffs.gov.uk/Default.aspx?page=17786&PageRate=<% =Immediacy.Web.ImmHttpContext.Current.ContentPage.ID %>&Rating=1"><img src="star_off.gif" alt="Rate this page - 1 / 5" width="18" height="17" border="0" /></a><a rel="nofollow,noindex" class="rating_item" href="http://www.sstaffs.gov.uk/Default.aspx?page=17786&PageRate=<% =Immediacy.Web.ImmHttpContext.Current.ContentPage.ID %>&Rating=2"><img src="star_off.gif" alt="Rate this page - 2 / 5" width="18" height="17" border="0" /></a><a rel="nofollow,noindex" class="rating_item" href="http://www.sstaffs.gov.uk/Default.aspx?page=17786&PageRate=<% =Immediacy.Web.ImmHttpContext.Current.ContentPage.ID %>&Rating=3"><img src="star_off.gif" alt="Rate this page - 3 / 5" width="18" height="17" border="0" /></a><a rel="nofollow,noindex" class="rating_item" href="http://www.sstaffs.gov.uk/Default.aspx?page=17786&PageRate=<% =Immediacy.Web.ImmHttpContext.Current.ContentPage.ID %>&Rating=4"><img src="star_off.gif" alt="Rate this page - 4 / 5" width="18" height="17" border="0" /></a><a rel="nofollow,noindex" class="rating_item" href="http://www.sstaffs.gov.uk/Default.aspx?page=17786&PageRate=<% =Immediacy.Web.ImmHttpContext.Current.ContentPage.ID %>&Rating=5"><img src="star_off.gif" alt="Rate this page - 5 / 5" width="18" height="17" border="0" /></a></span></div>
<script type="text/javascript"><!--
var rating = new ratingSelector("ratethispage","Rate this page","-1","3.02","386");//-->
</script>
<noscript></noscript>
<br />
<footer>
<div id="footerRSWide">
<custom:browseservices2013 runat="server" id="Auto27868763"> </custom:browseservices2013>
<div style="text-align: center">
<img src="http://www.sstaffs.gov.uk/images/newsite/goodlifewebsite.gif" alt="South Staffordshire Goodlife Website" width="136px" Height="25px" />
<img src="http://www.sstaffs.gov.uk/images/newsite/staffsprep.gif" alt="Staffordshire Prepared website" />
<img src="http://www.sstaffs.gov.uk/images/newsite/i54bw.gif" alt="i54 information website" />
<img src="http://www.sstaffs.gov.uk/images/newsite/directgov2.gif" alt="DirectGov" />
<br/><br/>
<a style="color: #ffffff; " href="http://www.sstaffs.gov.uk/Default.aspx?page=313">accreditations</a> | South Staffordshire Council 2012 | <a style="color: #ffffff; " href="http://www.sstaffs.gov.uk/Default.aspx?page=33">Privacy policy and Cookies</a>
</div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
gaTrack: true,
gaId: 'UA-6726888-1',
layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
}, 'google_translate_element1');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</footer>
<immCore:Null><%-->--><--%></immCore:Null>
<!-- content -->
</div>
</div><!-- container -->
</form>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-6726888-1");
pageTracker._trackPageview();
</script>
</body>
</html>
Any advise would be appreciated.
Cheers
These aren't a URL at all, hyperlinks must contain URL or an Anchor.
<li>Centre Home</li>
<li>Prices</li>
<li>Swimming</li>
<li>Fitness Suite</li>
<li>Exercise Classes</li>
<li>Dry Sports & Courses</li>
<li>3g Astro Pitch</li>
<li> </li>ILINK|22332,|"
URLs should be in format like this (path/filename.fileExtension)
e.g. links tags:
<li>Centre Home</li>
or
<li>Centre Home</li>
IE is usually ignoring such errors, unlike the other browsers.
Suggestions:
Avoid using special characters in the folder/files such as (|) and
(,). and use (_) or (-) in replace of spaces.
Also don't forget about the case sensitive of URLs (Follow exact
url value, Capital letters or 'Upper Case' in file name must remain
Capital, do the same with small letters)
Related
I have dozens of .html files all with different names of which old head and nav I need to replace with a new improved head and nav.
I know awk would be suitable for such operation but I am not confident on how to proceed.
NOTE: The title tag of the every html file is going to be replaced with something fixed, I think I will circumvent this issue by either leaving "Plant Database" or rendering the html title dynamically (every .html file has a correct file name), however that's also something I would need help on how to do. (document.title I assume?)
Old file content (first 69 lines):
<!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"><!-- InstanceBegin template="/Templates/templatefrø.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Apotekerkattost - Malva sylvestris</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<link rel="shortcut icon" href="bilder/faviconefferus.ico">
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"><img src="bilder/efferus1.jpg" width="289" height="129" alt="Efferus veksthus" /></div>
<div id="menu">
<img src="bilder/Frørød.jpg" border=0 width="123" height="35" />
<img src="bilder/soppsort.jpg" border="0" width="138" height="35" />
<img src="bilder/skogshop.jpg" border="0" width="138" height="35" />
<img src="bilder/Oppskrifter.jpg" border="0" width="118" height="35" />
</div>
<br >
<div id="middle">
<div id="submenu"><table width="201" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center"><img src="bilder/subtop.jpg" width="198" height="24" /></div></td>
</tr>
<tr>
<td><div align="center" class="sub-bg">
<p>
Planteshop<br><br>
Frø- og plantekatalog<br><br>
Plantebistand<br><br>
Kurskalender <br><br>
Humle- og bieplanter<br><br>
Planter inndelt etter herdighetssone<br><br>
Plantepakker<br><br>
Hva er en skoghage?<br><br>
Bilder fra en skoghage<br><br>
Nitrogenfiksering<br><br>
Jorddekkere<br><br>
Vindbrytere<br><br>
Trær<br><br>
Busker<br><br>
Stauder<br><br>
Systemplanter<br><br>
Andre planter<br><br>
Skadeinsekter og nytteinsekter<br><br>
Plantesykdommer<br><br>
Planteformering<br><br>
Beskjæring<br><br>
Ugressmiddel<br><br>
Efferus veksthus på <img src="bilder/fb.jpg" width="15" height="15" /><br><br>
"Dyrking av Storhassel i Norge" på <img src="bilder/fb.jpg" width="15" height="15" /><br><br>
Skadeinsekter, nytteinsekter og plantesykdommer på <img src="bilder/fb.jpg" width="15" height="15" /><br><br>
Hvem er Efferus?<br><br>
Kontakt<br><br>
Åpningstider<br><br>
</p>
</div></td>
</tr>
<tr>
<td><div align="center"><img src="bilder/subbottom.jpg" width="198" height="35" /></div></td>
</tr>
</table>
</div>
New file content (51 lines):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plant Database</title>
<link rel="shortcut icon" href="bilder/deciduous-tree.ico">
<link href="main_styles.css" rel="stylesheet" type="text/css"/>
<style>
#import url('https://fonts.googleapis.com/css2?family=Domine:wght#400;600;700&display=swap');
#import url('https://fonts.googleapis.com/css2?family=Domine:wght#400;600;700&family=Lato:ital,wght#0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
#import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght#0,400;0,500;1,400&display=swap');
</style>
</head>
<!-- ALWAYS ON HOME BUTTON -->
<img id=left_space style="position: fixed; top: 1.5rem;" src="./bilder/Efferus_logo_black.png" width="100px">
<!-- HEADER -->
<nav class="navbar" >
<!-- LOGO -->
<div id=left_space class="logo"><img src="bilder/Efferus_logo_white.PNG" width="100px" alt="efferus_logo"/></div>
<!-- NAVIGATION MENU -->
<ul class="nav-links">
<!-- USING CHECKBOX HACK -->
<input type="checkbox" id="checkbox_toggle" />
<label for="checkbox_toggle" class="hamburger">☰</label>
<!-- NAVIGATION MENUS -->
<div class="menu">
<li>Plantebistand</li>
<li class="services">
Database
<!-- <ul class="dropdown">
<li>Frø og Planter </li>
<li>Konserving</li>
<li>Husapotek</li>
<li>Dropdown 3</li>
<li>Dropdown 4</li>
</ul> -->
</li>
<li>Hvem er Efferus?</li>
<li>Kontakt</li>
</div>
</ul>
</nav>
You can do it with head and tail - for example, I am replacing first 3 lines of f1.txt with the first 2 lines from f2.txt
>>> cat f1.txt
a
b
c
d
e
>>> cat f2.txt
x
y
z
a
b
Output
>>> head -n 2 f2.txt;tail -n +4 f1.txt
x
y
d
e
I'm working on a function that inserts data to a database from a form, Whenever i use the masterpage and send the form to add a data, it breacks and stores nothing, the input fields seem to be empty.
but when i detach the masterpage, the functions works fine and data is stored eventually, i tried this with a new masterpage and the problem persists, i really don't know what is the problem.
Here is the MasterPage code :
<%# Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="backOffice_MasterPage" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<asp:ContentPlaceHolder runat="server" ID="title">
</asp:ContentPlaceHolder>
<meta http-equiv="Content-Type" content="text/html" name="viewport" charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<!--Styles bootstrap-->
<link href="../styles/bootstrap/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
<link href="../styles/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../styles/simple-sidebar.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--Add a condition so that less than ie9 understands html5 tags such as header, article ...-->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- jQuery -->
<script src="../scripts/jquery.1.11.3.js" type="text/javascript"></script>
<link rel="stylesheet" href="../styles/cyllene.css" type="text/css" />
<script type="text/javascript" src="../include/ctrlsaisie.js"></script>
<script type="text/javascript" src="../include/CBrowser.js"></script>
<script src="../include/CEditor.js" type="text/javascript"></script>
<script src="../include/CIconList.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<!-- Sidebar -->
<div id="sidebar-wrapper">
<ul class="sidebar-nav">
<li class="sidebar-brand">
<a href="#">
Start Bootstrap
</a>
</li>
<li>
Dashboard
</li>
<li>
Liste des pays
</li>
<li>
Liste des villes
</li>
<li>
Liste des activités
</li>
<li>
About
</li>
<li>
Services
</li>
<li>
Contact
</li>
</ul>
</div>
<!-- /#sidebar-wrapper -->
<!-- Page Content -->
<div id="page-content-wrapper">
<div class="container-fluid">
<asp:ContentPlaceHolder id="cphMain" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
<!-- /#page-content-wrapper -->
</div>
<!-- /#wrapper -->
<!-- Bootstrap Core JavaScript -->
<script src="../scripts/bootstrap/bootstrap.min.js" type="text/javascript"></script>
<asp:ContentPlaceHolder ID="script" runat="server">
</asp:ContentPlaceHolder>
</body>
And here is the page code :
<%# Page Language="VB" AutoEventWireup="false" MasterPageFile="~/backOffice/MasterPage.master" CodeFile="GestPays.aspx.vb" Inherits="GestPays" %>
<asp:Content ContentPlaceHolderID="cphMain" runat="server">
<form id="FrmMain" runat="server">
<div class="frmContent">
<afc:wccFilAriane ID="WccFilAriane1" runat="server">
<afc:woStep ID="WoStep1" runat="server" Text="Accueil" NavigateUrl="../FrmAccueilGestion.aspx"></afc:woStep>
<afc:woStep ID="WoStep3" runat="server" Text="Liste des pays" NavigateUrl="ListPays.aspx"></afc:woStep>
<afc:woStep ID="WoStep2" runat="server" Text="Modification d'un pays" NavigateUrl="#"></afc:woStep>
</afc:wccFilAriane>
<asp:HiddenField runat="server" ID="KEY" />
<asp:HiddenField runat="server" ID="C_PAGE" />
<fieldset>
<legend>
<asp:Label runat="server" ID="lblTitle" Text="Pays" /></legend>
<table width="70%" border="0" cellspacing="0" cellpadding="2">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<asp:Label runat="server" ID="lblLib" Text="Désignation" />
:
</td>
<td>
<asp:HiddenField ID="ID_LIBELLE" runat="server" />
<afc:wccMaskEdit ID="SYS_ID_LIBELLE" runat="server" MaxLength="250" Width="320px" />
<afc:wccPopUpCaller ID="TRAD_ID_LIBELLE" runat="server" ImageUrl="../images/trad.gif" Visible="false"
Text="Traduire" WindowHeigth="120" WindowWidth="550" Title="Traduction" />
</td>
</tr>
</table>
</td>
<td style="height: 40px; vertical-align: top;">
<afc:wccButton runat="server" ID="btnValider" Text="Valider" Width="75px" />
<br />
<br />
<afc:wccButton runat="server" ID="btnAnnuler" Text="Retour" Width="75px" />
</td>
</tr>
</table>
</fieldset>
</div>
</form>
The code behind works fine when not using the masterpage so it's not necessarry i guess.
Thank you for your help.
The tags should be in the masterpage not the content page
When I test web site in IE 5.5, 6.0, 7.0 and 8.0 a blank page loads. The site works fine in Firefox, Safari, Opera and Chrome. I think the problem has something to do with the conditional comments.
Below is my source 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=UTF-8" />
<title>Chris Schnitzer | Home</title>
<link href="home.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function() {
$('.homewrap').hover(function() {
$(this).children('.front').stop().animate({ "top" : '200px'}, 500);
}, function() {
$(this).children('.front').stop().animate({ "top" : '0'}, 300);
});
});
</script>
<!--[if IE5]>
<style type="text/css">
/* place haslayout fix for IE 5* in this conditional comment */
#headerright, #mainContenttext, #mainContentrigheducation, #mainContentrightexpertise { height: 1%; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#headerright, #mainContenttext, #mainContentrighteducation, #mainContentrightexpertise { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</syle>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<div id="headerleft"><!-- #BeginLibraryItem "/Library/logo.lbi" -->
<img src="assets/images/logo.png" width="135" height="77" alt="chris schnitzer logo" /><!-- #EndLibraryItem -->
</div>
<div id="headerright">
<div id="topnav"><!-- #BeginLibraryItem "/Library/topnav.lbi" --><ul>
<li>Home|What I Do|Portfolio|Contact Me</li>
</ul><!-- #EndLibraryItem --></div>
</div>
</div>
<div id="greetingandintrowrap">
<div id="greetingtext">Hello, Gutentag, Sawubona!</div>
<div id="intro">
<h4>I am Chris and thank you for taking your time to view my portfolio</h4>
</div>
</div>
<div id="mainContent">
<div id="mainContenthome">
<a href="Whatido/index.html"><div class="homewrap">
<img src="assets/images/whatidohomepgback.png" width="200" height="200" alt="What I Do" />
<img src="assets/images/whatidohomepgfront.png" class="front" width="200" height="200" alt="What I Do" />
</div></a>
<a href="portfolio/index.html"><div class="homewrap">
<img src="assets/images/portfoliohomepgback.png" width="200" height="200" alt="Portfolio" />
<img src="assets/images/portfoliohomepgfront.png" class="front" width="200" height="200" alt="Portfolio" />
</div></a>
<a href="contactme/index.html"><div class="homewrap">
<img src="assets/images/contactmehomepgback.png" width="200" height="200" alt="Contact Me" />
<img src="assets/images/contactmehomepgfront.png" class="front" width="200" height="200" alt="Contact Me" />
</div></a>
<br class="clearfloat" />
</div>
</div>
<div id="footercontent">
<p>I have a <span class="bolddarkblue">passion</span> for designing visually appealing content<span class="bolddarkblue"></span>
that <span class="bolddarkblue">communicates </span> your message whether it is for print or the web using
HTML, CSS, JQuery and Flash to design <span class="bolddarkblue">Standard Compliant</span> websites.</p>
</div>
<div id="footer"><div id="altlogo"><!-- #BeginLibraryItem "/Library/altnav.lbi" -->
<img src="assets/images/smalllogo.png" width="41" height="24" alt="chris schnitzer logo" />
</div>
<div id="altnav">
<ul>
<li>Home</li>
<li>What I Do</li>
<li>Portfolio</li>
<li>Contact Me</li>
</ul>
</div></div><!-- #EndLibraryItem -->
</div>
</body>
</html>
In your last IE conditional comment, you didn’t close the <style> element properly:
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#headerright, #mainContenttext, #mainContentrighteducation, #mainContentrightexpertise { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</syle>
<![endif]-->
I have a page in which I've implemented the Twitter feed widget. If works nicely on Firefox and Chrome, but on IE, Opera, and Safari, it just comes up with "Tweets by #JackSchaible" and not the actual feed itself. Someone please help?
The url is www.logicanddesign.ca
Alternatively, here's my source code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Logic & Design: Home</title>
<link rel="stylesheet" type="text/css" href="styles/divs.css" />
<link rel="stylesheet" type="text/css" href="styles/fonts.css" />
<link rel="stylesheet" type="text/css" href="styles/tags.css" />
<link rel="stylesheet" type="text/css" href="styles/images.css" />
<link rel="shortcut icon" href="images/Icon-OR.png" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="scripts/animations.js"></script>
<script src="scripts/socialMediaPlugins.js"></script>
</head>
<body>
<div id="wrapper">
<header>
<img id="logo" alt="logo" src="images/Logo.png" />
</header>
<div id="divider">
<img id="headerDivider" alt="Line" src="images/Line.jpg" />
</div>
<nav>
<div class="Button" id="selectedButton">
<img id="arrowOverlay" alt="Overlay" src="images/Arrows/FadeArrow.png" />
<img id="extender" alt="Home" src="Images/Arrows/Arrow%20Body.png" />
<img id="selectedArrow" alt="Home" src="Images/Arrows/Home/Home.png" />
</div>
<div class="Button" id="aboutButton">
<img alt="About Me" src="Images/Arrows/About/About.png"/>
</div>
<div class="Button" id="abilitiesButton">
<img alt="My Abilities" src="Images/Arrows/Abilities/Abilities.png"/>
</div>
<div class="Button" id="portfolioButton">
<img alt="My Portfolio" src="Images/Arrows/Portfolio/Portfolio.png"/>
</div>
<div class="Button" id="contactButton">
<img alt="Contact Me" src="Images/Arrows/Contact/Contact.png"/>
</div>
</nav>
<div id="mainContent">
<div id="innerContent">
<p>Welcome to Logic & Design! If you are looking for work done and it has anything to do with a computer, you have come to the right place! My name is Jack Schaible and I do nearly everything computer-related. Whether it is software analysis, design, web apps, database design, web design or development, whatever your needs, I can fill them. I will take care of the technical side of things so you can focus on what matters: running your business!</p>
</div>
</div>
<div id="imageBar">
<div id="networkingIcons">
<div id="fb" class="fb-like-box" data-href="http://www.facebook.com/logicanddesign" data-width="200" data-height="75" data-colorscheme="dark" data-show-faces="false" data-stream="false" data-header="false"></div>
<a class="twitter-timeline" href="https://twitter.com/JackSchaible" data-widget-id="266804071627898880">Tweets by #JackSchaible</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<div class="g-plus" data-width="199" data-height="69" data-href="https://plus.google.com/105579960548041650339" data-rel="author" data-theme="dark"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<script src="//platform.linkedin.com/in.js" type="text/javascript"></script>
<script type="IN/Share" data-counter="right"></script>
</div>
</div>
<footer>
<p>© <script type="text/javascript">document.write((new Date).getFullYear());</script> Jack Schaible</p>
</footer>
</div>
</body>
</html>
It works on all of my browsers when it is accessed form a server http://localhost/twitter.html or http://www.logicanddesign.ca/ but not when viewed as html file: file:///C:/xampp/htdocs/twitter.html. This seems to be a nuance of the .js script.
I have bought a Joomla template from Template monster. It looks like this template isn't Ie8 fully compatible. I can't count on support, because when entering their online chat, you get a fague chat bot.
The problem is that the template doesn't show any text after the flash banner. In FF it all works great, but in Ie7,8 andabove not. Only the top menu and flash header.
This is the header
<!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" xml:lang="en-gb" lang="en-gb" dir="ltr" >
<head>
<base href="http://www.friesecomputerservice.nl/" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content="joomla, Joomla" />
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<title>Friese Computerservice</title>
<link href="/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
<link href="/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" />
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
<script type="text/javascript" src="/media/system/js/caption.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/jquery.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/maxheight.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j('.menu-nav li').hover(
function() {
$j(this).addClass("active");
$j(this).find('.ulwrapper').stop(false, true).slideDown();
$j(this).find('.ulwrapper .ulwrapper').stop(false, true).slideUp('fast');
},
function() {
$j(this).removeClass("active");
$j(this).find('div').stop(false, true).slideUp('fast');
}
);
$j('.ulwrapper').hover(
function() {
$j('.parent').addClass("active_tab");
},
function() {
$j('.parent').removeClass("active_tab");
}
);
});
</script>
<script type="text/javascript" src="/templates/theme520/scripts/cufon-yui.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/News_Gothic_400.font.js"></script>
<script type="text/javascript" src="/templates/theme520/scripts/cufon-replace.js"></script>
<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
<link rel="stylesheet" href="/templates/theme520/css/constant.css" type="text/css" />
<link rel="stylesheet" href="/templates/theme520/css/template.css" type="text/css" />
</head>
This is the body HTML including flash
<div class="flash"><p><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24"
width="100%" height="393">
<param name="movie" value="/images/stories/header_v8.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<!--[if !IE]> <-->
<object data="/images/stories/header_v8.swf"
type="application/x-shockwave-flash" width="100%" height="393">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="wmode" value="transparent">
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not this).
</object>
<!----> <!--[endif]-->
</object></p></div>
<!--content-->
<div id="content">
<div class="clear">
<!--left-->
<div id="left" class="maxheight">
<div class="left-indent maxheight">
<div class="left-border maxheight">
<div class="left-inner">
<div class="wrapper-box module_menu">
<div class="boxTitle">
<h3 >Main Menu</h3>
</div>
<div class="clear">
<div class="boxIndent">
<ul class="menu"><li class="item1"><a href="/home.html">
<span>Home</span></a></li><li class="item27">
<span>Blog</span></li>
<li class="item2"><a href="/joomla-license.html">
<span>Joomla! License</span></a></li><li class="item49">
<span>News Feeds</span></li>
<li class="item60"><span>Wrapper</span></li>
<li class="item61"><span>User</span></li>
<li class="item62"><span>Poll</span></li>
<li class="item63"><span>Search</span></li>
<li class="item48"><span>Web Links</span>
</li></ul> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--center-->
<div id="container" class="maxheight">
<div class="clear">
<table class="blog" cellpadding="0" cellspacing="0">
<tr>
<td valign="top"><table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="100%" class="article_column"> <div class="article-title">
<table class="contentpaneopen">
<tr>
<td class="contentheading" width="100%">
<div class="article-title-text">
Call of Dury - Black Ops </div>
</td>
</tr>
</table>
</div>
<div class="wrapper1-border">
<div class="wrapper1-bg clear">
<div class="article-text-indent">
<div class="clear">
<table class="contentpaneopen">
<tr>
<td valign="top" colspan="2">
<h1>Call of Duty - Black Ops te koop in Stiens</h1>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div class="article-separator-indent">
<span class="article_separator"> </span></div>
</td>
</tr>
</table></td>
</tr>
</table>
Just FYI on TinyMCE, if you go into TinyMCE's plugin parameters in Extensions->Plugin Manager->Editor-TinyMCE the first parameter "Functionality" if you select "Extended" from the drop down list then TinyMCE will have an option to insert/embed media when you are editing your articles. And it does all the necessary code structure, you just have to select the flash.
Fixed. Joomla has a kind of clean code option in it's editor. That one should be turned off, so it does not trim certain parts of a code.
Also installing JCE as the default Joomla! WYSIWYG Editor (instead of TinMCE) gave me more options for formatting text, in my case code, there is even a option for formatting or inserting code samples. Inserting code samples combined with turning off clean code option.
Wonderfull.