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).

Css cross-cutting problem

Bogopo last edited by
There's a piece of marking:
```
<div class="item">
    <img src="" alt="">
    <p>Наполнение</p>
</div>
```
And the corresponding piece of style:
```
.item img {
    content: url(../img/star.png);
    width: 50px;
    margin-bottom: 15px;
    margin-top: 25px;
}
```
In general, it works correctly, but not in all the bruises. Or it doesn't look like a picture. Chrome works, but when you look at Leese or Edge, it doesn't show up, it just doesn't. It's all in place:

I thought it was necessary to turn up and up, but in the end, the empty space was rising. How can you fix that?
P.S. Bootstarp.
Reply Quote 0
1 Reply Last reply
E
emerson last edited by

I'm surprised it works somewhere. http://htmlbook.ru/css/content Look at the phrase "applicable to pseudonyms before and :after."
Reply Quote 0
1 Reply Last reply

2
Posts

0
Views

Suggested Topics

J

Problems sending/receive email abroad Is domain or network problem?
Software Programming • email domain outlook • • juvenalb

2

0
Votes

2
Posts

0
Views

The answer that gave you the technical service is the right one. What you can answer to the customer would be:"Dear clientWe requested the review of your case to the technical service and our service remained active normally. Please remember to keep up-to-date all your S.O patches.APP Update on your cell phone with the latest versionsCheck with your internet provider your connectivity.Greetings
problem by changing the css class of an element before starting a form
Software Programming • javascript webforms spring mvc language crud servlets • • Laycee

2

0
Votes

2
Posts

0
Views

J

With event.preventDefault() You keep the page from overloading.function submitFunction() { event.preventDefault(); document.getElementById('myDiv').className = 'divClass2' }.divClass1 { color: red; } .divClass2 { color: cyan; font-size: 10px; }<div id="myDiv" class="divClass1"> <form id="myForm" onsubmit="submitFunction()"> <h1> titulo </h1> <input type="submit" value="Submit" /> </form> </div>
T

Problem with select type input when maintaining CSS styles
Software Programming • html css • • Trenton

2

0
Votes

2
Posts

0
Views

C

You have to remove the blank spaces between select and php labels. It would be something like that: <select><?php echo 'script php' ?></select>With your code be like this:<div style="padding:0px; margin:0px;display:inline;"> <a class="btn btn-md btn-primary" style="border-bottom-left-radius:2px; border-top-left-radius:2px; margin-left: 0px; margin-right: 0px; width: 110px; margin-top:0px; background-color:#28b779; font-size: 12px; margin-bottom:0px;"> Bodega</a><select type="text" style=" margin:0px; width:51%; -webkit-appearance: none; -moz-appearance : none; border: 1px solid #28b779; margin-left: 0px; margin-right: 0px; border-bottom-right-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:0px; border-top-left-radius:0px; margin-bottom:0px; text-align:center;" name="ingresar_selectBodegas" id="ingresar_selectBodegas"><?php for ($i=0 ; $i < count($bodegas); $i++) { echo '<option value="'.$bodegas[$i]['idBodega'].'">'.$bodegas[$i]['nombre'].'</option>'; }?></select></div>
A

Make .append() before .load()
Software Programming • javascript html jquery • • amarantha

2

0
Votes

2
Posts

0
Views

The problem is that .load() will always replace the content of the element. What you can do is use the method .get() and within it .append(), see:$.get('/ContratoCli/carregaProduto', {serie: $("#Serie").val(), numDoc: $("#NumDoc").val()}, function(data) { $('#Produto').append($('<br />')).append(data); });
J

A .CSS for "Above the Fold" and another .CSS for "Below the fold" - Is it worth it?
Software Programming • css performance • • jonetta

2

0
Votes

2
Posts

0
Views

S

Based on your doubts, I believe that the best solution taking into account performance would put the entire code into a single file and then minify it. Of course, always keeping an unminified copy as backup for future code changes.Now the issue of splitting the code into two or more files, particularly I find more organized. But it is necessary to look very well not to start mixing the codes that should be separated when there is some change to be made.With respect to making more than one request to bring various files there may be yes performance loss, depending on the size of the .css files the same way that can happen with .html or .js files as well. But it turns out to be a little relative to this issue as it will greatly depend on the user's connection at the time of downloading the files.
E

