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

Like a shadow. <a> Remove visual effects?</a>

Mystic

I can't figure out how the shadow is. <a> remove the colour so that it does not look like a reference, but as a text or frame, rather than a blue colour or purple after the application.

css

a {
  text-decoration:none;
}

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
  </head>
  <body>
    <div>
      <a class="text"><h1>block1</h1></a>
    </div>
  </body>
</html>

Jolied

We need to write a reference for each condition using the forming style http://htmlbook.ru/samcss/psevdoklassy ♪ Use !important It's only in the most extreme cases.

a.text:active, /* активная/посещенная ссылка */
a.text:hover,  /* при наведении */
a.text {
  text-decoration: none;
  color: #666;
}

<div>
  <a href="#" class="text"><h1>block1</h1></a>
</div>

2
Posts

0
Views

Suggested Topics

T

How do you make a point check of the input?
Software Programming • javascript html cs input form • • Trenton

2

0
Votes

2
Posts

0
Views

S

There is. https://developer.mozilla.org/ru/docs/Web/CSS/:invalid :input:invalid { background-color: #f008; } Activation of the dispatch button, in all valid fields:document.querySelector('.validate-form').addEventListener('input', function(ev) { document.querySelector('.contact100-form-btn').disabled = !([...this.querySelectorAll('input[type=text]:valid')].filter(el => el.value).length == 4 && this.querySelector('input[type=checkbox]:checked')); });input:invalid { background-color: #f008; }<form class="contact100-form validate-form" method="post" action="php/reg.php"> <span class="contact100-form-title">Регистрация</span> <div class="wrap-input100 validate-input" data-validate="Обязательное поле"> <input class="input100" type="text" name="lastname" placeholder="Фамилия" pattern="^[А-Яа-яЁё]+$"> <span class="focus-input100"></span> <span class="symbol-input100"><i class="fa fa-user" aria-hidden="true"></i></span> </div> <div class="wrap-input100 validate-input" data-validate="Обязательное поле"> <input class="input100" type="text" name="name" placeholder="Имя" pattern="^[А-Яа-яЁё]+$"> <span class="focus-input100"></span> <span class="symbol-input100"><i class="fa fa-user" aria-hidden="true"></i></span> </div> <div class="wrap-input100 validate-input" data-validate="Обязательное поле"> <input class="input100" type="text" name="message" placeholder="Отчество" pattern="^[А-Яа-яЁё]+$"> <span class="focus-input100"></span> <span class="symbol-input100"><i class="fa fa-user" aria-hidden="true"></i></span> </div> <div class="wrap-input100 validate-input" data-validate="Неверный email! Пример: ex@abc.com"> <input class="input100" type="text" name="email" placeholder="Email"> <span class="focus-input100"></span> <span class="symbol-input100"><i class="fa fa-envelope" aria-hidden="true"></i></span> </div> <div style="display: none;" class="wrap-input100"> <input id="summa" class="input100" type="text" name="sum" placeholder="Сумма"> <span></span> </div> <div style="padding-top: 15px;padding-left: 8px;"> <label><input onclick="document.getElementById('summa').value = getRndInteger(1000,3000)" type="checkbox" required>Мне есть 18 лет.</label> </div> <div class="container-contact100-form-btn"> <button onClick='transfer()' class="contact100-form-btn" disabled>ОТПРАВИТЬ</button> </div> </form>
E

HTML Input showing PHP result
Software Programming • php html input • • emerson

2

0
Votes

2
Posts

0
Views

R

