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

Hi Experts,

I am building my second WP site, and I am wondering why the Header Image (under Appearance >Header) is appearing in the middle?

I thought the middle is for the Featured Image?

How can I make the header image appear in the top left corner above the site name?  As well, how can I lower the site navigation to be just above the blue line?

If I need to adjust the code, not an issue, but how can I create the child theme and where do I adjust?

I am pretty knowledgeable in PHP, HTML, CSS, etc, I just need a reminder what's where in WP. I am using the Flex-Lite theme.
0
Free Tool: Path Explorer
LVL 9
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

I have a select input on a page and I want the user to select an option. When they select an option, I coded it where they will be forwarded to another page with a different form. I would like to carry over their selection to the "value" of an input field in the new form. Can someone help me execute this? I'm assuming it can be done somehow with javascript but not sure how.

This is the select button code on the first page:
<select type="text" class="service-list form-control" data-placeholder="Select Option" onchange="location = this.value;">
	<option value="new-form.html">Apple</option>
	<option value="new-form.html">Orange</option>
	<option value="new-form.html">Watermelon</option>
</select>

Open in new window


This is the input code on the page the user is forwarded to. Let's assume the user selected the "Orange" option in the above example.
<div class="form-group">
	<input class="form-control" name="option" id="option" type="text" value="Orange" disabled>
</div>

Open in new window

0
step one.
when user get token it call a c# class and returns the token.
step two
after the program get the token value uses a  html form post to send to an html page with a hidden value

How do i do this without a submit button.

The html code

 <form runat="server">
         <asp:Button ID="GetToken" runat="server" Text="Get Token" OnClick="GetToken_Click" />

   </form>
   
    <form method="post" action="https://test.authorize.net/payment/payment"
id="formAuthorizeNetPage" >
       
        <input type="text" name="Token" value="<%=token%>" />
       
         <input type="submit" name="button" value="Buy now" />


   
</form>
0
Hi. I have a folder structure like:
Untitled-1.jpg
Pages contains the nunjucks files, results contains the resulting html files from running gulp nunjucks, and templates are the usual.

Everything works fine with one exception. When I run gulp nunjucks. the resulting meta title and meta description look like this:
<title>Default Title</title>
<meta name="description" content="Default Description">

Everything looks set up correctly to me.

The pages say: {% extends "layout.html" %}. layout.html says:{% include "partials/head.html" %} and partials/head says:
  <title>{% block title %}Default Title{% endblock %}</title>
  <meta name="description" content="{% block description %}Default Description{% endblock %}">

I've attached the gulplfile. I'm sure it must be something in there that isn't set up correctly. I hope you can help.

Let me know if you need more info, snippets or other files.
gulpfile.js
0
This is my main.html codeThis is my main.html codeThis is my insert.php codeAnd this is the error which always arises whenver i use localhostHi There I have been getting this issue lately. I don't know where this error come from. Whenever I use my localhost(Obviously i need it for my php files to run) this error arises in console