Select2 css and js problems in laravel
Software Programming • laravel selec languaget2 • • esther

2

0
Votes

2
Posts

0
Views

K

Possibly even though they are css and js files in the template you have to assign them to the elements you need for example: <select class="js-example-basic-multiple" name="permissions" multiple="multiple"> @foreach($permission as $per) <option value="{{$per->id}}" >{{$per->display_name}}</option> @endforeach </select> //Al final de tu html o en tu archivo js relacionado <script> $(document).ready(function() { $('.js-example-basic-multiple').select2(); }); </script> Then it works check in the errors of the javascript console to see if you ask for the js or css files.
K

Extracting the mass through different indices
Software Programming • php html • • kalena

2

0
Votes

2
Posts

0
Views

For the bulkhead (not only the number of keys) http://php.net/manual/ru/control-structures.foreach.php $f_a = ["int1"=>1,"int2"=>2,"int3"=>3,4,5,6,7]; foreach ($f_a as $key => $value) { echo $value.'<br>'; }
N

JS addEventListener
Software Programming • javascript html functions • • Nykeriab

2

0
Votes

2
Posts

0
Views

A

let bttns = document.querySelectorAll('button'); for(let bttn of bttns) { bttn.onclick = () => {console.log(bttn.id) }; }<button id="one">"первый"</button> <button id="two">"второй"</button> <button id="three">"третий"</button>
Space between Background
Software Programming • html css css3 • • Mystic

2

0
Votes

2
Posts

0
Views

C

Create the image with transparent background (png or transparent gif) by adding the spacing in the image as the following example for the half-circle-brown image. png.
M

Random number in range of numbers
Software Programming • javascript html • • magpie

2

0
Votes

2
Posts

0
Views

P

In the line var first = document.getElementsById('num1').value); and the latter do not need the last brackets.Also, when you get an early number, translate the data input to the numbers through +♪ function getnum() { let first = document.getElementById('num1').value; let second = document.getElementById('num2').value; let numout = Math.floor(Math.random()*(+second-+first)+(+first)); alert(numout); }</code></pre><pre class="snippet-code-html lang-html prettyprint-override"><code><fieldset id="generation"> <p>От <input id="num1" type="text"></input> </p> <p>До <input id="num2" type="text"></input> </p> <input type="submit" class="button" onclick="getnum()"> <br> </fieldset>
K

The second fashion window won't close
Software Programming • javascript html cs • • Kadir

2

0
Votes

2
Posts

0
Views

E

At the time you create a second fashion window, you have to hang him with an ankle reaction. It turns out you've created a window, but there's no evidence hanging. After document.body.appendChild(newModalWindow); Add an event. close.addEventListener('click', function() { closeModalWindow(); })
T

Problems with :checked css
Software Programming • html css • • terrea

2

0
Votes

2
Posts

0
Views

B

That won't work. The way your rule is .menu-mb would have to be a son of .mobile input:checked, which does not match your appointment. What you can do is move the input=checkbox out of the element he is, as if it was a "global controller". Thus, the action of :checked it may change any other next element.input#bt-menu { display: none } /* Esconde o input controlador */ input:checked ~ .menu-mb { display: block !important } /* Exibe o menu quando estiver checado */ /* Menu Mobile */ .mobile{ position: fixed; display: block; background-color: #111; width: 100% } .mobile label{ color: yellow; font-size: 8vh; text-align: center; cursor: pointer; width: 8vh; display: block } .menu-mb{ background-color: #111; display: none; margin-top: 9vh; width: 75vw; height: 100vh; width: 100%; position: fixed } .menu-mb ul{ list-style: none; } .menu-mb ul li{ float: none; width: 100% } .menu-mb a{ text-decoration: none; color: white; padding: 2vh; display: block; text-align: center }<input type="checkbox" id="bt-menu">  <div class="mobile"> <label for="bt-menu">&equiv;</label> </div> <nav class="menu-mb"> <ul> <li><a href="#" target="_self">Shounen</a></li> <li><a href="#" target="_self">Shoujo</a></li> <li><a href="#" target="_self">Ecchi</a></li> </ul> </nav>
K

How do you lose the YouTube video when you do it?
Software Programming • javascript html jquery cs youtube • • Kadir

2

0
Votes

