My Masonry "bricks" or items are overlapping when I load the page sometimes. But when I make my browser window smaller and then bigger, the items displays correctly. I'm using the HTML implementation method. The URL to my page is www.humansofjohannesburg.org.
Can anyone help please?
Thanks
<div class="hoj js-masonry" id="container" data-masonry-options='{ "columnWidth": 247, "itemSelector": ".hoj-item", "gutter": 10, "isResizeBound": true }'>
<!-- ITEM -->
<div class="hoj-item">
<div class="hoj-image">
<img src="image.jpg" />
</div>
<div class="hoj-intro">
Content text goes here...
</div>
</div>
<!-- ITEM -->
<div class="hoj-item">
<div class="hoj-image">
<img src="image.jpg" />
</div>
<div class="hoj-intro">
Content text goes here...
</div>
</div>
<!-- ITEM -->
<div class="hoj-item">
<div class="hoj-image">
<img src="image.jpg" />
</div>
<div class="hoj-intro">
Content text goes here...
</div>
</div>
<!-- ITEM -->
<div class="hoj-item">
<div class="hoj-image">
<img src="image.jpg" />
</div>
<div class="hoj-intro">
Content text goes here...
</div>
</div>
Related
I'm getting reference error in every route like: "/","/product" even though that variable is not used on those routes.Although pages load fine with no errors in front but it shows error in terminal .Please help it i'm trying to figure out for days and not able to continue with my project
app.js:`
app.get("/", function(req, res){//landing page
product.find({},function(error,indexproduct){
if (error) {
console.log(error);
}else{
res.render("index",{indexproduct:indexproduct});
}
});
});`
index.ejs:
<% include partials/header %>
<!-- Start slider -->
<section id="aa-slider">
<div class="aa-slider-area">
<div id="sequence" class="seq">
<div class="seq-screen">
<ul class="seq-canvas">
<!-- single slide item -->
<li>
<div class="seq-model">
<img data-seq src="/img/slide8.jpg" alt="Men slide img" />
</div>
<div class="seq-title">
<span data-seq>Save Up to 75% Off</span>
<h2 data-seq>Men Collection</h2>
<p data-seq>Best Place to Buy Awesome Men's Clothing</p>
<a data-seq href="/category/men" class="aa-shop-now-btn aa-secondary-btn">SHOP NOW</a>
</div>
</li>
<!-- single slide item -->
<li>
<div class="seq-model">
<img data-seq src="/img/slide10.jpg" alt="Wristwatch slide img" />
</div>
<div class="seq-title">
<span data-seq>Save Up to 40% Off</span>
<h2 data-seq>Kids Clothing Collection</h2>
<p data-seq>Style your Kid's with latest Trends</p>
<a data-seq href="/category/kid" class="aa-shop-now-btn aa-secondary-btn">SHOP NOW</a>
</div>
</li>
<!-- single slide item -->
<li>
<div class="seq-model">
<img data-seq src="/img/slide4.jpg" alt="Women Jeans slide img" />
</div>
<div class="seq-title">
<span data-seq>Save Up to 75% Off</span>
<h2 data-seq>Women Dress Collection</h2>
<p data-seq>Style your Own Life with our trendy cloths</p>
<a data-seq href="/category/women" class="aa-shop-now-btn aa-secondary-btn">SHOP NOW</a>
</div>
</li>
<!-- single slide item -->
<!-- single slide item -->
</ul>
</div>
<!-- slider navigation btn -->
<fieldset class="seq-nav" aria-controls="sequence" aria-label="Slider buttons">
<a type="button" class="seq-prev" aria-label="Previous"><span class="fa fa-angle-left"></span></a>
<a type="button" class="seq-next" aria-label="Next"><span class="fa fa-angle-right"></span></a>
</fieldset>
</div>
</div>
</section>
<!-- / slider -->
<!-- Start Promo section -->
<section id="aa-promo">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="aa-promo-area">
<div class="row">
<!-- promo left -->
<div class="col-md-5 no-padding">
<div class="aa-promo-left">
<div class="aa-promo-banner">
<img src="/img/slide5.jpg" alt="img">
<div class="aa-prom-content">
<span>75% Off</span>
<h4>For Women</h4>
</div>
</div>
</div>
</div>
<!-- promo right -->
<div class="col-md-7 no-padding">
<div class="aa-promo-right">
<div class="aa-single-promo-right">
<div class="aa-promo-banner">
<img src="/img/slide6.jpg" alt="img">
<div class="aa-prom-content">
<span>Exclusive Item</span>
<h4>For Men</h4>
</div>
</div>
</div>
<div class="aa-single-promo-right">
<div class="aa-promo-banner">
<img src="/img/slide3.jpg" alt="img">
<div class="aa-prom-content">
<span>Sale Off</span>
<h4>On Every Ladies Dress</h4>
</div>
</div>
</div>
<div class="aa-single-promo-right">
<div class="aa-promo-banner">
<img src="/img/slide9.jpg" alt="img">
<div class="aa-prom-content">
<span>New Arrivals</span>
<h4>For Kids</h4>
</div>
</div>
</div>
<div class="aa-single-promo-right">
<div class="aa-promo-banner">
<img src="/img/slide1.jpg" alt="img">
<div class="aa-prom-content">
<span>25% Off</span>
<h4>For Men's Clothing</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- / Promo section -->
<!-- banner section -->
<section id="aa-banner">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="aa-banner-area">
<img src="/img/slide2.jpg" alt="fashion banner img">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- popular section -->
<section id="aa-popular-category">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="aa-popular-category-area">
<!-- start prduct navigation -->
<ul class="nav nav-tabs aa-products-tab">
<li class="active">Exclusive</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Start men popular category -->
<div class="tab-pane fade in active" id="popular">
<ul class="aa-product-catg aa-popular-slider">
<!-- start single product item -->
<%=console.log(indexproduct)%>
</ul>
<a class="aa-browse-btn" href="/product">Browse all Product <span class="fa fa-long-arrow-right"></span></a>
</div>
<!-- / popular product category -->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- / popular section -->
<!-- Support section -->
<section id="aa-support">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="aa-support-area">
<!-- single support -->
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="aa-support-single">
<span class="fa fa-truck"></span>
<h4>FREE SHIPPING</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, nobis.</P>
</div>
</div>
<!-- single support -->
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="aa-support-single">
<span class="fa fa-clock-o"></span>
<h4>30 DAYS MONEY BACK</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, nobis.</P>
</div>
</div>
<!-- single support -->
<div class="col-md-4 col-sm-4 col-xs-12">
<div class="aa-support-single">
<span class="fa fa-phone"></span>
<h4>SUPPORT 24/7</h4>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, nobis.</P>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- / Support section -->
<% include partials/footer %>`
Error:
`ReferenceError: C:\Users\nishantk\Desktop\project200\renclo\views\index.ejs:156
154| <ul class="aa-product-catg aa-popular-slider">
155| <!-- start single product item -->
>> 156| <%=console.log(indexproduct)%>
157| </ul>
158| <a class="aa-browse-btn" href="/product">Browse all Product <span class="fa fa-long-arrow-right"></span></a>
159| </div>
indexproduct is not defined
at eval (C:\Users\nishantk\Desktop\project200\renclo\views\index.ejs:74:37)
at index (C:\Users\nishantk\Desktop\project200\renclo\node_modules\ejs\lib\ejs.js:682:17)
at tryHandleCache (C:\Users\nishantk\Desktop\project200\renclo\node_modules\ejs\lib\ejs.js:254:36)
at View.exports.renderFile [as engine] (C:\Users\nishantk\Desktop\project200\renclo\node_modules\ejs\lib\ejs.js:485:10)
at View.render (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\view.js:135:8)
at tryRender (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\application.js:640:10)
at Function.render (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\application.js:592:3)
at ServerResponse.render (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\response.js:1012:7)
at C:\Users\nishantk\Desktop\project200\renclo\app.js:396:9
at Layer.handle [as handle_request] (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\router\layer.js:95:5)
at next (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\router\route.js:137:13)
at Route.dispatch (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\router\route.js:112:3)
at Layer.handle [as handle_request] (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\router\layer.js:95:5)
at C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\router\index.js:281:22
at param (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\router\index.js:354:14)
at param (C:\Users\nishantk\Desktop\project200\renclo\node_modules\express\lib\router\index.js:365:14)
`
So I have a local project running ExpressJS and I'm using ejs as my template engine. Whenever I start the server and go to the home page the index.html file renders properly, but every subsequent load of the index gives me the un-rendered index.html file and the status is 304. All other pages render fine everytime. If I restart the server, the first time I hit the home page it is rendered correctly, but still serves the un-rendered file after every page load after that. If I put a breakpoint in the route (I'm using WebStorm) I can hit the break point the first time, but never again. I assume this is because of the 304. I also have app.disable('etag'). Any help is much appreciated.
UPDATE
This is what is the browser will display when receiving a 304 status.
<%- include('includes/header.html'); %>
<%- include('includes/navigation.html'); %>
<!-- Top Slider and Booking form -->
<div id="home-top-section">
<!-- Main Slider -->
<div id="main-slider">
<div class="items">
<a href="http://google.com">
<img src="assets/img/slider/1.jpg" alt="3"/><!-- Change the URL section based on your image\'s name -->
</a>
</div>
<div class="items">
<a href="http://google.com">
<img src="assets/img/slider/3.jpg" alt="3"/>
</a>
</div>
<div class="items">
<a href="http://google.com">
<img src="assets/img/slider/4.jpg" alt="4"/>
</a>
</div>
<div class="items">
<a href="http://google.com">
<img src="assets/img/slider/2.jpg" alt="2"/>
</a>
</div>
</div>
<!-- Booking Form -->
<div class="booking-form-container container">
<div class="booking-form-inner-container">
<div id="main-booking-form" class="style-2">
<h2>Find A <span>Room</span></h2>
<form class="booking-form clearfix" action="#"><!-- Do Not remove the classes -->
<div class="input-daterange clearfix">
<div class="booking-fields col-xs-6 col-md-12">
<input placeholder="Choose check in date" class="datepicker-fields check-in" type="text" name="start" /><!-- Date Picker field ( Do Not remove the "datepicker-fields" class ) -->
<i class="fa fa-calendar"></i><!-- Date Picker Icon -->
</div>
<div class="booking-fields col-xs-6 col-md-12">
<input placeholder="Choose check out date" class="datepicker-fields check-out" type="text" name="end" />
<i class="fa fa-calendar"></i>
</div>
</div>
<div class="booking-fields col-xs-6 col-md-12">
<!-- Select boxes ( you can change the items and its value based on your project's needs ) -->
<select name="room-type">
<option value="">How Many Adult?</option><!-- Select box items ( you can change the items and its value based on your project's needs ) -->
<option value="2">1</option>
<option value="3">2</option>
<option value="4">3</option>
<option value="5">4</option>
<option value="6">5</option>
</select>
<!-- End of Select boxes -->
</div>
<div class="booking-fields col-xs-6 col-md-12">
<select name="guest">
<option value="">How Many Children ?</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="booking-button-container">
<input class="btn btn-default" value="Check Availability" type="submit"/><!-- Submit button -->
</div>
</form>
</div>
</div>
</div>
</div>
<!-- End of Top Slider and Booking form -->
<!-- Luxury Rooms -->
<div id="luxury-rooms">
<!-- Heading box -->
<div class="heading-box">
<h2>Luxury <span>Rooms</span></h2><!-- Title -->
<div class="subtitle">Best rooms with Best services</div><!-- Subtitle -->
</div>
<!-- Room Box Container -->
<div class="room-container container">
<!-- Room box -->
<div class="room-boxes">
<img src="assets/img/rooms/1.jpg" alt="King Suit" class="room-img"><!-- Room Image -->
<div class="room-details col-xs-6 col-md-4">
<div class="title">King Suit</div><!-- Room title -->
<div class="description"><!-- Room Description -->
Short description of rooms will be located in this section that you can describe some special features and equipment of rooms. Visitors can get more information about this rooms by clicking on "Details" button.
</div>
Details<!-- Detail link -->
</div>
<div class="price-container col-xs-6 col-md-8">
<div class="price">
<span>$550</span>
- Per Night
</div>
</div>
</div>
<!-- Room box -->
<div class="room-boxes right">
<img src="assets/img/rooms/2.jpg" alt="Royal Suit" class="room-img">
<div class="room-details col-xs-6 col-md-4">
<div class="title">Royal Suit</div>
<div class="description">
Short description of rooms will be located in this section that you can describe some special features and equipment of rooms. Visitors can get more information about this rooms by clicking on "Details" button.
</div>
Details
</div>
<div class="price-container col-xs-6 col-md-8">
<div class="price">
<span>$490</span>
- Per Night
</div>
</div>
</div>
<!-- Room box -->
<div class="room-boxes">
<img src="assets/img/rooms/3.jpg" alt="Deluxe Two-bedroom Suite" class="room-img">
<div class="room-details col-xs-6 col-md-4">
<div class="title">Deluxe Two-bedroom Suite</div>
<div class="description">
Short description of rooms will be located in this section that you can describe some special features and equipment of rooms. Visitors can get more information about this rooms by clicking on "Details" button.
</div>
Details
</div>
<div class="price-container col-xs-6 col-md-8">
<div class="price">
<span>$370</span>
- Per Night
</div>
</div>
</div>
</div>
</div>
<!-- End of Luxury Rooms -->
<!-- Special Packages -->
<div id="special-packages" class="container">
<!-- Heading box -->
<div class="heading-box">
<h2>Special <span>Packages</span></h2><!-- Title -->
<div class="subtitle">Choose one of our special offers</div><!-- Subtitle -->
</div>
<!-- Package Container -->
<div class="package-container clearfix">
<!-- Package Box -->
<div class="package-box wow fadeInUp col-sm-6 col-md-4">
<div class="package-inner">
<div class="title">Diamond</div>
<div class="price"><span>$450</span>per night</div>
<div class="package-details">
<ul>
<li>Flight Ticket</li>
<li>Restaurant ( Lunch / Dinner )</li>
<li>Music Concert</li>
<li>Airport Pick-up</li>
<li>Sport Activities</li>
</ul>
</div>
Select Package
</div>
</div>
<!-- Package Box -->
<div class="package-box wow fadeInUp col-sm-6 col-md-4" data-wow-delay="0.5s">
<div class="package-inner">
<div class="title">Gold</div>
<div class="price"><span>$340</span>per night</div>
<div class="package-details">
<ul>
<li>Flight Ticket</li>
<li>Restaurant ( Lunch )</li>
<li>Music Concert ( 50% off )</li>
<li>Airport Pick-up</li>
<li>Sport Activities</li>
</ul>
</div>
Select Package
</div>
</div>
<!-- Package Box -->
<div class="package-box wow fadeInUp col-sm-6 col-md-4" data-wow-delay="1s">
<div class="package-inner">
<div class="title">Silver</div>
<div class="price"><span>$230</span>per night</div>
<div class="package-details">
<ul>
<li>Flight Ticket</li>
<li>Restaurant ( 20% off Lunch )</li>
<li>Music Concert ( 30% off )</li>
<li>Airport Pick-up</li>
<li>Sport Activities</li>
</ul>
</div>
Select Package
</div>
</div>
</div>
</div>
<!-- End of Special Packages -->
<!-- Gallery -->
<div id="gallery">
<!-- Heading box -->
<div class="heading-box">
<h2>Pinar <span>Gallery</span></h2><!-- Title -->
</div>
<!-- Gallery Container -->
<div class="gallery-container">
<div class="sort-section">
<div class="sort-section-container">
<div class="sort-handle">Filters</div>
<ul class="list-inline">
<li>All</li>
<li>Restaurant</li>
<li>Bars</li>
<li>Pool</li>
<li>Rooms</li>
<li>Lobby</li>
</ul>
</div>
</div>
<ul class="image-main-box clearfix">
<li class="item col-xs-6 col-md-3 lobby">
<figure>
<img src="assets/img/gallery/1.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>Great</span> View</h4>
</figcaption>
</figure>
</li>
<li class="item col-xs-6 col-md-6 pool">
<figure>
<img src="assets/img/gallery/2.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>Outdoor</span> Pool</h4>
</figcaption>
</figure>
</li>
<li class="item col-xs-6 col-md-3 bars">
<figure>
<img src="assets/img/gallery/3.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>Delicious</span> Foods</h4>
</figcaption>
</figure>
</li>
<li class="item col-xs-6 col-md-3 restaurant">
<figure>
<img src="assets/img/gallery/4.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>International</span> Foods</h4>
</figcaption>
</figure>
</li>
<li class="item col-xs-6 col-md-3 pool">
<figure>
<img src="assets/img/gallery/5.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>Cozy</span> Spaces</h4>
</figcaption>
</figure>
</li>
<li class="item col-xs-6 col-md-3 rooms">
<figure>
<img src="assets/img/gallery/6.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>Comfortable </span> Rooms</h4>
</figcaption>
</figure>
</li>
<li class="item col-xs-6 col-md-3 pool">
<figure>
<img src="assets/img/gallery/7.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>Relaxation</span> Spaces</h4>
</figcaption>
</figure>
</li>
<li class="item col-xs-6 col-md-6 pool">
<figure>
<img src="assets/img/gallery/8.jpg" alt="11"/>
Enlarge
<figcaption>
<h4><span>Indoor</span> Pool</h4>
</figcaption>
</figure>
</li>
</ul>
More ...
</div>
</div>
<!-- End of Gallery -->
<%- include('includes/footer.html'); %>
instead of the rendered version. Notice the includes at the top and bottom of the page.
So, the issue was simply because I was using .html templates instead of .ejs. Word to the wise, if you buy a template that has static .html files and want to use a templating engine such as .ejs, make sure you change .html to .ejs or you will run into all types of issues.
I have installed tomcat-8.5.23 in Linux and it is running fine. I have tried running the curl command as below, and it is resulting in the output. Where as i am trying to access the url(http://hostIp:8181/) from internet explorer resulting in timeout error.
$curl http://hostIp:8080/
output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Apache Tomcat/8.5.23</title>
<link href="favicon.ico" rel="icon" type="image/x-icon" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link href="tomcat.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="navigation" class="curved container">
<span id="nav-home">Home</span>
<span id="nav-hosts">Documentation</span>
<span id="nav-config">Configuration</span>
<span id="nav-examples">Examples</span>
<span id="nav-wiki">Wiki</span>
<span id="nav-lists">Mailing Lists</span>
<span id="nav-help">Find Help</span>
<br class="separator" />
</div>
<div id="asf-box">
<h1>Apache Tomcat/8.5.23</h1>
</div>
<div id="upper" class="curved container">
<div id="congrats" class="curved container">
<h2>If you're seeing this, you've successfully installed Tomcat. Congratulations!</h2>
</div>
<div id="notice">
<img src="tomcat.png" alt="[tomcat logo]" />
<div id="tasks">
<h3>Recommended Reading:</h3>
<h4>Security Considerations HOW-TO</h4>
<h4>Manager Application HOW-TO</h4>
<h4>Clustering/Session Replication HOW-TO</h4>
</div>
</div>
<div id="actions">
<div class="button">
<a class="container shadow" href="/manager/status"><span>Server Status</span></a>
</div>
<div class="button">
<a class="container shadow" href="/manager/html"><span>Manager App</span></a>
</div>
<div class="button">
<a class="container shadow" href="/host-manager/html"><span>Host Manager</span></a>
</div>
</div>
<!--
<br class="separator" />
-->
<br class="separator" />
</div>
<div id="middle" class="curved container">
<h3>Developer Quick Start</h3>
<div class="col25">
<div class="container">
<p>Tomcat Setup</p>
<p>First Web Application</p>
</div>
</div>
<div class="col25">
<div class="container">
<p>Realms & AAA</p>
<p>JDBC DataSources</p>
</div>
</div>
<div class="col25">
<div class="container">
<p>Examples</p>
</div>
</div>
<div class="col25">
<div class="container">
<p>Servlet Specifications</p>
<p>Tomcat Versions</p>
</div>
</div>
<br class="separator" />
</div>
<div id="lower">
<div id="low-manage" class="">
<div class="curved container">
<h3>Managing Tomcat</h3>
<p>For security, access to the manager webapp is restricted.
Users are defined in:</p>
<pre>$CATALINA_HOME/conf/tomcat-users.xml</pre>
<p>In Tomcat 8.5 access to the manager application is split between
different users. Read more...</p>
<br />
<h4>Release Notes</h4>
<h4>Changelog</h4>
<h4>Migration Guide</h4>
<h4>Security Notices</h4>
</div>
</div>
<div id="low-docs" class="">
<div class="curved container">
<h3>Documentation</h3>
<h4>Tomcat 8.5 Documentation</h4>
<h4>Tomcat 8.5 Configuration</h4>
<h4>Tomcat Wiki</h4>
<p>Find additional important configuration information in:</p>
<pre>$CATALINA_HOME/RUNNING.txt</pre>
<p>Developers may be interested in:</p>
<ul>
<li>Tomcat 8.5 Bug Database</li>
<li>Tomcat 8.5 JavaDocs</li>
<li>Tomcat 8.5 SVN Repository</li>
</ul>
</div>
</div>
<div id="low-help" class="">
<div class="curved container">
<h3>Getting Help</h3>
<h4>FAQ and Mailing Lists</h4>
<p>The following mailing lists are available:</p>
<ul>
<li id="list-announce"><strong>tomcat-announce<br />
Important announcements, releases, security vulnerability notifications. (Low volume).</strong>
</li>
<li>tomcat-users<br />
User support and discussion
</li>
<li>taglibs-user<br />
User support and discussion for Apache Taglibs
</li>
<li>tomcat-dev<br />
Development mailing list, including commit messages
</li>
</ul>
</div>
</div>
<br class="separator" />
</div>
<div id="footer" class="curved container">
<div class="col20">
<div class="container">
<h4>Other Downloads</h4>
<ul>
<li>Tomcat Connectors</li>
<li>Tomcat Native</li>
<li>Taglibs</li>
<li>Deployer</li>
</ul>
</div>
</div>
<div class="col20">
<div class="container">
<h4>Other Documentation</h4>
<ul>
<li>Tomcat Connectors</li>
<li>mod_jk Documentation</li>
<li>Tomcat Native</li>
<li>Deployer</li>
</ul>
</div>
</div>
<div class="col20">
<div class="container">
<h4>Get Involved</h4>
<ul>
<li>Overview</li>
<li>SVN Repositories</li>
<li>Mailing Lists</li>
<li>Wiki</li>
</ul>
</div>
</div>
<div class="col20">
<div class="container">
<h4>Miscellaneous</h4>
<ul>
<li>Contact</li>
<li>Legal</li>
<li>Sponsorship</li>
<li>Thanks</li>
</ul>
</div>
</div>
<div class="col20">
<div class="container">
<h4>Apache Software Foundation</h4>
<ul>
<li>Who We Are</li>
<li>Heritage</li>
<li>Apache Home</li>
<li>Resources</li>
</ul>
</div>
</div>
<br class="separator" />
</div>
<p class="copyright">Copyright ©1999-2017 Apache Software Foundation. All Rights Reserved</p>
</div>
</body>
</html>
Below is the error message i am getting in accessing the url from the internet explorer.
This site can’t be reached
<hostip> took too long to respond.
Search Google for <hostip> 8181
ERR_CONNECTION_TIMED_OUT`enter code here`
Could you please help me what went wrong here? Thanks in advance.
Regards,
Balakrishna K
I have a very weird problem with CMSMS. I have some HTML in my header file, there should be 2 links, but every time I paste a second one and click Apply- it disappears from editor. Although it shows on website.
CMSMS version: 1.11.9
<div class="header">
<div class="container">
<div class="row-fluid">
<div class="logo_wrapper">
<div class="logo"><img src="{root_url}/ui/images/logo.png" alt="" /></div>
</div>
<div class="span6 pull-right">{if $sid == 1 }
<div class="kabinet pull-right"><a class="rounded" href="apps/customer/web/profile/edit"> Профиль</a></div>
{else}
<div class="kabinet pull-right"><a class="rounded dark" href="#"> Статус доставки</a> <a class="rounded" href="apps/customer/web/login"> Личный кабинет</a></div>
{/if}</div>
</div>
<hr />
<div>
<div class="nav">
<div class="nav-inner">{menu loadprops=0}</div>
</div>
</div>
</div>
</div>
It should be after save:
<div class="header">
<div class="container">
<div class="row-fluid">
<div class="logo_wrapper">
<div class="logo"><img src="{root_url}/ui/images/logo.png" alt="" /></div>
</div>
<div class="span6 pull-right">{if $sid == 1 }
<div class="kabinet pull-right"><a class="rounded" href="apps/customer/web/profile/edit"> Профиль</a>
(this link keeps disappearing)
<a class="rounded no-bg-color" href="apps/customer/web/logout"><i class="icon-off icon-white"></i></a>
</div>
{else}
<div class="kabinet pull-right"><a class="rounded dark" href="#"> Статус доставки</a> <a class="rounded" href="apps/customer/web/login"> Личный кабинет</a></div>
{/if}</div>
</div>
<hr />
<div>
<div class="nav">
<div class="nav-inner">{menu loadprops=0}</div>
</div>
</div>
</div>
</div>
It's probably the HTML editor (MicroTiny I expect) believing that link is invalid HTML and throwing it away.
Set the editor to HTML mode so that you can edit the HTML directly (not WYSIWYG). It will then accept your edits and not try to edit them.
I have a site I'm working on at the moment, in which I have a sidebar displaying the 10 most recent posts (titles as links). I'm calling this in with the Embed function.
Though when I am looking on the individual post itself, the list only displays the post title that I'm on.
My embedded code calls all 10 of the recent posts in a exp:channels entry normal way.
Is there something I've done wrong? Below is the code for the main blog page:
{embed="embeds/html_header"}
<!-- content -->
{embed="embeds/html_blog_top"}
<div class="container">
<div class="row">
{embed="embeds/html_blog_sidebar"}
{exp:channel:entries channel="blog" limit="1"}
<div class="span8">
<article>
<header class="postHeader">
<div class="row-fluid">
<div class="span3 postDate">{entry_date format="%d"}<span>{entry_date format="%F"}</span></div>
<div class="span9 postPic">
<div class="imgWrapper">
{blog_image}
</div>
</div>
</div>
</header>
<div class="row">
<section class="span6 offset2">
<h2>{title}</h2>
<p>{full_entry}</p>
<p><span class='st_sharethis' displayText='ShareThis'></span>
<span class='st_facebook' displayText='Facebook'></span>
<span class='st_twitter' displayText='Tweet'></span>
</p>
</section>
</div>
</article>
</div>
{/exp:channel:entries}
</div>
</div>
</section>
<!-- footer -->
{embed="embeds/html_footer"}
This is the sidebar embed:
<aside class="span4" style="float:right;">
<section class="widget search clearfix">
<h3>news</h3>
<p>
{exp:channel:entries channel="blog" limit="10" orderby="date"}
{title}<br>
{/exp:channel:entries}
</p>
</section>
<section class="widget">
<h3>Archives</h3>
<ul>
<li>
{exp:channel:month_links channel="blog"}
{month} {year}<br>
{/exp:channel:month_links}
</li>
</ul>
</section>
</aside>
Its just the bit with the news section that I can't seem to get as a full list on the individual page.
Add dynamic="no" to your embed entries loop and you should be good.
Also, if you want answers on ExpressionEngine questions more quickly, try posting to expressionengine.stackexchange.com