Error in response to storage.get: SyntaxError: Unexpected token <
    at Object.callback (chrome-extension://nkeimhogjdpnpccoofpliimaahmaaome/js/content.js:1:50)
    at chrome-extension://nkeimhogjdpnpccoofpliimaahmaaome/js/content.js:1:22

This error occurs for all files which i open using localhost.But when I used without localhost ie simply open the html file it works just fine.
Currently I'm learning Angular.js
Here I want to insert data in database using ANGULAR & PHP
0
see1.png
How can I remove that border just for the share? when i hover over it? I dont want a class change I want just for that one, also I have no classes or styles so i think its from bootstrap itself.
0
Hi all,

How can i modify that all users automatic reply in HTML format in Outlook, even when they reply on a plain text mail?
I know this can be done per user, but i want to modify it on the exchange server.

Thanks!
0
Hello,
I am confused about this error I am getting, although the code I didn't change anything at the code and two days ago everything just ran perfectly.

Can anyone help me out with this one and suggest any solution?

017-08-17 13:01:15.785 ERROR 9068 --- [nio-8080-exec-5] o.a.c.c.C.[.[.[/].[dispatcherServlet]    : Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.springframework.web.client.HttpServerErrorException: 500 Internal Server Error] with root cause

org.springframework.web.client.HttpServerErrorException: 500 Internal Server Error
      at org.springframework.web.client.DefaultResponseErrorHandler.handleError(DefaultResponseErrorHandler.java:66) ~[spring-web-4.3.8.RELEASE.jar:4.3.8.RELEASE]
      at org.springframework.web.client.RestTemplate.handleResponse(RestTemplate.java:700) ~[spring-web-4.3.8.RELEASE.jar:4.3.8.RELEASE]
      at org.springframework.web.client.RestTemplate.doExecute(RestTemplate.java:653) ~[spring-web-4.3.8.RELEASE.jar:4.3.8.RELEASE]
      at org.springframework.web.client.RestTemplate.execute(RestTemplate.java:613) ~[spring-web-4.3.8.RELEASE.jar:4.3.8.RELEASE]
      at org.springframework.web.client.RestTemplate.getForEntity(RestTemplate.java:312) ~[spring-web-4.3.8.RELEASE.jar:4.3.8.RELEASE]
      at com.mhp.sdac.cockpit.service.CockpitServiceImpl.getTicketListFor(CockpitServiceImpl.java:90) ~[classes/:na]
      at …
0
I have a button and I want to have a background image but then put text vertically centered in the button how can I place the text over the image. The code I have is:

<button class="dropbtn" style="width: 100% height: 20px; background-color: #D0D5E8; margin: 0px; padding: 0px;"><img  src="button-bg.png"></button>

This way the background gives it the style but the text will always be sharp as it is not being scaled.

Thanks,
0
Need to prevent google developer tools explore my page, is any way to achive that,
dont want to see my html page code and nothing
regards dear experts
0
WordPress Tutorial 1: Installation & Setup
WordPress Tutorial 1: Installation & Setup

WordPress is a very popular option for running your web site and can be used to get your content online quickly for the world to see. This guide will walk you through installing the WordPress server software and the initial setup process.

Not familiar with bootstrap.

See the attached image. How can I make such alignment accordingly?

SnapShot.png
1. Make the text field closer to point #1
2. Make the submit button closer to point #2

<div class="form-group">
                                    <label class="col-sm-4 control-label">Primary Contact Number:</label>

                                    <div class="col-sm-5">
                                        <label class="control-label"><input type="text" class="form-control" id="print_send_mobile" autocomplete="off"  name="print_send_mobile" required>
                                    </div>

                                    <div class="col-sm-3">
                                        <label class="control-label"><input type="submit" class="btn btn-default yellowBg" value="Send Me Passcode">
                                    </div>
                                </div>

Open in new window


Thank you.
0
We did this bootstrap html site back in 2014.  I am not that familiar with bootstrap to try and figure out what happened but today, site is whacked out.  

http://www.wiplastic.com

I am trying to fix it.  Found references to css that was commented out and I removed the comments so now this test page is looking more like the site used to look but there are still problems.

1. Font is HUGE
2. Animation doesn't work
3. Right sidebar is pushed to bottom of page
4. footer messed up


http://www.wiplastic.com/test3.html
0
Hi, I hope I can explain this well enough.

My folder structure looks like the attached. In each folder, I have src/pages, results, dev/gulp.

pages contains the nunjucks files, results are the resulting html files from running gulp nunjucks, and dev/gulp is where the gulpfile.js is.

When I want to make a change across the board, say to the navigation, I have to use the command line to go into each folder, gulp nunjucks, upload, then back out by changing directories, navigate to the next one, gulp nunjucks, and on through all 13. So my command line looks like the attached.

Can you help me find a way to speed that up?
Capture.JPG
cmd.txt
0
I had this question after viewing Hyperlinks not opening in outlook 2010.
The operation has been canceled due to restrictions in effect on this computer
I have tried the fixes; Reset IE 11, set outlook and IE as default programs checked the registry etc. this only started after I installed Brackets while taking an HTML5 class, uninstalled Brackets but the problem persists, any suggestions?
0
I have a modalPopupExtender control with a Panel and inside the Panel I have an iFrame thats source is another form. This is the way my boss wanted it done. So in the other form where I have 3 different html tables. So whenever this form gets called up it will know which table  should be visible and which should not. This is all fine. My only problem is resizing my panel and iFrame. When the modalPopupExtender gets called the iFrame is either too big and the Panel too small or vice cersa. Now, in my calling form I have a procedure that checks the browser and sets the height accordingly(the width of the iFrame is set to 95% and that, for some reason, works?? But the height is my nemesis and, like I said, depending on which html table will show is dependent on the height that should be set.
This CANT be so hard that I have to deal with major gaps in my form/popup. It looks horrble. I have attached a pictures of the 3 different heights I need and Im hoping that someone can let me know what Im doing wrong and an easy way to go about fixing it...

FYI, the 3 pics I have attached are in IE and they are worse in the other browsers.
I can deal with 1 and 3 but the 2nd pic attached is unacceptable....

Thanks in advance....And anything needed from me please ask and I will send it right over

PLEASE HELP ME!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Problem 1Problem 2Problem 3
0
The banner at the top of the screen disappears at times and the photo doubles up.  Of course its off and on.

<!-- Banner Overlay Begin -->
    <section class="banner-overlay hidden-sm hidden-md hidden-lg" style="background: url(assets/images/PhoneEPK.png); background-repeat: no-repeat; background-position: center; background-color: #000;">
    </section>
    <section class="banner-overlay hidden-xs" style="background: url(assets/images/TopEPK.jpg) 50% 0px / cover fixed;">
    </section>

Open in new window


http://kingjames3music.com/artist-epk.html

the other pages under bio dont have that problem.
0
Hi. I'm trying to re-use a bit of code on my site but am struggling to get it to do what I'd like it to do. I want to have a semi transparent white background around my text for a new section ID on my homepage. It's working for the Header section ID - with the following set up in the CSS styles file:
#header .header-left{
 background:rgba(255,255,255,0.5);
 padding-top:30px;
 margin-top:80px;
 border-radius:10px;
 }

Open in new window


I think this is a class of the section ID header , which has the following criteria set up in the CSS styles file:
 #header{
 background:url('../img/frontimage.jpg') center center no-repeat;
 background-size:cover; /*used to cover the entire page*/
 height:100%;
 color:#000000;
 display:flex;
 align-items:right;
 }

Open in new window


It is implemented in the HTML like this:

<div class="col-md-6 header-left">
<h1>Orangutan Japan</h1>
<br />
<h4>Teach English in Japan</h4>
 </div>  

Open in new window


I want to create the same thing for my contact section ID

I have set up the following in the CSS Style Sheet:
 /*CONTACT*/
 #contact{
 background:url('../img/people.jpg') center center no-repeat;/*Image we display in the header - top part of the webapge*/
 background-size:cover; /*used to cover the entire page*/
 height:100%;
 color:#000000;
 display:flex;
 align-items:center;
 padding:5rem 0;
}

 #contact .boxy{
 background:rgba(255,255,255,0.5);
 padding-top:30px;
 margin-top:80px;
 border-radius:10px;
}

