2018-10-22         Denise

404 (Not Found) Image file on web app

I am building a website and along the way I used imgur to store the image that i was using in it but I decided to created a folder in my app to store them.Since I'm not using imgur anymore, i needed to change my path to find the image and that's where the problem appeared, I can't find the image.The structure looks like that:webapp_folder |_node_modules |_image_folder |_public_folder |_views |_partials_folder |_main.js |_app.js |_package.jsonIn main.js, I use one of the image in image_folder and the path to the image looks like: src="../image_f...

 html                     2 answers                     84 view
 2018-10-22         Edwiin

Using CSS or HTML how can I eliminate the margins of a website?

I am building the project section of my personal website.It looks the following way:WebsiteI am trying to get rid of the left margin so my image can start from the left margin.This my current code: <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4"> <div class="row-lg-4"> <div class="hovereffect"> <img class="img-responsive" src="../Projects/img/cyberSecurity.jpg" height = "600vh" width = "100vw" alt=""> <div class="overlay"> <h2>Effect 12</h2> <p> <a href="#">LINK HE...

 html                     3 answers                     49 view
 2018-10-22         Maggie

How to Make my Image Stretch All the Way?

I'm styling the home page of my website; I want the image (see photo below) to stretch all the way below the header. Is there any way I can do that?Here's my index.pug file code:extends _component/layout/layoutblock super-config - var active = '/'block awesome-content .img img(src="/asset/image/pink-computer.jpg") img{ width: 100%; height: 100%; }You can use this code absolutely, but the content you place after this div will appear below the imageThere is also another method, you can call it as background-image img{ backgroun...

 html                     4 answers                     76 view
 2018-10-22         Bowen

New issue Chrome opacity 0 not clickable

Hi i have a new issue with chrome , for some reason i want to click on element (iframe) when the opacity is set to 0 ! It was working some days ago but not anymore on Chrome ? But still working good on safari ! Any alternative to hide an element but still click on it ? I found a fix : put opacity:0.0000000001 did the trick ! [XXX]

 html                     1 answers                     79 view
 2018-10-22         Stan

How to add increasing margin sizes to a row of buttons?

I am trying to create a row of buttons which have increasing margin-left sizes. For example:[b1]--[b2]-----[b3]-------[b4]let '-' be whitespace. I couldn't figure out the formatting to have consecutive spaces on stackoverflow... As you can see, b1 will have a margin-left of 10%, b2 20%, b3 40% and b4 80%.However, it looks like the margin-lefts are accumulating such that b2 will have a total margin-left of 30% and b3 a total of 70% and so on...My objective is to have each button be positioned a certain distance away from the very left of the screen. I am trying to accomplish...

 html                     2 answers                     1 view
 2018-10-22         Merry

How connect a Switch Button with a form

I have a web application and I want to implement in it a Switch Button using this bootstrap example, so that the user can choose the language. Also, I need it to be submitted with a POST. How can I code this type of toggle button, e.g., <div class="btn-group btn-toggle"> <button class="btn btn-xs btn-default">pt</button> <button class="btn btn-xs btn-primary active">eng</button> </div>so that when the user clicks in one of them, a POST is submitted with "pt" or "eng" values?EDIT: I just need a simple POST with redirect. I'm using...

 html                     3 answers                     1 view
 2018-10-22         Agnes

Bootstrap image stuck to top of screen

For a class I have to create a website that has a picture right below the navigation bar, but for some reason that I can't figure out, the picture is displaying within the navigation bar and not below it. Could someone please explain why this is happening and how to fix it? Thanks<div class="row"> <nav class="navbar-fixed-top"> <div class="container-fluid"> <div class="navbar-header"> <ul class="nav navbar-nav" id="mainNav"> <li><a href="###">Locations</a></li> <li><a href="###">Special ...

 html                     4 answers                     2 view
 2018-10-22         Enoch

Left Align Badges

I have created this card here in which i have some badges but they are not aligned in the right way i need to left align them like this image.. Can anyone help me in aligning these badges just like they are aligned in the second image? I am using bootstrap 3.3.7 and this just a little code snippet and i think this is enough information.here is the html code. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"><...

 html                     1 answers                     4 view
 2018-10-22         Sam

Bootstrap 3.0.3 affix - content isn't in a fixed place and moves over top of other content

I have a legacy application which is built with Bootstrap 3.0.3. It is not possible for us to update Bootstrap in this case.That said, I am trying to with with 3.0.3 to use the affix functionality.I have the following which I've also set up on jsfiddle: https://jsfiddle.net/x8fc9opm/8/What I'm trying to do is have a .col-md-8 (red bordered) left area with a "library" of items in a .col-md-4 (blue bordered) on the right.The left area may grow to be very long and I want the blue one to always be visible even if the user scrolls down.So I've added the following to .col-md-4:&l...

 html                     1 answers                     6 view
 2018-10-22         Pearl

@keyframes not working in expected way CSS

I'm recoding this website for practice purposes. I've changed the background image to black in my codepen because images don't work in codepen. Here's a link to my code. I've also placed the code here in case you can't view the codepen:INDEX.HTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" type="text/css" h...

 html                     1 answers                     8 view
 2018-10-22         Wendy

First img of bannermover does not follow directly after last img of bannermove

I use the following code to create a bannermove:.photobanner { height: 233px; width: 3550px; margin-bottom: 5px; font-size: 0;}.photobanner img { margin-bottom: 10px; margin-right: 5px; height: 233px; width: 350px;}.photobanner img { transition: all 0.5s ease;}.first { animation: bannermove 30s linear infinite;}@keyframes bannermove { 0% { margin-left: 0px; } 100% { margin-left: -2130px; }}<div class="photobanner"> <img class="first" src="http://placehold.it/350x150"> <img src="http://placehold.it/450x150"> <img src="http://placeh...

 html                     1 answers                     9 view
 2018-10-22         Myrna

CSS - align text to div

I'm struggling with aligning text to div. I currently have this:But I want to achieve this (I have just edited a screenshot to show you what I mean):My code looks as follows:HTML<div class="regionHeader"> <div class="regionArrow"></div> <h2>Some long header that should be aligned to the left next to the div with arrow</h2></div>CSS.regionHeader { border-bottom: 1px solid #ffd800; cursor: pointer;}.regionArrow { border-right: 4px solid #ffd800; border-bottom: 4px solid #ffd800; width: 13px; height: 13px; transfor...

 html                     1 answers                     80 view
 2018-10-22         Marguerite

how to align correctly menu sandwich bootsrap 4

i have problems with my code to align correctly the menu sandwich in my header. The problem is that when i set my bowser width to minimum size, the menu sandwich is locate under the logo instead of to the right of the logo. Plus i want it to be at the very right of the header when the bowser is larger. I do research but i've problems to know how to manipulate this menu. The codes i saw are all about the same about the menu sandwich but it doesn't behave the way it's behaving in my site.My code : HTML<!doctype html><html><head> <meta charset="utf-8"&g...

 html                     2 answers                     81 view
 2018-10-22         Baldwin

How can I put two divs alongside each other keeping the second one centered using flexbox?

This question already has an answer here: How to get a div centered with another div on the right of it? 4 answers Children of flex container will follow his parent alignment rules. As you said, you need the left element to be sticked on the left of the centered one. So le left element should not be related to the container, but instead, to the centered element..Container { display: flex; justify-content: center;}.Left { background-color: red; position: absolute; right: 100%; top:...

 html                     1 answers                     92 view
 2018-10-22         Daniel

how to make a html login page that connect to database

Lets say I have a login.html page with a html templateAnd I want to use that login.html template to login to another login.php page.Say, when a user types in email and password in login.html, I want that login.html page to type the same email and password in my another website which has login.php page.For this example, lets take blesta - it has a login.php page but the landing page is simple and is not beautiful.I have another html page named login.html which looks sleek and beautiful but I don't want to transfer users to blesta login.php and then they enter their credentia...

 html                     1 answers                     79 view
 2018-10-22         Celeste

Load HTML file through file naming in Android Studio

I need to load a random image, according to the outcome and based on that I need to load a certain HTML file. Can I link them through naming?When I load a drawable house.jpg it has to link dynamically with house.html.(The image and HTML file have to be separate. So no need to say you can put everything in one HTML file.) You can only do such a thing if our image is inside your /assets folder. Also, you must load your html with a baseUrl that's inside your assets folderYou can use WebView.loadUrl() or WebView.loadDataWithBaseURL():webView.loadUrl("file:///android_asset/fi...

 html                     1 answers                     98 view

Page 1 of 1663  |  Show More Pages:  Top Prev Next Last