30 Oct 2020

feedHTMLHelp Forums Full Feed

HTML

hello,
I have been trying to make a very simple html and css web page. there is one place which
I have been stuck with. in the output you will see the navbar which says home, about , contact,
I want that to be on the right side but the logo to stay where it is but on the same line . hope
that makes sense. I have tried so many ways to figure out but no luck ,
so that's why I am here , asking for your help . please go through the attached file and
tell me where I did wrong in my coding so that I can understand.

30 Oct 2020 4:23pm GMT

27 Oct 2020

feedHTMLHelp Forums Full Feed

Webpage template contact form post help

Hi,

I have a web template from colorlib and all goes well with my low level of HTML knowledge but am stumped with the webform. I have posted HTML below which defines container size etc but need to get the webform to work and as I didnt build the 'skeleton' not sure how to get it to operate. Could one of you kind guys point me in the right direction please. For reference the contact form is at the bottom of this page www.landseerllc.com.

HTML

<section class="site-section bg-light bg-image" id="contact-section">
<div class="container">
<div class="row mb-5">
<div class="col-12 text-center">
<h2 class="section-title mb-3">Have a question or request a quote: Contact Us</h2>
</div>
</div>
<div class="row">
<div class="col-md-7 mb-5">



<form action="" class="p-5 bg-white">

<h2 class="h4 text-black mb-5">Get In Touch</h2>

<div class="row form-group">
<div class="col-md-6 mb-3 mb-md-0">
<label class="text-black" for="fname">First Name</label>
<input type="text" id="fname" class="form-control">
</div>
<div class="col-md-6">
<label class="text-black" for="lname">Last Name</label>
<input type="text" id="lname" class="form-control">
</div>
</div>

<div class="row form-group">

<div class="col-md-12">
<label class="text-black" for="email">Email</label>
<input type="email" id="email" class="form-control">
</div>
</div>

<div class="row form-group">

<div class="col-md-12">
<label class="text-black" for="subject">Subject</label>
<input type="subject" id="subject" class="form-control">
</div>
</div>

<div class="row form-group">
<div class="col-md-12">
<label class="text-black" for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="7" class="form-control" placeholder="Write your notes or questions here..."></textarea>
</div>
</div>

<div class="row form-group">
<div class="col-md-12">
<input type="submit" value="Send Form" class="btn btn-primary btn-md text-white">
</div>
</div>


</form>
</div>
<div class="col-md-5">

<div class="p-4 mb-3 bg-white">
<p class="mb-0 font-weight-bold">Landseer 360 Contact Address</p>
<p class="mb-4">Caemorgan Mansion, Caemorgan Road, Cardigan <br />SA43 1QU United Kingdom</p>

<p class="mb-0 font-weight-bold">Phone</p>
<p class="mb-4"><a href="#">+44 (0)7866435212</a></p>

<p class="mb-0 font-weight-bold">Email Address</p>
<p class="mb-0"><a href="#">scan@landseerllc.com</a></p>

</div>

</div>
</div>
</div>
</section>

27 Oct 2020 4:49pm GMT

24 Oct 2020

feedHTMLHelp Forums Full Feed

Help with HTTP request 'Get'

Hi All!
Thank you in advance for your valuable time.
This is my first Post but I have been reading lots for a while here.
I'm self taught, and thanks to forums and folks like you guys I have reached this far!

So, here is my issue:
I have a webpage with 2 html files. Page 1 and Page 2. Both request specific data from a device (Nodemcu) via serial.
When load page 1 will request data from a device and when received it will display it.
expected data is : 7d 03 18 07 05 00 00 00 00 00 00 96 00 00 00 39 00 00 00 8a 00 00 00 64 00 00 56 07.
and it works fine!
when I click on Page 2 it does the same and display its data as well correctly.
but when I click on page 1 again it will display the data Correctly once and then after its position changes to something like:
56 07 7d 03 18 07 05 00 00 00 00 00 00 96 00 00 00 39 00 00 00 8a 00 00 00 64 00 00.

This Only happens to page 1. I have tried to see if this happens to page 2 by doing the reverse but No, data always lines up.

I have attached html files & css files for review.
This is what I used on the request part:

CODE
setInterval(function() {
Getstring();
}, 3000);

function Getstring(){
var xhttp = new XMLHttpRequest();
var page1;
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
page1 = String(this.responseText);
document.getElementById("SENSORValue").innerHTML = page1;
}
};
xhttp.open("GET", "/getDATA1", true);
xhttp.send();
}


when the device gets the getData1 it sends the requested Data.
Same with page 2:

CODE

setInterval(function() {
Getstring();
}, 3000);

function Getstring(){
var xhttp = new XMLHttpRequest();
var page2;
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
page2 = String(this.responseText);
document.getElementById("SENSORValue").innerHTML = page2;
}
};
xhttp.open("GET", "/getDATA2", true);
xhttp.send();



Hope to hear your opinion!

24 Oct 2020 3:59am GMT

13 Oct 2020

feedSmiley Cat: Christian Watson's Web Design Blog