For you to do this, it would be ideal to use jQuery/Ajax, because it would be more dynamic. It would be something like this in HTML: <html> <title>Meu site</title> <head> <script type="text/javascript" language="JavaScript" src="https://code.jquery.com/jquery-latest.js"> </script> </head> <body> Id: <input type="text" name="id" /><br/> Nome: <input type="text" name="nome" /><br/><p> <button onclick="chamaId();">Conferir</button> </body> <script> function chamaId(){ $.getJSON('usuarios.php', function(dataf) { id = $('input[name=id]').val(); nome = dataf; if(!nome[id] == ""){ $('input[name=nome]').val(nome[id]); } else { $('input[name=nome]').val("ID "+id+" inexistente"); } }); } </script> </html> And the file usuarios.php:<?php $users = array("1220" => "Cassiano","9090" => "Maria","1522" => "Fulano", "001212" => "Rodrigo"); echo json_encode($users); A quick explanation because I'm kind of busy: in the file "usuarios.php" I created a Array as you can see, each ID of a array (the key) points to user (value), the function json_encode convert that array to format json, after that, the function chamaId() gets the value entered in input, receives the data in jSon file PHP using $.getJSON, and changes the value of the second input with the key entered in the first input, I know the explanation is a little confused, then I edit and explain better to you. Enjoy free time to give a study in the code! Good luck.
D

Like a hidden shadow. <input type="hidden"/> Can I get a GET AC in the violin php?
Software Programming • php html web programming • • Duquan

2

0
Votes

2
Posts

0
Views

page.php<html> <body> <form method="GET" action="page.php"> <?php if( isset( $_GET['size'] ) ) { $size = $_GET['size']; } else { $size = 3; } if( isset( $_GET['inc'] ) ) { $size++; } else { if( isset( $_GET['dec']) && ($size > 1 ) ) { $size--; } } ?> <input type="hidden" name="size" value="<?=$size?>"> <input type="submit" name="dec" value="Уменьшить"> <input type="submit" name="inc" value="Увеличить"> </form> <?php include 'table.php'; ?> </body> </html> table.php<table> <?php global $size; for( $i = 1; $i <= $size; $i++ ) { echo "<tr>"; for( $j = 1; $j <= $size; $j++ ) { echo "\n<td>Ячейка $i:$j</td>"; } echo '</tr>'; } ?> </table> <style> table,td { border:1px solid grey; } </style>
N

Run form by clicking a browser button
Software Programming • javascript php html • • Nykeriab

2

0
Votes

2
Posts

0
Views

Y

With JQuery you can do as Edson mentioned in the comments:$('input').on('change', function(){ $('form').submit() }) And with pure JavaScript:document.getElementById('input').addEventListener('change', function() { document.getElementById('form').submit() })
C

The site is not loaded in Safari, but it's loaded in all other browsers.
Software Programming • javascript html jquery bootstrap safari • • Cleofas

2

0
Votes

2
Posts

0
Views

K

Correct. https://validator.w3.org/nu/?showoutline=yes&doc=http%3A%2F%2F185.68.210.3%2F (page only) + site structure (see below, Heading-level outline and Structural outline): violation of sequence of elements h. Delete the following block from the reference code:  <meta name="theme-color" content="#59c7e5"> <meta name="msapplication-navbutton-color" content="#59c7e5"> <meta name="apple-mobile-web-app-status-bar-style" content="#59c7e5">
M

Problems with overlay of rotated elements
Software Programming • html css • • meriah

2

0
Votes

2
Posts

0
Views

As in what I put down, it was enough to add a position:relative in the 2 divs and put z-index on both, putting the blue with the greater value to stand up#divgirada { position:relative; z-index:998; width: 500px; height: 500px; background: red; transition-duration: 1s; } #divgirada:hover { transform: rotate(10deg); } #divparada { position:relative; z-index:999; width: 500px; height: 500px; background: blue; margin-top: -200px; margin-left: 200px; }<html> <head> <title>Teste de rotação</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="divgirada"></div> <div id="divparada"></div> </body> </html>
P

What is the advantage of using the Set<> method?
Software Programming • c sharp net entity framework linq • • Pearlaqua

2

0
Votes

2
Posts

0
Views

K