Open in new window


And I tried to implement in the HTML like this:
<div class="container text-xs-center">
	 		 <div class ="row">
	 	 	   		<div class ="col-md-12 boxy">
						
						<h1>Contact Us</h1>
						<hr width="30%">
			  			<br><br>
						<h1><a href="contact.php">Get in touch</a></h1>
						<p><a href="contact.php">Contact us at OrangutanJapan</a></p>
			
     				</div>	
			  </div>
		
 </div><!--end the container -->  

</section>

Open in new window


But it doesn't work and I don't get the background around the text (I don't get anything). Is there something obvious I'm not doing correctly? I've been playing around with it for three hours now and can't seem to configure it correctly.
Any help would be greatly appreciated.

Many thanks.
0
I want to store HTML code in database.
is it possible? If yes then how?
0
Hi there.

I moved a website with classic asp/VB/Javascript/MySQL from a standard webhotel to a dedicated server with SQL Server and all the asp/asp-net etc.. A page that used to work stops with this error in the F12 debugger:

HTML1527: DOCTYPE expected. Consider adding a valid HTML5 doctype: "<!DOCTYPE html>".
web_login.asp (1,1)

I always - with no issues so far - had these lines around the <head>-tag:

<!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" />
<link rel="stylesheet" href="css/style.css" type="text/css">

Any wrong stuff here or things I should edit to get rid of the error? It's a login page, and it's after I post a login that I just get a blank page with the HTML1527 error.
I hope someone can help me. :-)

Best regards

Ulrich
0
Independent Software Vendors: We Want Your Opinion
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

I have a website with a link back to a YouTube video.  I have various other you tube videos on the website that show without a problem.  I recently loaded anew one and got this message. It only shows in Explorer.  No message in chrome.  Just a blank space.

http://www.kingjames3music.com/artist-epk.html



This content can’t be shown in a frame
There is supposed to be some content here, but the publisher doesn’t allow it to be displayed in a frame. This is to help protect the security of any information you might enter into this site.
Try this

