HTML

59K

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 downloaded a https://colorlib.com/wp/template/personify/.

I want to change the Red hyperlinks (showing in /css/bootstrap.css) as (assumingely) "--primary:#F73859;"

I have changed every instance of Red color that I can find in as much of the CSS as I could, yet whenever I refresh locally it's still showing the links as red.

There also is a folder containing scss files and I have not yet worked with those type of files yet.

How can I change the font and hover links for this page? There seems to be something overriding the changes I'm making.

Thank you in advance for your help.
0
OWASP: Threats Fundamentals
LVL 13
OWASP: Threats Fundamentals

Learn the top ten threats that are present in modern web-application development and how to protect your business from them.

Hello!

I'm having a problem with this page: https://www.benknier.com/skills.html 

The page used to load and display properly, but within the last couple of weeks it has stopped working altogether. It seems to flash the content and then disappear. All of the other pages on the site work properly and I haven't been able to pinpoint the issue by looking at what's in the console. I've attached a copy of the source code to this post.skills.html

Any help you can give me in getting this working properly will be greatly appreciated!

Thank you in advance.
0
I'm trying to place a font-icon (ion-icon md-arrow-forward as a button, but I'm unable to correctly locate icon at the right-edge of the input field. It wants to align about 50% outside the bottom of the input. (see screenshot attached). The <input type="text"> is positioned relative and the icon button <ion-icon> is positioned absolute.  This worked in a simpler test block, but not quite good in the attached code. I'm hoping somebody can see how to fix this.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <!-- The above 2 meta tags must come first in the head -->

    <title>Sample Form</title>
    <link rel="stylesheet" href="./_css/main.css" crossorigin="anonymous">
  </head>

  <body>

    <div class="c-form-email-icon container">
      <form class="needs-validation form-box" novalidate method="post" action="./sendForm.php" name="contactForm">
      <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER" />
      <div class="form-row">
        <div class="col-sm-12">
          <!-- "form-group"> -->
          <div class="input-group">    
            <label for="inputEmail" class="sr-only">Email address</label>
            <input type="text" class="form-control form-control-sm" id="inputEmail" aria-describedby="emailHelp" placeholder="Enter Your Email">
           

Open in new window

0
Hi

I'd like to get my first Javascript test game onto my phone.

Do they expect .js files or HTML5?

How do I upload it - comple it to an app? Will it work on all devices? How do I accommodate different pixel dimensions in my code? - for identical gameplay on all devices, is there a stretch / affine transform?
Thanks
0
I have this HTML:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script>
		function ls250_window() {
			window.open("show_summ_ls250.php");
			window.location = "my_projects.php";
		}	
	</script>
  </head>
  <body onLoad="ls250_window();">
  </body>
</html>

Open in new window


My intention is to open the window as indicated, then make the active window show my_projects.php. That part works.

The window.open does not. Is that because an absolute url is required? Like http://www.xyz.com/ (etc).

Or maybe a timer to make sure the window.open completes BEFORE the redirect?

Thanks
0
"<p><img alt="" src="uploaded_files/12/images/_gzyefj8rwhokhhzgprzltl72ejkfbmt4t8yenimkbvvk0ktmf0xjctabnaljim9.jpg" style="height:285px; width:285px" /></p>
"

Open in new window


this is my string in php, i need to add into it but i dont want to delete it, for example, i need to alter the url within the src, it is missing the the http//:Domain it suspose to be

https//:Domain.com/uploaded_files/12/images/_gzyefj8rwhokhhzgprzltl72ejkfbmt4t8yenimkbvvk0ktmf0xjctabnaljim9.jpg i need to insert domain in the back end.

im using php
1
Trying to use ion-icons. First time at it and not having much luck.  The icon does appear on screen, but I can't access it at all. I'm not getting errors. Shouldn't this be easy? Hoping somebody can save my life.

<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link rel="stylesheet" href="./_css/main.css" crossorigin="anonymous">

    <title>Email Input With Icon</title>
  </head>
  <body>

    <div class="c-email-wrapper"> 
      <form class="needs-validation form-box" novalidate method="post" action="mailto:doug@pricelearman.com" name="contactForm">
      <input type="hidden" name="env_report" value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER" />
      <div class="form-row">
        <div class="col-sm-12">

          <div class="input-container form-group">
            <ion-icon name="md-arrow-forward"></ion-icon>
            <input type="text" class="form-control form-control-sm" placeholder="Enter your email" required>
          </div>

          <button type="submit" class="btn btn-primary">SEND</button>
        </div>
      </div>
    </form>
  </div>

  <script src="https://unpkg.com/ionicons@4.5.5/dist/ionicons.js"></script>
  </body>

