html

  1. J

    Navbar full-width of screen bootstrap 4.5

    I'm trying to create a basic navbar but it's not fitting the full width of my page nor is it responding to any color classes, her's the code for my header <body> <div class="container-fluid"> <header> <nav class="navbar navbar-expand-lg navbar-light bg-light"> <a...
  2. A

    Return selected images

    I have an HTML code. There must be 2 questions each of them suggest 4 answers which are images. How can I return in result selected images with javascript? <div class="quest"> <div class="answer"> <input type="radio" value="car1" class="inputimg"/> <label...
  3. A

    Make domain folder act as root

    I have a domain for example https://test.com this domain contain a full project in https://test.com/system. Whenever I write <link ref="stylesheets" href="/style/main.css"> it search in the domain root not in the system directory which the project in. I have tried to edit all my path to be...
  4. T

    Rails wrap link_to on html code based on condition

    Is there a clean syntax to wrap link_to on html code based on condition? Because DRY, I don't want to repeat the same code. <% if condition? %> <%= link_to bla_bla_path do %> <p>Some html here</p> <% end %> <% else %> <p>Some html here</p> <% end %> I know there is link_to_if but it...
  5. B

    How do i redirect a php login file back to index.html presented with a message 'Welcome User'

    My work codes but the message is not showing up after clicking login. It does redirect for 5 second but does not show the appropriate message 'Welcome User' $error = ""; $success = ""; // username: user password: pass if (isset($_POST["submit"])) { $username = $_POST['username']...
  6. D

    Change header style formattable R

    I'm trying to use formattable with some values for species, thus, it's very important for column names to be italic; I've tried with the formatter() function, but it only acts on the values, even if I use the "th" node instead of "span" library(formattable) make_italic <- formatter("span"...
  7. H

    Apply Mat-Tootip to Mat-table cell generated using *matRowDef

    Currently I am using some data to create and populate a table dynamically. The number of columns remains consistent but the number of rows changes depending on the data. There is one column in the table that shows a number. I want to add a tool tip that shows on hover, which is extra data...
  8. J

    How to make links in Sparkle release notes open default browser?

    I am using Sparkle for updates in a macOS app, and pass release notes in the appcast.xml tag: <sparkle:releaseNotesLink>https://example.com/release-notes.html</sparkle:releaseNotesLink> The release notes contain HTML, which Sparkle displays, and link to more information about the release on my...
  9. I

    How to scale <div> text font size dependent on number of characters?

    I look to make a simple html + css (js if requires) with 2 div blocks of 1000px each with the parent container of 3000px. <div class="blocks"> <div class="block-a">text 1</div> <div class="block-b">text 2</div> </div> I need the div.blocks to be 3000px width and height 1000px; I need...
  10. M

    Extra space after grid cell, don't know where it is comming from

    I'm building a sample project, I have created a grid container but soon after first cell (header), it is adding twice gutter as for other rows. Here is css .container { background-color:#fff; max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: [full-start] minmax(6rem, 1fr)...
  11. A

    CSS changing separate elements on hover while all of them are hovered

    I was looking for the solution over stackoverflow, but didn't find anything. I have a set of icons. By default they're grey and only 4 out of 7 are visible. When I hover on div with icons I want 7 of 7 to be visible and grey. And while hovering them, I want every separate icon, that is hovered...
  12. P

    Overflow-y scrollbar leave a gap to the margin

    I have the following code: HTML <body leftmargin="0" topmargin="0" bgcolor="#ffffff" marginheight="0" marginwidth="0"> <div class="container-fluid h-100"> <!-- Logo --> <div class="row align-top h-100"> <div class="col-md-1 text-center my-auto"> <img...
  13. J

    Equal column heights Bootstrap

    So, I'm trying to get into coding again through school and have been giving the task to create a 'fake' company with a website to test my programming skills. I'm using bootstrap, but I can't seem to manage to get the columns in my row have an equal height. I have the following HTML & CSS so...
  14. N

    Vertical Linear Gradient

    I am trying to get a vertical effect for a sidebar on a page. I have tried the deg option but it still shows a horizontal line .sidebar { position: relative; display: inline-block; padding: 15px 25px; background-image: linear-gradient(90deg, #1559EC, #1559EC); color: #fff...
  15. M

    Add last update time in minutes counter in site

    I want to add a "counter" in my site of the last update time. This means that they see a counter of: "Last update: 12 minutes ago." So it displays the minute of the last update ago. It doesnt have to be real update time, if I can reset the timer when I want its good. Thanks for helping me out!
  16. B

    Display Specific data using Ajax and jquery and html select button

    hello community i need help on this what i really want to do is to select from database using onchange() function through Ajax.then return the result to the client.i used Ajax to send the information to the server side and but i am having problem return it with the where condition //this is the...
  17. R

    How to append ajax result in modal with datatable

    Good day everyone! I am trying to append my ajax result in my datatable inside my modal. I already get the data that I needed but it still shows that data is not available. It shows like this: This is my ajax success which processed the result. success: function(result) {...
  18. F

    How do you put text under Tab header that links with the tab you press?

    I'm new to HTML coding and I want to know how do I put another tab content below the tab header that links to what ever tab I press. I can see the tab content is on top but how do I put the content below the tab too that is linked? P.S. I do not know how to put code below the header how to link...
  19. D

    My array is not loading pictures to the html [on hold]

    I believe I have this coded correctly, but I'm not getting the image to show up. Here is the array of questions, answers and the image: var questions = [ question:"Where should choking victims place their hands to indicate to others that they need help?", choices:["A: Over the eyes", "B...
  20. R

    Img in ionic cordova popover component does not show

    I would like that when a user presses a button in the app, a popup opens. This popup shows several rounded filter options(pictures infront of an invisible checkbox ) which are are changing when pressed. Something like this: The problem is that somehow I am not able to see the img in the...
Top