Abandoned Cart Email Copywriting that Brings Shoppers Back

Although they follow a fairly standard template, abandoned cart emails can be made more human, and more effective, through creative copywriting that catches readers' attention and engages them to return to their shopping session and checkout. These examples from leading online retailers showcase a variety of writing styles that emphasize urgency and scarcity while adding […]

The post Abandoned Cart Email Copywriting that Brings Shoppers Back first appeared on Smiley Cat.

13 Oct 2020 9:48am GMT

30 Sep 2020

feedSmiley Cat: Christian Watson's Web Design Blog

How to Convert Popup Windows to Tabs in Google Chrome

Some websites (e.g., Gmail) create popup windows in Chrome without displaying the menubar, which means that you don't have access to any of the usual Chrome menubar functionality. Recently I wanted to use an extension on a Chrome popup window, but I struggled as I could not figure out how to make the menubar display. […]

The post How to Convert Popup Windows to Tabs in Google Chrome first appeared on Smiley Cat.

30 Sep 2020 1:09am GMT

28 Sep 2020

feedSmiley Cat: Christian Watson's Web Design Blog

Abandoned Cart Emails Design Gallery

The average shopping cart abandonment rate is slightly under 70%, which translates to billions of dollars in lost sales per year. As a result, an effective abandoned cart email program is essential for most online retailers. These examples from leading ecommerce stores showcase best-in-class examples of copywriting and design that convert abandoned shoppers into customers.

The post Abandoned Cart Emails Design Gallery first appeared on Smiley Cat.

28 Sep 2020 12:00am GMT

20 Jan 2020

feedCSS Drive News

The Ultimate Guide to Office Color Psychology

Skillful use of colors in the office can boost your productivity, health, and even happiness. Learn all about color psychology in this article.

20 Jan 2020 10:08pm GMT

17 Mar 2019

feedCSS Drive News

3D Web Design- The New Frontier for Web Design

This post explores the emerging popularity of 3D for creating highly interactive web sites.

17 Mar 2019 9:35am GMT

08 Nov 2018

feedCSS Drive News

Best Developer Frontend Courses

See the best, most relevant frontend courses online to take to succeed as a frontend developer in 2019 and beyond.

08 Nov 2018 1:49am GMT

22 Mar 2011

feedArticles – CSS Globe

Easy Percentage Grid System with HTML5

Web grid systems help front end coders to layout a document faster. In this article I am presenting a percentage based grid system that is included in the Easy framework's CSS.

22 Mar 2011 10:04am GMT

09 Mar 2011

feedArticles – CSS Globe

Easy Paginate jQuery plugin for pagination

This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects.

09 Mar 2011 11:16am GMT

21 Feb 2011

feedArticles – CSS Globe

jQuery plugin Easy Image Zoom

I have been working on a little script for a client of mine, that required product image magnification. The task was to create a script that will allow users to see large details of the product while moving cursor over medium sized image. During the process I decided to create a jQuery plugin and share it with you guys!

21 Feb 2011 11:29am GMT

19 Jan 2011

feedCSS Beauty News Feed

CSS background image hacks

CSS background image hacks. Emulating background image crop, background image opacity, background transforms, and improved background positioning.

19 Jan 2011 3:29pm GMT

18 Jan 2011

feedCSS Beauty News Feed

Internet Explorer User Agent Style Sheets

Internet Explorer User Agent Style Sheets. Downloadable UA Stylesheets for all the major versions of Internet Explorer.

18 Jan 2011 1:59pm GMT

22 Dec 2010

feedCSS Beauty News Feed

@font-face tip

@font-face tip Define font-weight and font-style to keep your CSS simple.

22 Dec 2010 3:12pm GMT

30 Nov 2008

feedNycGraphix BlogPhoto

Photography Blogs and Feeds

digtal Photography School - (RSS) JMG-Galleries - (RSS) Photocritic - (RSS) 365 Portraits - (RSS) Strobist - (RSS) Kwerfeldein - (RSS) Joseph Szymanski - (RSS) File Magazine - (RSS) PhotographyVoter - (RSS) Photopreneur - (RSS) The Daily Critique - (RSS) Catchy Colors Photoblog - (RSS) photodoto - (RSS) daily dose of imagery - (RSS) NYCgraphix Blog Photo - (RSS) Photoshop User TV - (RSS) DIYPhotography.net - (RSS) Earthbound Light - (RSS) Earth Shots [...]

30 Nov 2008 12:45pm GMT

20 Oct 2008

feedNycGraphix BlogPhoto

WP Plugins October 20, 2008

NextGEN Gallery (Download)NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option. d13slideshow (Download)Add animated slideshows of your featured pages and posts. Lifestream (Download)Lifestream displays your social feeds and photos much like you would see it on many of the social networking sites. WP Super Cache(Download)A very fast caching engine for WordPress [...]

20 Oct 2008 8:54am GMT

11 Oct 2008

feedNycGraphix BlogPhoto

Windows Software

Avast: Another free Anti-Virus software. Just as good [...]

11 Oct 2008 10:12pm GMT