Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

How do you do the background?

Mystic last edited by
I'm sorry I'm putting the angular tag, but maybe who worked with the angular-material.
I'd like to make a list of names on the poles with flexbox.
Example 1
http://plnkr.co/edit/ZUKHlC?p=preview
That's how it works. But if I turn things around
```
 div layout="row"
```
The following is happening:
Example 2
http://plnkr.co/edit/e86jtj?p=preview
I have to.
```
layout="row" в ui-view
```
so that the background on the remaining pages is 100% How do you win?
Reply Quote 0
1 Reply Last reply
N
Nykeriab last edited by
when added layout="row" to the attribute element ui-view The diva, which is responsible for showing the inner line, becomes attached, its width is considered to be the contents. To extend it to the breadth of the container, you need to add a characteristic.
```
flex-grow:1
```
An examplele with inline style simply add the necessary line into the class:
```
<div ng-controller="DemoCtrl" layout="row" style="flex-grow:1" class="mainPallete">
    <div layout="column" layout-wrap style="max-height :calc(100vh); height: 100%">
      <p flex="20" ng-repeat="item in data | orderBy:'name'" style="padding-left: 20vh;" >{{item.name}}</p>
    </div>
</div>
```
http://plnkr.co/edit/B8qtV4Bo3MZqGf89m4B9?p=preview
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

E

Change the background of the navbar
Software Programming • html5 cs3 c languages • • emerson

2

0
Votes

2
Posts

0
Views

J

This is due to the specificity of CSS, which is to determine that styles have priority for the browser. If you declare an element an background:red through a class, then background:red using an ID and finally using an online style <nav style="background:red"></nav> the browser will establish a hierarchy as follows:1-ESTYLINE2-ID3-CLASEWhen you declare a !important the browser ignores the specificity and sets the style even if it is only in a class. That's why even if you declare in your styles a background and add an important browser ignores it and sets the bootstraps, because the navbar has assigned a class .bg-lght which takes precedence over other classes. In these cases it is recommended that you refer to your style sheet after the bootstrap CDN: example:<link rel="stylesheet" href="bootstrap"> <link rel="stylesheet" href="susEstilos"> Not toting that you must establish !important to your styles, as if the browser has two classes with !important, it will give priority to the last.BOOTSTRAPnav{ background: red !important } YOUR STYLEnav{ background: red !important } Official documentation: https://developer.mozilla.org/es/docs/Web/CSS/Especificidad
J

Modification of the width of the element by js in %
Software Programming • javascript html jquery css • • jules

2

0
Votes

2
Posts

0
Views

D

Is that what you needed?Your mistake was here. progressBarStep = parseInt(progressBarValue += 100 / step.length);♪progressBarValue It's a pixel thing, and it doesn't matter how you added a characteristic to the width of the block, and your pics added interest, and you got a mistake.var stepp = 0; function stepByStepForm() { var nextStepBtn = $('.next-btn'), prevStepBtn = $('.prev-btn'), step = $('.step'), stepField = $('.step__field'); nextStepBtn.on('click', function(e) { stepp = stepp + 1; var percent = parseInt(100/step.length); console.log(percent); var progressBarStep = stepp * percent; e.preventDefault(); if ($(this).parent().find(stepField).val().length <= 0) { alert('Не заполнены поля') } else { $('.progress-bar').width(progressBarStep + '%'); step.fadeOut(0); $(this).parent().next(step).show(); } }); prevStepBtn.on('click', function(e) { stepp--; var progressBarStep = stepp * 25; $('.progress-bar').width(progressBarStep + '%'); e.preventDefault(); step.fadeOut(0); $(this).parent().prev(step).show(); }); } stepByStepForm();.progress-bar{ height: 20px; width: 0%; background: green; transition: .5s width; } .step.first{ display: block; } .step{ display: none; }<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="form"> <form action=""> <div class="progress-bar"></div> <div class="step first"> <label> <input type="text" placeholder="1" class="step__field"> </label> <a href="" class="next-btn">Далее</a> </div> <div class="step"> <label> <input type="text" placeholder="2" class="step__field"> </label> <a href="" class="prev-btn">Назад</a> <a href="" class="next-btn">Далее</a> </div> <div class="step"> <label> <input type="text" placeholder="3" class="step__field"> </label> <a href="" class="prev-btn">Назад</a> <a href="" class="next-btn">Далее</a> </div> <div class="step"> <label> <input type="text" placeholder="3" class="step__field"> </label> <a href="" class="prev-btn">Назад</a> <a href="" class="next-btn">Далее</a> </div> <div class="step"> end </div> </form> </div>This is how interest is determined by number of steps.
R

