HTML

58K

Solutions

30K

Contributors

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

Share tech news, updates, or what's on your mind.

Sign up to Post

I have the below HTML. How do I align amounts right within centered data cells in an HTML table .

<table>
    <tbody>
        <tr>
            <td>Name</td>
            <td>&nbsp;</td>
            <td>John Joe Joseph Doe&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;Address</td>
            <td>&nbsp;</td>
            <td>Doestreet</td>
        </tr>
        <tr>
            <td>Amount received</td>
            <td>Amex</td>
            <td>750.00</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>Visa</td>
            <td>250.00&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>Diners</td>
            <td>300.00</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>Total</td>
            <td><strong>1300.00</strong></td>
        </tr>
        <tr>
            <td>Amoungt paid</td>
            <td>&nbsp;</td>
            <td>1250.00</td>
        </tr>
        <tr>
            <td>Change</td>
            <td>&nbsp;</td>
            <td><strong>50.00</strong></td>
        </tr>
    </tbody>
</table>

Open in new window

0
Get expert help—faster!
LVL 12
Get expert help—faster!

Need expert help—fast? Use the Help Bell for personalized assistance getting answers to your important questions.

Hi Experts,

I have a problem retrieving HTML link using XPath which I hope you can help with.

Here is the website where I'm retrieving the data from https://boligejer.dk/ejendomsdata/0/10/0/140238%7C0265. More specifically then it's this part:
.
.
.


<li>
 <a href="/pls/wwwdata/get_ois_pck.show_bbr_meddelelse_pdf?i_municipalitycode=0265&amp;i_realpropertyidentifier=140238" title="BBR Meddelelser" target="_blank">
  <span class="glyphicon glyphicon-menu-right"></span>&nbsp;BBR Meddelelse
 </a>
</li>
.
.

This xpath works fine and retrieves the text BBR Meddelelse:
//*[@id="content"]/article/aside/ul/li[1]/a

However I need the HTML link and I would expect that I can use one of the following xpath to get the HTML like but I get an error stating that it does not exist.
//*[@id="content"]/article/aside/ul/li[1]/a/@href
//a[@id="content"]/article/aside/ul/li[1]/a[contains(text(), 'BBR Meddelelse')]/@href
//a[@id="content"]/article/aside/ul/li[1]/a[text()='BBR Meddelelse']/@href

Is that because it's not a std. http link which I can copy into a browser, and is there a way to get around that?

Best regards,
Michael
0
I'm looking for a multi-level menu approach with touch support that preferably uses no javascript.

My current live menu from www.fobgfc.org uses the hidden checkbox technique, but it doesn't work on touch devices so I must have gone wrong somewhere.

(I will aim to reduce the number of sublevels in the future, but the principle is the same.)

I attach the html for the menu and its CSS.

Thanks in advance,

  Col
include_menu.php
menu.css
0
I use jquery html date just like <input type="date" id="dob" />
I only want to allow the user select any dates that he/she is age of 18 equal or above.
How can I do that in javascript or jquery?
0
Hi there. My webpage is not mobile-responsive and it appears due to this line of html code:

<label for="q2"><strong>What ministries does the Archbishop&rsquo;s Catholic Appeal support?</strong></label>

Open in new window


Here is the full html of my page:

<style type="text/css"><!--
label {
    color: #222222;
    cursor: pointer;
    font-size: 1.175rem;
    font-weight: normal;
    line-height: 1.5;
}
span.FormLabelText {
 color: #222222;    
    font-size: 1.275rem;
    font-weight: bold;    
}
fieldset {
color: #222222;
  font-size: 1.275rem;
    font-weight: bold;
  } 