The advantage actually exists when you want to implement a generic behavior in some function of yours. For example, you want to write a method that only brings the first 10 records of any DbSet. You can do as follows:public IEnumerable<T> PrimeirosDez<T>() { return contexto.Set<T>().Take(10).ToList(); } That is, I implement an extension to the context that brings the first 10 elements to any DbSet.Usage:var teste = PrimeirosDez<Aluno>(); var teste2 = PrimeirosDez<Professor>();
Insert derogations to the width of the unit
Software Programming • html cs • • jeanid

2

0
Votes

2
Posts

0
Views

C

Try it.width: calc(33.33% - 6px); margin-right: 6px;
R

Effect shadow equal on gmail login screen
Software Programming • javascript html css css3 • • rielyn

2

0
Votes

2
Posts

0
Views

S

My idea here is to use pseudo-class :active to activate the animation of the element only in the click. According to Mozilla see that it's not just the tag <a> or <button> that can :active, actually even a tag <h1> or <p> can receive this pseudo-classThe :active pseudo-class is also typically matched when using the keyboard tab Key. It is frequently used on <a> and <button> HTML elements, but may not be limited to just those.ENGLISH" A pseudo-class :active is also usually used when using the key tab keyboard. It is often used in HTML elements <a> and <button>, but may not be limited only to them. "Source: Inside label I have two icons, one stays hidden and the other appearing when I change the checkbox For :checked I hide the icon that was visible and hidden what was already appearing.See the image model code:label { margin: 40px; height: 24px; width: 24px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; user-select: none; } label:active::before { content: ""; width: 0px; height: 0px; background-color: rgba(0, 0, 0, 0.35); border-radius: 50%; position: absolute; z-index: -1; filter: blur(5px); animation: anima 250ms forwards linear; } @keyframes anima { 50% { width: 40px; height: 40px; } } input:checked + label i.sim{ display: block !important; } input:checked + label i.nao{ display: none; } .sim { display: none !important; } .nao { bottom: block; } input { display: none; }<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <input type="checkbox" name="" id="efeito"> <label for="efeito" class="btnx"> <i class="material-icons sim">visibility</i> <i class="material-icons nao">visibility_off</i> </label>
E

Resource interpreted as Stylesheet but transferred with MIME type text/html: &lt; http://site.ru/page/param &gt;
Software Programming • css apache htaccess • • esther

2

0
Votes

2
Posts

0
Views

You're pointing out the reference to the current directory, you need to point out the original directory, the substitute.href="../css/style.css" ♪ href="/css/style.css"
Remove shadow between toolbar and the rest of the layout
Software Programming • android android layout • • Laycee

2

0
Votes

2
Posts

0
Views

C

The shadow you see is of AppBarLayout, to take it is only to define:<android.support.design.widget.AppBarLayout ... app:elevation="0dp"> For being the design library, the AppBarLayout defines an attribute elevation and has an implementation for devices prior to 5.0.
K

>
Software Programming • html • • kalena

2

0
Votes

2
Posts

0
Views

S

<p>CommentSince there is no string representing tags in HTML,It is written by the expression called character reference.&Start;The part between the format that ends with the name or number (decimal format)#nnOr de#xhh) ( http://w-d-l.net/html__entities/ )<Home<>Home>Home<p>Home<p>the
A

Synthesis of speech on the JS website
Software Programming • javascript html cs • • amarantha

2

0
Votes

2
Posts

0
Views

D

Author https://antonz.ru/speech-api/ The article proposes such a method:function speak(text) { const message = new SpeechSynthesisUtterance(); message.lang = "ru-RU"; message.text = text; window.speechSynthesis.speak(message); } const btnSpeak = document.querySelector("#speak"); const txtMessage = document.querySelector("#message"); btnSpeak.addEventListener("click", () => { speak(txtMessage.value); });* { box-sizing: border-box; } body { font-size: 16px; font-family: sans-serif; } textarea { width: 100%; height: 5rem; padding: .5rem; font-size: 1rem; } button { padding: .5rem 1rem; background-color: #008cba; font-size: 1rem; color: #fff; }<p>Текст для озвучки:</p> <p> <textarea id="message">Привет! С вами «интерфейсы без шелухи» — заметки о продуктоводстве, интерфейсах, здравом смысле и разработке софта</textarea> </p> <button id="speak">Озвучить</button>
M

