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
Related
I'm super new to all of this, I can only do some small edits but nothing more.
I need to put logos and usernames for Instagram, Facebook, Snapchat, Telegram like in the image but I really can't find anything. My english is not good enough to use the right search keywords for this neither. I need help. How I want it to look.
Code: https://pastebin.com/dYHP8Rkb
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nax Corp.</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="colorlib-page">
<i></i>
<aside id="colorlib-aside" role="complementary" class="js-fullheight text-center">
<nav id="colorlib-main-menu" role="navigation">
<ul>
<li>Home</li>
<li class="colorlib-active">Contact</li>
</ul>
</nav>
<div class="colorlib-footer">
<div class="d-flex justify-content-center">
</div>
</div>
</aside> <!-- END COLORLIB-ASIDE -->
</div>
</div>
</div>
</footer>
</div><!-- END COLORLIB-MAIN -->
</div><!-- END COLORLIB-PAGE -->
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>
I also need to change the pink color to Twitter logo blue one. Any help is appreciated. Thank you.
I would suggest a simple HTML table:
<table style="height: 500px; margin-left: auto; margin-right: auto;" border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<!-- LOGO 1 -->
<td style="width: 100%;">
<p style="text-align: center;"><img src="/logo1.jpg" alt="" width="50" height="50" /></p>
<p style="text-align: center;">Username1</p>
</td>
</tr>
<tr>
<!-- LOGO 2 -->
<td style="width: 100%;">
<p style="text-align: center;"><img src="/logo2.jpg" alt="" width="50" height="50" /></p>
<p style="text-align: center;">Username2</p>
</td>
</tr>
<tr>
<!-- LOGO 3 -->
<td style="width: 100%;">
<p style="text-align: center;"><img src="/logo3.jpg" alt="" width="50" height="50" /></p>
<p style="text-align: center;">Username3</p>
</td>
</tr>
<tr>
<!-- LOGO 4 -->
<td style="width: 100%;">
<p style="text-align: center;"><img src="/logo4.jpg" alt="" width="50" height="50" /></p>
<p style="text-align: center;">Username4</p>
</td>
</tr>
</table>
There are other options you could use, which would be more ideal, such as CSS containers etc. But if you're looking for a quick fix, you can use the above.
(Please note, you need to change /logo#.jpg to your own images and Username# to your own text.)
i am trying to make a slidehsow using HTML+ CSS
but when using chrome or mozzila sometimes when refreshing the page all the images get stacked
works fine on IE.
enter code here:
<!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" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>A.R.Grada</title>
<link data-turbolinks-track="true" href="/assets/custom.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/inscricaos.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/scaffolds.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/static_page.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/users.css?body=1" media="all" rel="stylesheet" />
<link data-turbolinks-track="true" href="/assets/application.css?body=1" media="all" rel="stylesheet" />
<script data-turbolinks-track="true" src="/assets/jquery.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/jquery_ujs.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/turbolinks.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/inscricaos.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/slideShow.js?body=1"></script>
<script data-turbolinks-track="true" src="/assets/application.js?body=1"></script>
<meta content="authenticity_token" name="csrf-param" />
<meta content="b/G7IFct+anugyX+DeDZhI5xYSzmREjC2Y2uPXx7HHA=" name="csrf-token" />
<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js">
</script>
<![endif]-->
</head>
<body>
<header class="navbar navbar-fixed-top navbar-inverse">
<div class="container">
Associação Recreativa de Grada
<nav>
<ul class="nav navbar-nav pull-right">
<li>Pagina inicial</li>
<li>Mapa</li>
<li>xxx</li>
</ul>
</nav>
</div>
</header>
<div class="container">
<div class="center jumbotron">
<div id="slideShowImages" class="slideshow">
<img alt="1" src="/assets/1.jpg" />
<img alt="2" src="/assets/2.jpg" />
<img alt="3" src="/assets/3.jpg" />
<img alt="4" src="/assets/4.jpg" />
<img alt="5" src="/assets/5.jpg" />
<img alt="6" src="/assets/6.jpg" />
</div>
<script src="slideShow.js"></script>
</h2>
|Inscrição |
| Lista incritos|
</div>
<div class="logo">
</h1>
<img alt="xxx_logo" src="/assets/logo.png" />
</div>
<footer class="footer">
<nav>
<ul>
<li>About</li>
<li>Contact</li>
<li>News</li>
</ul>
</nav>
</footer>
</div>
</body>
</html>
CSS code:
.slideshow
{
background-colour:#F5F5F5; border:1px solid #FFFFFF; height:340px; margin:150px auto 0; position:relative; width:640px; -moz-box-shadow:0 0 22px #111; -webkit-box-shadow:0 0 22px #111; box- shadow:0 0 22px #111;
}
The images become stacked on above anothe. to resolve the issue i must press CTRL F5.
i can not upload a imge so i try to explain with this:
it look like that:
image1
image2
image3
image4
it should look like that
image1
wait 1 sec
image2
...
Try to hide the images using CSS first. The page must not have been loaded fully for the script to run.
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)
I have a mobile web site used with MVC 4.0 Razor Mobile version and HTML 5. When i call a page on browser or submit form page title not shown. Also it comes in view but after 1 second, it is going to null. When clicking a url in page title is coming. How can I stop changing page title to empty?
My layout page:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>#Html.Raw(ViewBag.Title)</title>
<meta name="description" #Html.Raw("content=\"" + ViewBag.Description + "\"") />
<meta name="keywords" #Html.Raw("content=\"" + ViewBag.Keywords + "\"") />
<meta name="viewport" content="width=device-width" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="/Content/jquery.mobile-1.4.0.min.css" />
<script src="/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
#RenderSection("scripts", required: false)
<script src="~/Scripts/myjs.js" type="text/javascript"></script>
<link href="/Content/mycss.css" rel="stylesheet"/>
</head>
<body>
<div data-role="page" data-theme="a" id="layout-page">
<div data-role="header" >
<h1>
<a style="background:none;border:none;" href="http://m.sozcukcevir.com"><img style="height:40px;border:0" src="/Content/images/logo-mobile.png" alt="sözcük çevir" /></a> </h1>
Menu
</div>
<div data-role="content">
#RenderBody()
</div>
<div data-role="panel" id="right-panel" data-display="push" data-position="right" data-theme="a">
<ul data-role="listview" data-inset="true">
<li>Kelime Çeviri</li>
<li>Metin Çeviri</li>
<li data-icon="audio">Okunuşu Dinle</li>
<li data-icon="gear">Ayarlar</li>
<li data-icon="delete">Kapat</li>
</ul>
</div>
<div data-role="footer" data-theme="b">
<div data-role="navbar" data-theme="c">
<ul data-theme="c">
<li data-theme="c">Sözlük</li>
<li data-theme="c">Metin Çeviri</li>
<li data-theme="c">Dinle</li>
</ul>
</div>
</div>
</div>
<script>
$(document).on("mobileinit", function () {
$.mobile.ajaxEnabled = false;
});
</script>
<!-- analytics --><!-- analytics -->
</body>
</html>
Page : http://m.sozcukcevir.com
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.