hr {
color:#EEEEEE;
max-width:95%;
}    
h2.section-header-container {
font-size:26px;
}
h2 {
font-size:26px;
}
h3 {
font-size:24px;
}
p.content {
font-size:20px;
text-align:left;
font-weight:normal;
margin-right:50px;
}
p.content2 {
font-size:20px;
text-align:left;
font-weight:normal;
margin-right:50px;
}
p.top-message {
font-size:26px;
text-align:center;
font-weight:bold;
color:#ffffff;
margin:15px;
}
p.bottom-message {
font-size:20px;
text-align:center;
font-weight:bold;
color:#FFFFFF;
margin:15px;
}
p.form {
margin-left:50px;
}
@media only screen and (min-width: 320px) and (max-width: 479px) {   
  .full {
    display:block;
    width:100%;
	height:auto;
	clear: both;	
	margin:20px;
  } 
  table.bottom-footer-image-1920 {
    display:none;
  }
  table.top-banner-image-1920 {
    display:none;
  }  
  table.top-banner-image-1250 {
    display:none;
  }     
  table.top-banner-image-480 {
    

Open in new window

0
Hello!

I have a Google API line graph with two lines and clickable tooltips. On the click, a hidden div is shown that displays a pie chart with further details about the point on the graph. This is working fine using a switch statement. However, I'm having difficulty getting unique onclick events for both line points. Currently, for the month of Jan 18, it's showing the same pie chart for both lines. Not sure what I can do to fix this and have each bullet display their respective chart.

You can check out my code here: https://jsfiddle.net/Error_423/g4gz279e/35/
I was using this as a reference: https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#tooltip-actions

I've added comments in the JS and HTML to further explain what I'm trying to accomplish.

Any help would be greatly appreciated!
0
how do I reset where a CF Tag file is being pulled from within a cold fusion file?

debug is providing these filepaths:

Total Time Avg Time Count Template
0 ms 0 ms 1 D:/inetpub/wwwroot/CF_Tags/InetRightLinks.cfm
0 ms 0 ms 1 D:/inetpub/wwwroot/CF_Tags/InetTopLinks.cfm
0 ms 0 ms 1 D:/inetpub/wwwroot/bottomInet.cfm
0 ms 0 ms 1 D:/inetpub/wwwroot/centralinv/InetTopHierMenu.cfm
0 ms 0 ms 1 D:/inetpub/wwwroot/secure/CF_Tags/InetCGLinks.cfm
0 ms 0 ms 1 D:/inetpub/wwwroot/secure/InetDate.cfm
0 ms 0 ms 1 D:/inetpub/wwwroot/secure/InetLeftMenu.cfm
0 ms 0 ms 1 D:/inetpub/wwwroot/secure/payment.htm
0 ms   STARTUP, PARSING, COMPILING, LOADING, & SHUTDOWN
0 ms   TOTAL EXECUTION TIME


Within the file the CF_InetLeftMenus.cfm file for instance? What is directing the htm file, payment.htm in this case, to pull from that directory vs. the CF_tags file under inetpub or wwwroot. Any yes I know the CF-Tag file configuration is messed up. Old set up I had nothing to do with.

I'm assuming something needs to be modified w/in the CF admin panel but what?
0
Some HTML5 / Bootstap web pages started getting very dark background and unreadable reported by customers. On Samsung Tablets using chrome browser.  

Multiple Samsung tablet users reported this problem starting. I don't believe it is a change on our end as they pages have not been changed. They work fine on Samsung Note 8 which I have. I don't have Samsung tablet to test. The pages are fine with  all browsers for desktop and other devices as far as I know.

Please help me understand and fix how I can adjust the html / css to fix this. Or is a plugin misbehaving? I am not sure. Sorry I am not super-technical but know enough.

Here are two examples of the pages getting the dark backround on Samsung tablets

https://www.housecarers.com/homeowner-profile.cfm?mem=2145763446

https://www.housecarers.com/housesitter-profile.cfm?mem=2145596663
0
We have just installed 10 Cisco Meraki MR33 AP's. I am working to customize the spalsh page that users of the guest wifi see before they connect. I'm not a developer by any strech so a lot of this is new to me. The web page uses CSS and HTML. I would like to use Arial Narrow. Can any one help me with this?

Thanks
0
We would like to create an imagemap (in jQuery can do it), and we want to connect it with SharePoint.
Ok here's the question, is it possible and how (if it is possible) to create something like when a user click on some point from the image it will open the specific details of that point, but no need to show the WHOLE data. It can be done in PHP &/or ASP, but we want to create it in SharePoint 2013, as we have the main site already and we want to do every site in SP2013.

We have info with this column: Pos      Part No.      Description      Qty      Valid Fm      Valid To      Sale Price/Pcs.      Remark
but if the user click on one point on the image, it should only show the specific details or info of it, now how to do it in SharePoint or will it be from the script (HTML or ASPX)?
0
Never miss a deadline with monday.com
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

I am using the tinymice WYSIWYG HTML Editor.

It seems to work fine on most things but is returning funky html when there are conditional statements in the html code

This is what is being loaded so as to use the HTML Editor...

It seems that The bad results are consistent with the editor stripping out the conditional comments that are used to handle the formatting in Outlook

            <%--WYSIWYG Editor Code--%>
    <script src="assets/js/jquery.min.js"></script>
    <script src="plugins/tinymce/tinymce.min.js"></script>
    <script>
        $(document).ready(function () {
            if ($("#ctl00_ContentPlaceHolder1_elm1").length > 0) {
                tinymce.init({
                    selector: "textarea#ctl00_ContentPlaceHolder1_elm1",
                    theme: "modern",
                    height: 300,
                    plugins: [
                        "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker",
                        "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
                        "save table contextmenu directionality emoticons template paste textcolor",
                        "fullpage"
                    ],
                    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | l      ink image | print preview media fullpage | forecolor backcolor

Open in new window

0
Finding really hard to hide the Cancel button, when the inner html gets displayed. How can I force the outer div to get the refresh? The last div section is not getting refreshed.

HTML

<div class="panel-group step-one" [class.hidden]= "(!isOtherOneTimePaymentSelected  &&( oneTimePaymentMethod?.id || show.oneTimePayment.stepTwo || (hasCreditCardMethod && hasBankPaymentMethod)))">
                <div class="panel" [class.expanded]="expand.oneTimePayment.card" [class.hidden]="expand.oneTimePayment.bank">
                    <div class="panel-heading" (click)="expandOneTimePayment('card')">
                        <h4 class="panel-title">Credit Card</h4>
                    </div>
                    <div class="panel-body">
                        <div class="panel-inner">
                            <add-card (saved)="createdOneTimePaymentMethod($event)"
                                      [system]="selectedSystem"
                                      [isCancelable]="true"
                                      (canceled)="cancelExpand($event, 'card')"
                                      [paymentMethod]="oneTimePaymentMethod">
                            </add-card>
                        </div>
                    </div>
                </div>
                <hr class="panel-break visible-xs" />
                <div class="panel" [class.expanded]="expand.oneTimePayment.bank" [class.hidden]="expand.oneTimePayment.card">
                    <div 

Open in new window

0
I guess the question is:  Is there an HTML / Javascript solution to read/parse the contents of a text file and populate the web page accordingly

Here is what I'm trying to accomplish...

I want to read a text file & that has the following:

ReportName1;D:\REPORT1\URL\here
ReportName2;D:\REPORT2\URL\here
ReportName3;D:\REPORT3\URL\here

and so on

I want a simple HTML page to look like this:

ReportName1
ReportName2
ReportName3


I think I could do something  like this:

<a href="%%var_link1%%">%%Var_ReportName1%%</a><br />

<a href="%%var_link2%%"> %%Var_ReportName2%% </a><br />

<a href="%%var_link3%%"> %%Var_ReportName3%% </a>

  • Where
  • var_link
  • is the path name from the text file
  • Where ReportName is equal to the actual report name
0
I am working with an api and using " $xml=simplexml_load_string(file_get_contents('php://input')) or die("Error: Cannot create object") " I am fetching data that is being posted to a url and I need to response back to the server after getting it, but when they are pushing request they are getting below response: -

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html><head>
<title>501 Method Not Implemented</title>
</head><body>
<h1>Method Not Implemented</h1>
<p>GET to /index.php not supported.<br />
</p>
<p>Additionally, a 501 Method Not Implemented
error was encountered while trying to use an ErrorDocument to handle
the request.</p>
</body></html>

But from my side this is not the correct response. Is this the error in my method of getting data? Or I need to implement it in a different way? Thanks in advance.
0
How can i remove in wordpress the footer links to previous and next posts? like this:
H8fBQRR-1-.png
0
Hi

I need to do some regular auto login with this website: https://max.eq-3.de/login.jsp The html below is not working for this website maybe because of the .jsp? Maybe I missed something, I tried some different scripts even PHP with cURL, but i never managed to paste any text in to the form fields?

<HTML>
<HEAD>
<TITLE>
Login</TITLE>
<script>
<!--
function login() {
    document.maxRemoteLogin.action="https://max.eq-3.de/login.jsp";
    document.maxRemoteLogin.submit();
}
//-->
</script>
</HEAD>
<BODY onLoad="login()">
<FORM NAME="maxRemoteLogin" METHOD="POST">
<INPUT TYPE="hidden" NAME="user" VALUE="xxx">
<INPUT TYPE="hidden" NAME="passwd" VALUE="yyy">
</FORM>
</BODY>
</HTML>

Open in new window

0
Hi,
I am using Angular2 form. Mostly all validated using html pattern and some are form validated. For html validation, I am getting generic tooltip "Please enter a valid format" for phone without saying the format. How can I change it to "Please enter 10 numeric values."

HTML Code

   <div class="row form-group">
             <div class="col-xs-12">
                <div class="float-label active">
                      <input type="text" class="input-underline-blue" id="phone" formControlName="phone"
                       placeholder="(123) 345-2222"
                        (keydown)="numOnlyDown($event)"
                         (keyup)="numOnlyUp($event)"
                             (blur)="phoneUSFormat($event)"
                            [maxlength]="14"
                         pattern="(?:\([1-9]\d{2}\)|\d{3})[- ]?\d{3}[- ]?\d{4}"              
                         required />
     <label for="phone">@Html.Sitecore().Field("Phone Label", profileItem)</label>
    <div *ngIf="!editInfoForm.get('phone').valid" class="alert alert-danger alert-small">
     <span *ngIf="editInfoForm.get('phone').hasError('required')">
                                                        @Html.Sitecore().Field("Phone Required", profileItem)
      </span>
      <span *ngIf="!editInfoForm.get('phone').hasError('required') && !editInfoForm.get('phone').valid">
      Enter a valid phone number.
         </span>
         </div>
   </div>
      </div>
   …
0
When I am pasting in html to the tinymice wysiwyg HTML Editor...
It is adding all kinds of what seems to be Word tags.

How do I stop that?

I need it to save only the HTML

This is my html page

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="wysiwyg.aspx.vb" MasterPageFile="~/BootstrapMaster.master"
    Inherits="wysiwyg" %>

<%@ MasterType VirtualPath="~/BootstrapMaster.master" %>

<asp:Content ID="ContentLeads" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <link href="assets/css/core.css" rel="stylesheet" type="text/css" />
    <div class="row">
        <div class="col-sm-12">
            <div class="card-box">
                <h4 class="m-b-30 m-t-0 header-title">Example</h4>

                <div style="width: 80%; padding: 20px 20px 20px 20px;">
                    <textarea id="elm1" name="area" runat="server" stye="width:90%;"></textarea>
                    <br />
                    <br />
                    <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click" /><asp:Label ID="lblMessage" runat="server"></asp:Label>
                </div>

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

    <script src="assets/js/jquery.min.js"></script>
    <script src="plugins/tinymce/tinymce.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            if ($("#ctl00_ContentPlaceHolder1_elm1").length > 0) {
                tinymce.init({
                    selector: 

Open in new window

0
Hello,

I bought a theme but did not realize it doesn't have support. I am a novice with WordPress and need help with a couple items (#3 is my main concern):

1. How can I make the logo large?

2. In sidebar instagram is not working. It just displays words, please advise.

3. On the Video and Audio Template pages, I want just a specific category to show up on that page, it its showing all categories even though I have the specific category selected:
The Following Announcement should only show category (TFA)
Recipes should only show category (Recipes)
BYB should only show category (BYB)
*Also the same issue under the home page banners (using the widgets)

4. On the default template page can it be full screen without a side bar?

Thank you so much. There is a stationary page so you have to login to my WordPress below to see the site, this is the info to do so:
http://wise-eats.com/wp-admin/
N: Testing
P: thisisatest1234
0
The new generation of project management tools
The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

Hi Experts, is it possible to download the file from outside the web directory? My web folder root directory is located at "C:\FolderWeb", while I want to download the file which is located at C:\Vb6\StopSkyWin.bat I'm using this <a href="C:\Vb6\StopSkyWin.bat" download>Visual basic 6</a> but it doesn't work. Any help, please!
0
Hi experts, I have found an inconsistency with the codes below getting the date using javascript. There are times in the day that the Date will go to advance sometimes months or years. I could not trace the problem because there is no specific time when it occurs. I wish experts could help me solving this problem. Thank you!

HTML

<!doctype html>
<html lang="en">
<body onload="GetDate()">
<div style="height:25px;">
 Date:&nbsp;<input type="Date" id="menuDate" class="posDate" readonly/>
 <button onclick="return mnuDate()">Date</button> 
 <input type="text" id="tDate">
</div>

<script>
function GetDate()
{
  var myDate = new Date();
  var myDateStr = myDate.getFullYear() + "-" + myDate.getMonth() + "-" + myDate.getDate();
  var nowDate = myDate.getFullYear() + "-" + myDate.getMonth() + "-" + myDate.getDate();
  var PosDate = myDate.getMonth() + "/" + myDate.getDate() + "/" + myDate.getFullYear();
  
  document.getElementById("menuDate").valueAsNumber = new Date(myDate.getFullYear(), myDate.getMonth(), myDate.getDate(), 12);

}

function mnuDate()
{
  var iDate = document.getElementById('menuDate').value;
  iDate = ((convertDate(iDate))); 
  document.getElementById('tDate').value = iDate;
}

function convertDate(arg)/*cd17*/
{
	var a=Date.parse(arg);
	var b=new Date(a);
	var day=b.getDate();
	if(day<=9){
	  day='0'+day;
	}
	var month=b.getMonth()+1;
	if(month<=9){
	  month='0'+month;
	}
	var year=b.getFullYear();
	var stringDate=month+'/'+day+'/'+year;
	return 

Open in new window

0
have a HTML table with 2 columns (Store name and Location).

There are few stores in Store name which are located in different locations.

I need to set the location of each store to be a hyperlink. So for example if I click on London in Locations all the stores in London appear in a new page.

Hope that explains my question.

Would appreciate any feedback.
0
I had this question after viewing How can I display HTLM from a string in a WebBrowser Control?.

In Access 2016 this does not work. The WebBrowser control no longer has a .Navigate method (you use .ControlSource = "about:blank" I believe) and no longer has a .Document property ! Does anyone know the 'Access 2016' way of doing this ?
0
Looking to have 100% height on two divs side by side. I want to keep each div independent in scrolling content in each but in the blue div/column, I would like to have a smooth scroll feature. It works now but you will see the red column does not retain its 100% column height.

Thanks for any insight...

https://jsfiddle.net/o1grxdw5/12/
0
I need to use cgi var vs hardcoding a link or using the link as a relative or absolute link. Can someone provide an example of that?

i.e.:

href="https://testsite.com">

Open in new window


how would I convert that to using cgi var?
0

HTML

58K

Solutions

30K

Contributors

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

Vendor Experts

Gil FeldmanMonday Learn more about Monday