How do record the background with JS?
Software Programming • javascript html cs • • rosemadder

2

0
Votes

2
Posts

0
Views

N

It's happening because through style.background You're changing all the characteristics of the background, so you're texting and meaning. background-attachment♪We need to use it instead. style.backgroundImage:document.body.style.backgroundImage = 'url(https://pp.userapi.com/c837533/v837533109/6523e/oNQmDDB0a-A.jpg)';body { background-position: center top; background-attachment: fixed; min-height: 2000px; }
R

How to make the page that is loaded by a menu come right under the menu
Software Programming • javascript html css html5 • • rosemadder

2

0
Votes

2
Posts

0
Views

M

That content is a frame? Remember that if those who keep all your web content to the center you can do it by locking everything in a class called . container so you can reuse it in the content you want it to focus and keep in box.Example: <div class="header> <div class="contenedor> <nav> aqui va mi menu </nav> </div> <div class="main> <div class="contenedor> AQUI VA EL FORMULARIO O LA INFORMACION </div> </div> <style> .contenedor { width: 80%; margin: 0 auto; } </style>
B

Turn off the traction without disconnecting the click.
Software Programming • javascript css • • baileigh

2

0
Votes

2
Posts

0
Views

S

Event ondragstart<img src="https://img1.goodfon.ru/wallpaper/big/1/ca/foto-makro-kartinka-zelenye.jpg" ondragstart="return false"/>
T

How do you do the bloc background?
Software Programming • html cs • • terrea

2

0
Votes

2
Posts

0
Views

To do so, we need to do a height of 100 per cent for the left block of the site, and in this block create two more where one has a height of 80 per cent and the other has a height of 20 per cent, the idea is to solve the problem.
Authorization and background
Software Programming • ios objective c • • Mystic

2

0
Votes

2
Posts

0
Views

After the button is pressed home Your app has the right to live 10 seconds, if in these 10 seconds the annex is authoritative, it's all good, most commonly, until these 10 seconds the method is: applicationDidEnterBackground Ooh. AppDeelgate♪ In this method, it is desirable to maintain the current status of the annex. We will keep the session if it is. After sleeping, the method is called applicationWillResignActive If there's a bunch of them, there's a reason why we're pulling the class of the session out of the base, and it's clear if there's a logic window, if there's a session, we're gonna check it out if there's no request for sponsorship. Like that.
Correct the filter
Software Programming • javascript angularjs • • Bogopo

2

0
Votes

2
Posts

0
Views

Hello, you need to identify a new one. https://docs.angularjs.org/tutorial/step_11 There you go.app.filter('dateFormatter',function(){ return function(date) { return date.slice(0,5); }; }) The filter shall return the processing function https://jsfiddle.net/8w0qg31x/6/
Bootstrap 4 on float
Software Programming • css bootstrap4 • • Laycee

2

0
Votes

2
Posts

0
Views

J

Just Bootstrap 3. By the way, it was one of the main criteria for the Flexbox transition. Read the documentation... ♪ ♪
R

Hide item ng-repeat after 5 seconds
Software Programming • javascript angularjs • • rosemadder

2

0
Votes

2
Posts

0
Views

E

You can use the service https://docs.angularjs.org/api/ng/service/$timeout together with the https://docs.angularjs.org/api/ng/directive/ngClass to set a class after 5000 milliseconds (5 seconds) that will make the item disappear by assigning the class escondido in the following example:angular .module("todoList", []) .controller("todoListCtrl", todoListCtrl); todoListCtrl.$inject = ['$timeout']; function todoListCtrl($timeout) { var vm = this; vm.apagar = _apagar; vm.classes = []; vm.tarefas = [ {titulo: "Fazer o documento do carro"}, {titulo: "Solicitar emprestimo bancario"} ]; function _apagar(indice) { $timeout(function() { vm.classes[indice] = 'escondido'; }, 5000); }; };.item { transition: all linear 0.5s; margin-top = 0px; display: block !important; } .item.escondido { opacity: 0; height: 0px; }<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="todoList" ng-controller="todoListCtrl as vm"> <table class="table "> <tr ng-repeat="item in vm.tarefas" class="item" ng-class="vm.classes[$index]"> <td><input type="checkbox" ng-model="item.selecionado" ng-click="vm.apagar($index)"></td> <td><span>{{item.titulo}}</span> </tr> </table> </div>
D

How to remove the background from the input?
Software Programming • html cs • • derk

2

0
Votes

2
Posts

0
Views

A

Instead background-color just background
How to change the background with javascript?
Software Programming • javascript html css • • Marcee

2

0
Votes

2
Posts

0
Views

O

You have to change the style of this span. As it already has a color only change it: look for http://color.re/EC2028.png (or) rgb(236,32,40)) in the rest of the code and change by the color you want.By literally interpreting your question, use:// Muda a cor do fundo: document.getElementById('date_time').style.backgroundColor = 'blue'; // ou a cor que quiser // Muda a cor do texto: document.getElementById('date_time').style.color = 'black';
A

Site. After a change in the mice position, the section under the heading (the section of the background of the site) changes to another background.
Software Programming • javascript cs html5 site mousemove • • authera

2

0
Votes

2
Posts

0
Views

You can do that through canvas.const source = document.querySelector('#source'); const hole = document.querySelector('#hole'); hole.style.backgroundSize = source.clientWidth+"px "+source.clientHeight+'px'; source.onmouseleave = function(){hole.style.display="none"}; source.onmousemove = function(e){ hole.style.display="block" hole.style.top=e.clientY-128+"px"; hole.style.left=e.clientX-128+"px"; console.log(-e.clientX+"px "+(-e.clientY-128+"px")); hole.style.backgroundPosition = -e.clientX+128+"px "+(-e.clientY+128+"px"); };body{ margin: 0; padding: 0; } #source{ position: relative; height:100vh; background-repeat: no-repeat no-repeat; background-size: cover; background-image: url(https://nnst1.gismeteo.ru/images/2019/09/shutterstock_1352203610-630x387.jpg); overflow:hidden } #hole{ position: absolute; width:256px; height:256px; border-radius: 50%; background-repeat: no-repeat no-repeat; background-image: url(https://proficomment.ru/wp-content/uploads/2018/11/leto-2019-v-rossii.jpg); background-position: 0 0; display: none; }<div id='source'> <div id='hole'> </div> </div>
E

Error when entering a data to glyphicon
Software Programming • html css bootstrap css3 • • esther

2

0
Votes

2
Posts

0
Views

Try doing the followinginclude('is_logged.php');//Archivo verifica que el usario que intenta acceder a la URL esta logueado /* Connect To Database*/ require_once ("../config/db.php");//Contiene las variables de configuracion para conectar a la base de datos require_once ("../config/conexion.php");//Contiene funcion que conecta a la base de datos $action = (isset($_REQUEST['action'])&& $_REQUEST['action'] !=NULL)?$_REQUEST['action']:''; if (isset($_GET['Nticket'])){ $incidencia=intval($_GET['Nticket']); $query=mysqli_query($con, "select * from ticket where Nticket='".$Nticket."'"); $rw_user=mysqli_fetch_array($query); $count=$rw_ticket['Nticket']; if ($Nticket!=1){ if ($delete1=mysqli_query($con,"DELETE FROM ticket WHERE Nticket='".$Nticket."'")){ ?> <div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Aviso!</strong> Datos eliminados exitosamente. </div> <?php }else { ?> <div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button> <strong>Error!</strong> Lo siento algo ha salido mal intenta nuevamente. </div> <?php } } else { ?> <div class="alert alert-danger alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button> <strong>Error!</strong> No se pudo eliminar ésta categoría. Existen productos vinculados a ésta categoría. </div> <?php } } if($action == 'ajax'){ // escaping, additionally removing everything that could be (html/javascript-) code $q = mysqli_real_escape_string($con,(strip_tags($_REQUEST['q'], ENT_QUOTES))); $aColumns = array('Nticket');//Columnas de busqueda $sTable = "ticket"; $sWhere = ""; if ( $_GET['q'] != "" ) { $sWhere = "WHERE ("; for ( $i=0 ; $i<count($aColumns) ; $i++ ) { $sWhere .= $aColumns[$i]." LIKE '%".$q."%' OR "; } $sWhere = substr_replace( $sWhere, "", -3 ); $sWhere .= ')'; } $sWhere.=" order by Nticket"; include 'pagination.php'; //include pagination file //pagination variables $page = (isset($_REQUEST['page']) && !empty($_REQUEST['page']))?$_REQUEST['page']:1; $per_page = 10; //how much records you want to show $adjacents = 4; //gap between pages after number of adjacents $offset = ($page - 1) * $per_page; //Count the total number of row in your table*/ $count_query = mysqli_query($con, "SELECT count(*) AS numrows FROM $sTable $sWhere"); $row= mysqli_fetch_array($count_query); $numrows = $row['numrows']; $total_pages = ceil($numrows/$per_page); $reload = './clientes.php'; //main query to fetch the data $sql="SELECT * FROM $sTable $sWhere LIMIT $offset,$per_page"; $query = mysqli_query($con, $sql); //loop through fetched data if ($numrows>0){ ?> <div class="table-responsive"> <table class="table"> <tr class="danger"> <th>ticket</th> <th>Incidencia</th> <th>Tema</th> <th>Detalle</th> </tr> <?php $nums=0; while ($row=mysqli_fetch_array($query)){ $Nticket=$row['Nticket']; $incidencia=$row['incidencia']; $tema=$row['tema']; $detalle=$row['detalle']; $nums++; ?> <input type="hidden" value="<?php echo $row['Nticket'];?>" id="Nticket<?php echo $Nticket;?>"> <input type="hidden" value="<?php echo $row['incidencia'];?>" id="incidencia<?php echo $incidencia;?>"> <input type="hidden" value="<?php echo $row['tema'];?>" id="tema<?php echo $tema;?>"> <input type="hidden" value="<?php echo $row['detalle'];?>" id="detalle<?php echo $detalle;?>"> <tr> <td><?php echo $Nticket; ?></td> <td><?php echo $incidencia; ?></td> <td><?php echo $tema; ?></td> <td><a data-toggle="modal" href="#myModal_<?php echo $nums; ?>"><li class='glyphicon glyphicon-info-sign'></li></a> <div class="modal fade" id="myModal_<?php echo $nums; ?>" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times; </button> <h4 class="modal-title">Detalle de la incidencia</h4> </div> <div class="modal-body"> <p><?php echo $detalle;?></p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data- dismiss="modal">Cerrar</button> </div> </div> </div> </div> In summary:To your variable $nums sognale an increase $num++ within your cycle whileThe value of the attribute href of the label <a> that opens the modal changes it to "#myModal_<?php echo $nums; ?>"The value of the attribute id of your modal change it to "myModal_<?php echo $nums; ?>"I hope it works for you, greetings!EXPLICATIONWhen you were painting the labels <a> and modal In your code, they always had the same id, i.e. labels <a> always point to the same id of the modal, that is why with the variable $nums is made id dynamic by adding a unique number at the end.
Why doesn't background-color work?
Software Programming • css • • Mystic

2

0
Votes

2
Posts

0
Views

R

You've got your HTML wrong. <body "body"> It's not valid. Besides, in your CSS you're referring to class. body (by setting the point selector (.) before the name body).Either you remove "body" from your element and remove the point in the CSS: body{ background-color: red; color:red; font-family:Arial; }<html lang="es"> <head> <meta charset="utf-8"> <link rel="stylsheet" type="text/css" href="CSS10.css"> <title>Web ejercicio 10</title> </head> <body> <div class="div1"> <p><a href="">Página Principal</a></p> <p><a href="">Enlace 1</a></p> <p><a href="">Enlace 2</a></p> <p><a href="">Enlace 3</a></p> </div> </body> </html>Or add a "body" class to your element <body class="body">.body{ background-color: red; color:red; font-family:Arial; }<html lang="es"> <head> <meta charset="utf-8"> <link rel="stylsheet" type="text/css" href="CSS10.css"> <title>Web ejercicio 10</title> </head> <body class="body"> <div class="div1"> <p><a href="">Página Principal</a></p> <p><a href="">Enlace 1</a></p> <p><a href="">Enlace 2</a></p> <p><a href="">Enlace 3</a></p> </div> </body> </html>Everything will depend on your needs but think it encompasses everything so the properties you assign are general.

How do you do the background?

Suggested Topics

Change the background of the navbar Software Programming • html5 cs3 c languages • • emerson

Modification of the width of the element by js in % Software Programming • javascript html jquery css • • jules

How do record the background with JS? Software Programming • javascript html cs • • rosemadder

How to make the page that is loaded by a menu come right under the menu Software Programming • javascript html css html5 • • rosemadder

Turn off the traction without disconnecting the click. Software Programming • javascript css • • baileigh

How do you do the bloc background? Software Programming • html cs • • terrea

Authorization and background Software Programming • ios objective c • • Mystic

Correct the filter Software Programming • javascript angularjs • • Bogopo

Bootstrap 4 on float Software Programming • css bootstrap4 • • Laycee

Hide item ng-repeat after 5 seconds Software Programming • javascript angularjs • • rosemadder

How to remove the background from the input? Software Programming • html cs • • derk

How to change the background with javascript? Software Programming • javascript html css • • Marcee

Site. After a change in the mice position, the section under the heading (the section of the background of the site) changes to another background. Software Programming • javascript cs html5 site mousemove • • authera

Error when entering a data to glyphicon Software Programming • html css bootstrap css3 • • esther

Why doesn't background-color work? Software Programming • css • • Mystic

Change the background of the navbar
Software Programming • html5 cs3 c languages • • emerson

Modification of the width of the element by js in %
Software Programming • javascript html jquery css • • jules

How do record the background with JS?
Software Programming • javascript html cs • • rosemadder

How to make the page that is loaded by a menu come right under the menu
Software Programming • javascript html css html5 • • rosemadder

Turn off the traction without disconnecting the click.
Software Programming • javascript css • • baileigh

How do you do the bloc background?
Software Programming • html cs • • terrea

Authorization and background
Software Programming • ios objective c • • Mystic

Correct the filter
Software Programming • javascript angularjs • • Bogopo

Bootstrap 4 on float
Software Programming • css bootstrap4 • • Laycee

Hide item ng-repeat after 5 seconds
Software Programming • javascript angularjs • • rosemadder

How to remove the background from the input?
Software Programming • html cs • • derk

How to change the background with javascript?
Software Programming • javascript html css • • Marcee

Site. After a change in the mice position, the section under the heading (the section of the background of the site) changes to another background.
Software Programming • javascript cs html5 site mousemove • • authera

Error when entering a data to glyphicon
Software Programming • html css bootstrap css3 • • esther

Why doesn't background-color work?
Software Programming • css • • Mystic