Here is the code.

<div class="videos-container">
          <div class="col-md-12">
          	<iframe class="videos-item-lg sec-q-pad-b" width="854" height="480" src="https://www.youtube.com/watch?v=bmHX722dY8g&feature=youtu.be" frameborder="0" allowfullscreen></iframe>
            
            
            
          </div>

Open in new window

0
I am trying to convert an @Html.Textbox image button to a submit button with  the onclick calling a Javascript function.

Here's what I have:
@Html.TextBox("Next", null, new {type = "image", src = @Url.Content("../App_Themes/icons/button_next.png"), @class = "imgbottom", onclick = "javascript: ValidateSelection ($(\"[name$='selectedItems']:checked\"))"})

Here's what I've tried:
<input type="button" value="Next" onclick="ValidateSelection (selectedItems.checked)">

and my Javascript function:
function ValidateSelection(item) {
    if (item == null || item.length == 0) {

        var validationSummary = $('.validation-summary-errors ul');
        if (validationSummary.length > 0 && $('.validation-summary-errors ul li').length == 0) {
            validationSummary.append('<li>' + "Please select at least one item" + '</li>');
        }
        var errors = $("[name='ErrorMessage']");
        if (errors.length > 0) {
            errors.hide();
        }
        var buttonGenerateReport = $("#GenerateReport");
        if (buttonGenerateReport.length > 0) {
            buttonGenerateReport.hide();
        }
        event.preventDefault();
    }
}
0
I am using the below RewriteRule which does what I require. However it effects any other created folders within the "materials/guide/" folder. Can I change it so it only applies to the "materials/guide/details/ folder?

RewriteRule ^materials/guide/([A-Za-z0-9-]+)/?$ /materials/guide/details/index.php?link=$1 [NC]

Open in new window


Or exclude other sub folders in "materials/guide/" if easier?
0
I have a table with Babies as rows.

In each row, user needs to select
  Gender (DropDownList, Male/Femal)
  then select baby Name (DropDownList)

But user cannot repeat the same selection/combo select in a different row.

How can I prevent the duplicate select options. If I use disable option, then the values do not POST to server.

__________
<tbody id="TS">
 <tr class="rowCss">        //ROW 1

<td>
  <span class="project">
    <select class="form-control projectcodeid" id="Records_0__SelectedProjectFromList" name="Records[0].SelectedProjectFromList">
      <option value="">Male</option>
      <option value="1">Female</option>
      <option value="2">Male</option>
    </select>
  </span>
</td>
<td>
  <input type="hidden" name="Records.Index" value="0">
    <span class="billingcodeCss">
      <select class="form-control timecodeDdlId" id="Records_0__SelectedBillingCodesFromList" name="Records[0].SelectedBillingCodesFromList">
        <option value="">John</option>
        <option selected="selected" value="5">Sam </option>
        <option value="6">Mel       </option>
      </select>
    </span>
  </td>
</tr>
<tr class="rowCss"> //ROW 2

  <td>
    <span class="project">
      <select class="form-control projectcodeid" id="Records_0__SelectedProjectFromList" name="Records[0].SelectedProjectFromList">
        <option value="">Female</option>
        <option value="1">Male</option>
        <option value="2">Female</option>
      </select>
    </span>

Open in new window

0
I need to display HTML report from and XML response in ASP.NET application.
Say, I have a default.aspx page and in the default.aspx.cs page, I use a web client to make a request and get a response.
once i get a response (sample below), how should I read/display the embedded Html report from my XML response file in default.aspx page.

<Response>
    <htmlreport><![CDATA[<html>
        <head/>
        <body/>
        </html>
     ]]>
    </html>
</Response>
0
Hello Experts,

I created a 19 question PHP survey program using HTML text areas. It is hosted on my employer's network and can only be accessed via a work computer. The results are anonymous, to some extent. Although I do not collect the survey taker's information, I work in a small department and my boss would know that it came from someone currently working at the moment. My department is open 24/7, 365. So, instead, my boss wants me to dynamically generate a PDF, upon the user's submission, which is not a huge ordeal...but...

How would I accommodate various users' responses, i.e., shorter responses versus longer responses? It'd be nice if each pdf was restricted to X pages, but I don't want to restrict the end user's answer.

Also, if the data extends beyond one page, how do I create additional pages? Would I just use another instance of $pdf->AddPage();?
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.