</html>

Open in new window


.c-email-wrapper {
    display: block;
    position: relative;
    top: 10rem;
    left: 10rem;
    width: 50vw;
    max-width: 50vw;
}

.input-container {
  display: flex;
  width: 100%;
  margin-bottom: 15px;
}

ion-icon {
  padding: 10px;
  background: lightblue;
 font-size: 64px;
  color: red;
}

/*
.icon:after,
.icon:before {
    display: table;
    font-family: Ionicons;
    content: "\f280";

}
*/

.input-field {
  width: 100%;
  padding: 10px;
  outline: none;
}

.input-field:focus {
  border: 2px solid dodgerblue;
}


.btn {
  background-color: green;
  color: white;
  padding: 15px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
}

.btn:hover {
  opacity: 1;
}

Open in new window

0
Hi
For a phone io game,
I'd like to be able to click/touch one part of a line, and move it.
If the HTML sends in the size of the game-window, does a phone luncher pass in its size?  obviously. Is there a minimum size?
Thanks.
Are touches simply like mouse clicks? No special module?
0
I am attempting to use ngCookies to get user cookies data.
I am getting an error  which states:

uncaught TypeError: Cannot read property 'module' of undefined
    at angular-cookies.js:19
    at angular-cookies.js:253


angular.module('ngCookies', ['ng']).  // This is line in error twice

What am I missing.

Isaac

