프로그램 작성 html

6

다음 코드를 사용하고 있습니다. CSS를 사용하여이 테이블을 페이지 중앙에 배치하는 방법은 무엇입니까? <html> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>The Main Page</title> </head> <body> <table> <tr> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> <td><button class="lightSquare"></button></td> <td><button class="darkSquare"></button></td> </tr> </table> </body> </html>

81 html css html-table center

6

jquery를 사용하여 div 태그 값 설정

이 html div 태그가 정의되어 있습니다. <div style="height:100px; width:100px" class="total-title"> first text </div> 값을 변경하는 jquery 코드가 있습니다. $('div.total-title').html('test'); 그러나 이것은 div의 내용을 변경하지 않습니다.

81 jquery html

24

부트 스트랩 드롭 다운이 작동하지 않음

작동하도록 부트 스트랩 드롭 다운을 만들 수 없습니다. 다음은 내비게이션 용 HTML입니다. <ul class='nav'> <li class='active'>Home</li> <li class='dropdown'> <a class="dropdown-toggle" data-toggle="dropdown" href='#'>Personal asset loans</a> <ul class="dropdown-menu" role="menu"> <li><a href="#">asds</a></li> <li class="divider"></li> </ul> </li> <li>Payday loans</li> <li>About</li> <li>Contact</li> </ul> 다음은 스크립트입니다. <script type="text/javascript" src="js/bootstrap/bootstrap-dropdown.js"></script> <script> $(document).ready(function(){ $('.dropdown-toggle').dropdown() }); </script> 내가 도대체 …

81 html drop-down-menu twitter-bootstrap

8

페이지로드시 CSS 전환 실행 중지