Expand images along the screen width
Software Programming • html cs bootstrap • • meriah

2

0
Votes

2
Posts

0
Views

div.container { padding:0; width:100%; } div.row, div.col-sm-12 { margin:0; padding:0; } div.col-sm-4 { width:33.333%; /* на 3-и дива, 25% на 4-е дива и т.д. */ padding:0; } div.col-sm-4 img { width: 100%; }
T

Cover / show several JS class blocks
Software Programming • javascript html • • Trenton

2

0
Votes

2
Posts

0
Views

A

document.querySelectorAll('.content').forEach(c => c.classList.toggle('hidden')); For linescontent.classList.toggle('hidden')

Like a shadow. <a> Remove visual effects?</a>

Suggested Topics

How do you make a point check of the input? Software Programming • javascript html cs input form • • Trenton

HTML Input showing PHP result Software Programming • php html input • • emerson

Like a hidden shadow. <input type="hidden"/> Can I get a GET AC in the violin php? Software Programming • php html web programming • • Duquan

Run form by clicking a browser button Software Programming • javascript php html • • Nykeriab

The site is not loaded in Safari, but it's loaded in all other browsers. Software Programming • javascript html jquery bootstrap safari • • Cleofas

Problems with overlay of rotated elements Software Programming • html css • • meriah

What is the advantage of using the Set&lt;&gt; method? Software Programming • c sharp net entity framework linq • • Pearlaqua

Insert derogations to the width of the unit Software Programming • html cs • • jeanid

Effect shadow equal on gmail login screen Software Programming • javascript html css css3 • • rielyn

Resource interpreted as Stylesheet but transferred with MIME type text/html: &amp;lt; http://site.ru/page/param &amp;gt; Software Programming • css apache htaccess • • esther

Remove shadow between toolbar and the rest of the layout Software Programming • android android layout • • Laycee

&gt; Software Programming • html • • kalena

Synthesis of speech on the JS website Software Programming • javascript html cs • • amarantha

Expand images along the screen width Software Programming • html cs bootstrap • • meriah

Cover / show several JS class blocks Software Programming • javascript html • • Trenton

How do you make a point check of the input?
Software Programming • javascript html cs input form • • Trenton

HTML Input showing PHP result
Software Programming • php html input • • emerson

Like a hidden shadow. <input type="hidden"/> Can I get a GET AC in the violin php?
Software Programming • php html web programming • • Duquan

Run form by clicking a browser button
Software Programming • javascript php html • • Nykeriab

The site is not loaded in Safari, but it's loaded in all other browsers.
Software Programming • javascript html jquery bootstrap safari • • Cleofas

Problems with overlay of rotated elements
Software Programming • html css • • meriah

What is the advantage of using the Set<> method?
Software Programming • c sharp net entity framework linq • • Pearlaqua

Insert derogations to the width of the unit
Software Programming • html cs • • jeanid

Effect shadow equal on gmail login screen
Software Programming • javascript html css css3 • • rielyn

Resource interpreted as Stylesheet but transferred with MIME type text/html: < http://site.ru/page/param >
Software Programming • css apache htaccess • • esther

Remove shadow between toolbar and the rest of the layout
Software Programming • android android layout • • Laycee

>
Software Programming • html • • kalena

Synthesis of speech on the JS website
Software Programming • javascript html cs • • amarantha

Expand images along the screen width
Software Programming • html cs bootstrap • • meriah

Cover / show several JS class blocks
Software Programming • javascript html • • Trenton