(function () {
    var app = angular.module('associatesProfileApp', ['ngCookies']);
    app.controller("associatesprofileController", function ($scope, $cookies) {

function SetCookiesForDebugging() {
            alert("in SetCookies");
            var thecookie;
            var thecookie = "departid=351&jobtitle=Digital+Developer+Sr&floor=0&username=ij25405&ps%5Fdeptname=Digital+Experience&ps%5Fdeptid=351&cost%5Fcenter=351&birthday%5Fday=16&birthday%5Fmonth=7&fsla=Exempt&psdeptname=Digital+Experience&managerwholename=Lawrence+Raffel&area=215&mailstop=%2D+None+Selected+%2D&managerid=21286&departmentid=0&extension=4844971263&emplid=ij25405&managerusername=LR22638&deptname=KY+Exec+Dir&cubeoffice%5Fno=+&ismanager=0&email=tmruk%40amerihealthcaritas%2Ecom&lob=1&fname=Isaac&is%5Fuserlive=1&psdeptid=351&url=%23&costcenter=351&lname=Johnson&company=KEY&managerphone=2159378142&is%5Fmanager=0&wholename=Isaac+Johnson&id=13332&building=0&guest="
            document.cookie = thecookie
        }

        function SetUser(getCookie) {
            alert("in getCookie")
            var manager = getCookie("ismanager");
            $scope.IsManager = (manager 

Open in new window

0
<p>	bullet point bug test</p><ul><li>	</li><li>		1	</li><li>		2	</li><li>		3	</li><li>		4	</li><li>		5</li></ul>

Open in new window



so i have a string from CKEDTIOR ,

it keeps adding in blank bullet points,

is their a way to remove the <li> </li> if it has no value inside it ?

for example keep the li with 1 , 2 ,3 but remove the first one which is blank ?
0
Ensure Business Longevity with As-A-Service
Ensure Business Longevity with As-A-Service

Using the as-a-service approach for your business model allows you to grow your revenue stream with new practice areas, without forcing you to part ways with existing clients just because they don’t fit the mold of your new service offerings.

 <script type="text/javascript">
                function addNumbers()
                {
                        var val1 = parseInt(document.getElementById("timepicker").value);
                        var val2 = parseInt(document.getElementById("timepicker2").value);
                        var ansD = document.getElementById("answer");
                        ansD.value = val2 - val1;
                }
        </script>

<input type="button" name="Sumbit" value="Click here to calculate Time Spent" onclick="javascript:addNumbers()"/>
        Answer = <input type="text" id="answer" name="answer" value=""/>

Open in new window


The above code works for me when I use integers but how do I set it to be able to use decimal numbers as inputs from the textboxes and give the result as decimal
1
How can I make these icons responsive. Right now when the viewport is widened the individual svg viewport has it's width increased but the icon height is not scaled as expected. The images were edited in Illustrator and saved as embedded svg 's.  The artboard was clipped tight to the icon before saving. I've tried most of the suggestions on the web; e.g., including/not including indicating height/width sizes in the src. You can see on the attached screenshot that the svg viewport is scaled but not the image itself. This is my first use of svg images and I would like to use them. Any help would be appreciated.  I've also attached the image files for one of the icons.

<div class="c-social-icons container">
          <div class="c-social-icons__facebook">
            <img src="./_img/footer/facebook-icon-grey-28.svg" alt="Facebook Icon" class="img-fluid">
          </div>
          <div class="c-social-icons__instagram">
            <img src="./_img/footer/instagram-icon-grey-28.svg" alt="Instagram Icon" class="img-fluid">
          </div>
          <div class="c-social-icons__linkedin">
            <img src="./_img/footer/linkedin-icon-grey-28.svg" alt="linkedIn Icon" class="img-fluid">
          </div>
          <div class="c-social-icons__pinterest">
            <img src="./_img/footer/pinterest-icon-grey-28.svg" alt="Pinterest Icon" class="img-fluid">
          </div>
          <div class="c-social-icons__yelp">
            <img 

Open in new window

0
Hello,
  Right now I'm working on a basic Django application, I am learning how to upload an image from a User and serve it onto the web-page.  I have no issues when I create a new Topic (class) and upload an image through the Django Admin GUI.  It adds the image into my files structure perfectly, however when I try to upload the image through my html <form> I get a multvalueidictkey error from the enctype="multipart/form-data" on my  (form) action function.  If i remove that enctype from the form I get no errors but the image doesnt seem to append the media_root url.

Error Page
mdke.PNG
HTML form
HTML form
Views.py  (form action function triggering error)
Views.py (form action function triggering error)
0
My angular js controller will not populate html.  I put in alerts which tells me my controller interface with html
is not working.  none of the alerts appear.

What am I missing or doing incorrectly.  I am attempting to emulate getting cookie data
which I eventually will have to do.

Thanks for help in advance,
Isaac

var app = angular.module("associatesProfileApp", []);
app.controller("associatesprofileController", function ($scope) {

    function SetCookiesForDebugging() {
        alert("in set")
        var thecookie;
        var thecookie = "departid=351&jobtitle=Digital+Developer+Sr&floor=0&username=ij25405&ps%5Fdeptname=Digital+Experience&ps%5Fdeptid=351&cost%5Fcenter=351&birthday%5Fday=16&birthday%5Fmonth=7&fsla=Exempt&psdeptname=Digital+Experience&managerwholename=Lawrence+Raffel&area=215&mailstop=%2D+None+Selected+%2D&managerid=21286&departmentid=0&extension=4844971263&emplid=ij25405&managerusername=LR22638&deptname=KY+Exec+Dir&cubeoffice%5Fno=+&ismanager=0&email=tmruk%40amerihealthcaritas%2Ecom&lob=1&fname=Isaac&is%5Fuserlive=1&psdeptid=351&url=%23&costcenter=351&lname=Johnson&company=KEY&managerphone=2159378142&is%5Fmanager=0&wholename=Isaac+Johnson&id=13332&building=0&guest="
        document.cookie = thecookie
    }
     
    {
        function SetUser(thecookie) {
            //alert("in setUser")
            var manager = thecookie("ismanager");
            $scope.IsManager = (manager == 0) ? false : true;
            $scope.UserId = 

Open in new window

0
Hi Experts,

I have the following details when I debug the django application.

(Pdb) Contributor.objects.all()
<QuerySet [<Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, <Contributor: Contributor object>, '...(remaining elements truncated)...']>

Open in new window


I am not able to see the values of the contributor values.  Please correct me where I am making wrong.

Thanks
0
assume I have list of checkbox in HTML 5. when some of checboxes are checked and I want to put them as list or array and drop into another HTML text box.

is it possible and u can show me how to do that?
0
Hi there.

I have this table where I want to hide specific rows until a specific value is chosen from a Select-panel.
I can hide a textbox or other elements, but my code doesn't work for a table row. Any idea why?
Here's the Javascript:
<script type="text/javascript">
function Check() {
   if (document.getElementById('mm_comor_infectious_choice').value == "Yes") {
        document.getElementById('a1').style.display = 'block';
    } 
    else {
        document.getElementById('a1').style.display = 'none';

   }
}

</script>

Open in new window


Here's the div-tags I "wrap" around the <tr></tr> in a table to hide it all until "Yes" is selected from the dropdown menu below:
<div id="a1" style="display:none" >
</div>

Open in new window


Select-panel:
<select name="mm_comor_infectious_choice" id="mm_comor_infectious_choice" onchange="Check();">
        <option value="na" selected="selected"></option>
        <option value="Yes">Yes</option>
        <option value="No">No</option>
      </select>

Open in new window


What's the trick to make it work? As mentioned: If I wrap a single element with the div-tags, then it works fine.

Best regards

Ulrich
0
I need a Javascript function that will take a string and format the string to:

1) Make First Letter of  each word capital
2) Convert "-" to space
3) Introduce a space when any capital letter appears other than the first one

Examples:
check ==> Check
checkInquiry ==> Check Inquiry
checkInquirySystem ==> Check Inquiry System
corporate-payments ==> Corporate Payments
corporate-payments-landing ==> Corporate Payments Landing
1
I load an xml file dynamically.

Some of the xml files have some html tags that I need to clean out.

I cannot simply ignore the tag as that will remove the content within that element.

For example for a given xml file suppose I have this structure:

<my:ProjectDescription>
<html xmlns="http://www.w3.org/1999/xhtml" xml:space="preserve">
<p>BLAH BLAH BLAH
</p>
</html>
</my:ProjectDescription>

In this scenario I would want the contents of the <p> to be the ProjectDescription.

Is there a function or methodology that I can use to manipulate this?


Thanks,
0
Become a CompTIA Certified Healthcare IT Tech
LVL 13
Become a CompTIA Certified Healthcare IT Tech

This course will help prep you to earn the CompTIA Healthcare IT Technician certification showing that you have the knowledge and skills needed to succeed in installing, managing, and troubleshooting IT systems in medical and clinical settings.

Close window function not closing the window.
<!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" />
<title>Untitled Document</title>
</head>

<body>
<p>Rules and regulations</p>
<button onclick="closeWin()">Close the new window</button>

<script>
var myWindow;



function closeWin() {
  myWindow.close();
}
</script>

</body>
</html>

Open in new window

0
I have a bunch of html files in a directory
I need to locate a number of divs within these html files based on the div id
I don't know which html file contains a given div id

So rather then searching every file multiple times I thought about creating a regular expression for all wanted   div id open each file once then  do a patten match
Once I've located which file contains  a given div id  I can then pass the html string into a HtmlAgilityPack.HtmlDocument

My regEx isn't working  (Manuel search shows the fist div in the list is  in the first html file opened)
Pids.jpg
from the pic
The Regex PidsReg = {post_message_1234|post_message_5678| etc

Sample of code I nether get to match success

..........
                string[] folders = Directory.GetDirectories(RootDir, "*", SearchOption.TopDirectoryOnly);
                String Pids="";
                foreach (string folder in folders)
                {

                    FileInfo FI = new FileInfo(folder);
                    string DirectoryName = FI.Name;
                    Match DirNameMatch = DirNameReg.Match(DirectoryName);
                    if (DirectoryName.Contains(DirTextBox.Text) && DirNameMatch.Success)
                    {
                        string PID = "post_message_" + DirNameMatch.Groups[0];
                        Pids += PID + "|";
                    }
                }
                if (Pids != "")
                {
                    Pids = 

Open in new window

0
Hi.
I think my <script> learning curve would be most boosted right now, if I could see a .js /htm that allows a player to move a circle /square/dodecahedron / pterodactyl around the screen with a finger.

Also, I see some coders do their scripting inside html and <script> tags and others in .js
Is it inconsequential? or simply a preference.

Thanks
0
How to rollover over  photo image banner in my header with HTML and CSS only ?

Thx
0
AJAX and Javascript.  I have a function that creates an HTML Box.  However, the "dialog" is not placed in the box.  Here is the final script:

                self.options.dialogEl.dialog({
                    resizable: false,
                    draggable: true,
                    closeOnEscape: true,
                    width: data.error ? 320 : 640,
                    buttons: buttons
                });
                if (typeof self.options.onResponse == 'function')
                    self.options.onResponse(response);
            }

Open in new window


The line :  self.options.dialogEl.html(text);  Creates the box   But the Dialog / Buttons are not there.  Can anyone offer insight?
Most of the code:
 text = self.interpolate(templates.success, interpolateData);
                    buttons = [
                        {
                            'text': 'Apply Recommendation',
                            click: function () {
                                self.options.enabled = false;
                                hidePageSubmitIndicator();
                                jQuery(this).dialog("close");
                                jQuery(self.options.formFields.Address1).val(data.recommended.Address1);
                                jQuery(self.options.formFields.City).val(data.recommended.City);
                                jQuery(self.options.formFields.State).val(data.recommended.State);
                                

Open in new window

0
I want to create a map with some place marked. When a mouse hover on it, a some popup message will be displayed.

However, I want to create this only in HTML and CSS (without any Javascript). Any reference and guildeline on this ?

Thx
1

HTML

59K

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.