transition페이지로드시 실행 되는 CSS 속성에 문제가 있습니다. 문제는 color transition요소에 a 를 적용 할 때 (예 :) transition: color .2s페이지가 처음로드 될 때 요소가 검은 색에서 자체 할당 된 색상으로 깜박이는 것입니다. 다음 코드가 있다고 가정합니다. CSS p.green { color: green; transition: color .2s; -moz-transition: color .2s; -webkit-transition: color .2s; …

81 html css google-chrome

5

브라우저 개발자 도구를 사용하여 브라우저가 사용하는 srcset 이미지를 볼 수 있습니까?

srcset브라우저 개발자 도구를 통해 내 브라우저가 어떤 이미지를 사용 하고 있는지 확인하려고 노력 했지만 네트워크 탭을 사용하여 어떤 이미지를 가져 오는지 알 수 없습니다. 일반적으로 네트워크 탭을 사용하는 것이 좋지만 때로는 다른 크기의 이미지 버전 2 개를 가져 오는 것으로 나타났습니다. 중단 점 하나가 600이고 다른 중단 점이 900이고 브라우저가 …

81 html css responsive-design developer-tools srcset

4

"숫자"를 입력 할 때 항상 위쪽 / 아래쪽 화살표를 표시 할 수 있습니까?

입력 "숫자"필드에 대해 항상 위 / 아래 화살표를 표시하고 싶습니다. 이것이 가능한가? 지금까지 운이 없었어요 ... http://jsfiddle.net/oneeezy/qunbnL6u/ HTML : <input type="number" /> CSS : input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down Arrows"; }

81 html css input webkit shadow-dom

4

테이블 레이아웃이있는 테이블 : 고정; 한 열을 더 넓게 만드는 방법

그래서이 스타일의 테이블이 있습니다. table-layout: fixed; 모든 열의 너비를 동일하게 만듭니다. 하나의 열 (첫 번째 열)을 더 넓게 만들고 나머지 열을 동일한 너비로 테이블의 나머지 너비를 차지하고 싶습니다. 그것을 달성하는 방법? table { border-collapse: collapse; width: 100%; border: 1px solid black; background: #ddd; table-layout: fixed; } table th, table td …

81 html css xhtml

11

CSS 목록 스타일 이미지 크기

<ul>의 목록 항목 에 CSS로 사용자 정의 SVG 아이콘을 설정하려고 합니다. 예: <ul> <li style="list-style-image: url('first.svg')">This is my first item</li> <li style="list-style-image: url('second.svg')">And here's my second</li> </ul> 문제는 이미지가 너무 커서 선의 높이가 늘어난다는 것입니다. SVG 사용의 요점은 해상도에 따라 크기를 조정하는 것이기 때문에 이미지 크기를 변경하고 싶지 않습니다. background-image해킹 …

81 html css

1

CSS3 단방향 전환?

CSS3 전환을 사용하면 모든 속성에 '부드럽게'및 '부드럽게'효과를 낼 수 있습니다. '부드러운 다운'효과 만 갖도록 설정할 수 있습니까? 가능한 경우 JavaScript를 피하고 CSS로만 솔루션을 만들고 싶습니다. 논리 흐름 : 사용자 클릭 요소 전환은 배경색을 흰색에서 검은 색으로 변경하는 데 0.5 초가 걸립니다. 사용자가 마우스 왼쪽 버튼을 놓음 검은 색에서 흰색으로 배경색을 …

81 html css

4

HTML 스크립트 태그에서 비동기 및 지연 속성을 모두 사용할 수 있습니까?

defer및 둘 다 사용하여 다음 JavaScript 코드를로드하고 싶습니다 async. <script defer async src="/js/somescript.js"></script> defer는 Internet Explorer 5.5 이상에서 지원 되므로 CanIUse.com 에서 볼 수 있듯이 비동기를 사용할 수없는 경우 지연을 사용하여 정상적으로 폴백하고 싶습니다. 비동기 나는 그것이 사용 가능할 때 사용하는 것이 더 낫다고 생각하지만 Internet Explorer 10까지는 지원되지 않습니다. …

81 javascript html asynchronous

9

JavaScript를 사용하여 div 내에서 HTML 추가 / 제거

div에 여러 행을 추가하고 제거 할 수 있기를 원합니다. 콘텐츠를 추가하기위한 페이지 상단에 '+'버튼이 있습니다. 그런 다음 모든 행의 오른쪽에는 해당 행을 제거하는 '-'버튼이 있습니다. 이 예제에서는 자바 스크립트 코드를 알아낼 수 없습니다. 이것은 내 기본 HTML 구조입니다. <input type="button" value="+" onclick="addRow()"> <div id="content"> </div> 이것이 콘텐츠 div 안에 추가하고 …

80 javascript html innerhtml

6

HTML에 글꼴을 포함하는 방법은 무엇입니까?

웹 페이지에 글꼴을 포함하기위한 적절한 솔루션 (특히 SEO 측)을 찾으려고합니다. 지금까지 Firefox에서도 작동하지 않는 W3C 솔루션 과이 멋진 솔루션 을 보았습니다 . 두 번째 솔루션은 타이틀 전용입니다. 전체 텍스트에 사용할 수있는 솔루션이 있습니까? 웹 페이지의 표준 글꼴에 지쳤습니다. 감사!

80 javascript html flash fonts embed

7

AngularJs에 숨겨진 가시성?

<button id="tagBtnId" name="TagsFilter" ng-show="disableTagButton">Tags</button> ng-show 적용 display: none또는 display: block재산 그러나 나는 적용 visibility: hidden하고 visibility: visible재산.

80 html css angularjs

14

이메일 용 PHP에서 HTML을 일반 텍스트로 변환

저는 TinyMCE 를 사용 하여 내 사이트 내에서 최소한의 텍스트 서식을 허용합니다. 생성 된 HTML에서 전자 메일 용 일반 텍스트로 변환하고 싶습니다. 나는 html2text 라는 클래스를 사용해 왔지만 다른 것들 중에서도 UTF-8 지원이 정말 부족합니다. 그러나 저는 특정 HTML 태그를 일반 텍스트 형식으로 매핑합니다. 예를 들어 이전에 HTML에서 <i> 태그가 …

80 php html email plaintext

4

JavaScript에서 PHP 함수 호출

JS 함수를 통해 PHP 함수를 실행할 수있는 방법이 있습니까? 이 같은: <script type="text/javascript"> function test(){ document.getElementById("php_code").innerHTML="<?php query("hello"); ?>"; } </script> <a href="#" style="display:block; color:#000033; font-family:Tahoma; font-size:12px;" onclick="test(); return false;"> test </a> <span id="php_code"> </span> 기본적으로 PHP 함수를 query("hello")호출하는 "Test"라는 href를 클릭 할 때 php 함수를 실행하고 싶습니다 .

80 php javascript html ajax

«html» 태그된 질문