2
Posts

0
Views

C

Use it. onmouseover For each element, and within the function, launch the video. Maybe you might need to stop the video. And for that, onmouseoutvideoArray.forEach((item) => { item.onmouseover = () => { item.playVideo() } })
C

Problem with cross-cutting comments
Software Programming • python python 3.x • • courtlanda

2

0
Votes

2
Posts

0
Views

K

I advise you to read the basis of the python syntax. https://pythonworld.ru/osnovy/sintaksis-yazyka-python.html as well as an article documenting the code in the python. https://pythonworld.ru/osnovy/dokumentirovanie-koda-v-python-pep-257.html The multiple lines of documentation consist of a one-stop line of documentation, followed by an empty line, followed by a more detailed description. The first line may be used by automatic means of indexing, so it is important that it be on the same line and separated from the rest of the documentation by an empty line. The first line may be on the same line as opening quotes or on the next line. All documentation shall be as non-derogable as the first line (see example below).Set the empty line before and after all the documents (single or multiple) which document the class - in general, the class methods are separated from each other by one empty line, and the structure of the documentation shall be shifted from the first method of empty line; for symmetry, put the empty line between the class heading and the line of documentation. The structure of the documentation of functions and methods is generally not required.def complex(real=0.0, imag=0.0): """Form a complex number. Keyword arguments: real -- the real part (default 0.0) imag -- the imaginary part (default 0.0) """ if imag == 0.0 and real == 0.0: return complex_zero ...
R

Refresh page when changing size
Software Programming • javascript html • • rielyn

2

0
Votes

2
Posts

0
Views

G

Try to save the width and if it does not change refresh the page.var ancho = $(window).width(); $(window).resize(function() { if ($(window).width() == ancho) window.location.href = window.location.href;

Css cross-cutting problem

Suggested Topics

Problems sending/receive email abroad Is domain or network problem? Software Programming • email domain outlook • • juvenalb

problem by changing the css class of an element before starting a form Software Programming • javascript webforms spring mvc language crud servlets • • Laycee

Problem with select type input when maintaining CSS styles Software Programming • html css • • Trenton

Make .append() before .load() Software Programming • javascript html jquery • • amarantha

A .CSS for "Above the Fold" and another .CSS for "Below the fold" - Is it worth it? Software Programming • css performance • • jonetta

Select2 css and js problems in laravel Software Programming • laravel selec languaget2 • • esther

Extracting the mass through different indices Software Programming • php html • • kalena

JS addEventListener Software Programming • javascript html functions • • Nykeriab

Space between Background Software Programming • html css css3 • • Mystic

Random number in range of numbers Software Programming • javascript html • • magpie

The second fashion window won't close Software Programming • javascript html cs • • Kadir

Problems with :checked css Software Programming • html css • • terrea

How do you lose the YouTube video when you do it? Software Programming • javascript html jquery cs youtube • • Kadir

Problem with cross-cutting comments Software Programming • python python 3.x • • courtlanda

Refresh page when changing size Software Programming • javascript html • • rielyn

Problems sending/receive email abroad Is domain or network problem?
Software Programming • email domain outlook • • juvenalb

problem by changing the css class of an element before starting a form
Software Programming • javascript webforms spring mvc language crud servlets • • Laycee

Problem with select type input when maintaining CSS styles
Software Programming • html css • • Trenton

Make .append() before .load()
Software Programming • javascript html jquery • • amarantha

A .CSS for "Above the Fold" and another .CSS for "Below the fold" - Is it worth it?
Software Programming • css performance • • jonetta

Select2 css and js problems in laravel
Software Programming • laravel selec languaget2 • • esther

Extracting the mass through different indices
Software Programming • php html • • kalena

JS addEventListener
Software Programming • javascript html functions • • Nykeriab

Space between Background
Software Programming • html css css3 • • Mystic

Random number in range of numbers
Software Programming • javascript html • • magpie

The second fashion window won't close
Software Programming • javascript html cs • • Kadir

Problems with :checked css
Software Programming • html css • • terrea

How do you lose the YouTube video when you do it?
Software Programming • javascript html jquery cs youtube • • Kadir

Problem with cross-cutting comments
Software Programming • python python 3.x • • courtlanda

Refresh page when changing size
Software Programming • javascript html • • rielyn