'Programming/web 관련'에 해당되는 글 81건

  1. 2018.08.27 tr hover 2
  2. 2018.08.27 html button tag 4
  3. 2018.08.27 table border-spacing
  4. 2018.08.22 웹페이지 탭메뉴 만들기
  5. 2018.08.21 시맨틱 코드 2
  6. 2018.08.13 sketch 플러그인
  7. 2018.08.10 jquey dom
  8. 2017.10.03 eclipse php sftp
  9. 2017.10.03 aptana studio 설치
  10. 2017.05.26 HTML fieldset / legend
Programming/web 관련2018. 8. 27. 14:39

tr:hover가 먹긴 하는데(edge, chrome)

문제는 td에서 background 가 지정되었을 경우

background 색이 우선권을 가져서 tr:hover 색이 먹지 않는다.

tr:hover

{

background:#aba5a5;

[링크 : https://stackoverflow.com/questions/7510753/trhover-not-working]

[링크 : http://itzone.tistory.com/46]


요렇게 하면 색있는 애들도 칠해짐(단, th로 정의된 녀석들은 td가 아니니까 적용 안된다)

tr:hover td

{

background:#aba5a5;

[링크 : https://stackoverflow.com/questions/5492900/changing-background-colour-of-tr-element-on-mouseover]

'Programming > web 관련' 카테고리의 다른 글

웹폰트 - 나눔고딕  (0) 2018.08.27
div width와 margin:auto;  (2) 2018.08.27
html button tag  (4) 2018.08.27
table border-spacing  (0) 2018.08.27
웹페이지 탭메뉴 만들기  (0) 2018.08.22
Posted by 구차니
Programming/web 관련2018. 8. 27. 14:28

input type="button"이 아니라 button이 따로 있네?


[링크 : http://aboooks.tistory.com/301]

[링크 : https://www.w3schools.com/tags/tag_button.asp]

'Programming > web 관련' 카테고리의 다른 글

div width와 margin:auto;  (2) 2018.08.27
tr hover  (2) 2018.08.27
table border-spacing  (0) 2018.08.27
웹페이지 탭메뉴 만들기  (0) 2018.08.22
시맨틱 코드  (2) 2018.08.21
Posted by 구차니
Programming/web 관련2018. 8. 27. 13:44

div로 할까 하다가 그래도 표니까 table 써야지 하고 보는데

디자인 적으로 한줄 사이사이 공백이 추가되어야 하고

한줄은 구분이 없어야 하는 쪽이라 막 건드려보다 보니 이게 되네


table

{

border : 0px; /* 경계선의 두께 */

border-spacing: 1px 2px; /* 가로 1픽셀 띄우기 세로 2픽셀 띄우기 */

[링크 : https://www.w3schools.com/cssref/pr_border-spacing.asp]


+

padding으로는 셀 안의 크기를 띄우는 거라 내가 원하는 용도로 쓰긴 힘듬

'Programming > web 관련' 카테고리의 다른 글

tr hover  (2) 2018.08.27
html button tag  (4) 2018.08.27
웹페이지 탭메뉴 만들기  (0) 2018.08.22
시맨틱 코드  (2) 2018.08.21
sketch 플러그인  (0) 2018.08.13
Posted by 구차니
Programming/web 관련2018. 8. 22. 14:02

메뉴는 ul / li를 통해서 css 적용해 만들고

웹 페이지에서는 표시할 데이터를 놔두고

display:none; 과 display:inline-block;을 이용하여 출력/숨기기를 하는 듯


[링크 : http://imivory.tistory.com/8]

'Programming > web 관련' 카테고리의 다른 글

html button tag  (4) 2018.08.27
table border-spacing  (0) 2018.08.27
시맨틱 코드  (2) 2018.08.21
sketch 플러그인  (0) 2018.08.13
jquey dom  (0) 2018.08.10
Posted by 구차니
Programming/web 관련2018. 8. 21. 10:36

웹 퍼블리싱 관련 이것저것 보다 보니 보여서 검색


일단 semantic은 "의미적"이라는 뜻인데

기존의 <b>와 같이 bold로 굵게 하라는 행동 기반이 아닌

<strong>이라는 강하게 표현하고 표현 방식은 뒤로 맡기는 그런 류의 접근 방식으로 보인다.


가장 많이 보는 걸로는

<header>

<nav>

<section>

<footer> 등이 있다고 하면 간단하게 이해 될 듯


HTML구성 요소로서 어떠한 보여주는게 아닌

어떠한 문맥을 의도를 보여주는 meta 데이터로서의 tag 라고 하면 되려나?


[링크 : https://www.w3schools.com/html/html5_semantic_elements.asp]

[링크 : http://west849.tistory.com/4]

[링크 : http://coderap.tistory.com/499]

'Programming > web 관련' 카테고리의 다른 글

table border-spacing  (0) 2018.08.27
웹페이지 탭메뉴 만들기  (0) 2018.08.22
sketch 플러그인  (0) 2018.08.13
jquey dom  (0) 2018.08.10
eclipse php sftp  (0) 2017.10.03
Posted by 구차니
Programming/web 관련2018. 8. 13. 11:28

오홍.. 신기하네


[링크 : https://github.com/tudou527/marketch]

'Programming > web 관련' 카테고리의 다른 글

웹페이지 탭메뉴 만들기  (0) 2018.08.22
시맨틱 코드  (2) 2018.08.21
jquey dom  (0) 2018.08.10
eclipse php sftp  (0) 2017.10.03
aptana studio 설치  (0) 2017.10.03
Posted by 구차니
Programming/web 관련2018. 8. 10. 19:00

document.getElementById(id).onclick = function(){code}

[링크 : https://www.w3schools.com/js/js_htmldom_document.asp]



$(document).ready(function(){

    $("p").dblclick(function(){

        $(this).hide();

    });

});

[링크 : https://www.w3schools.com/Jquery/jquery_events.asp]

'Programming > web 관련' 카테고리의 다른 글

시맨틱 코드  (2) 2018.08.21
sketch 플러그인  (0) 2018.08.13
eclipse php sftp  (0) 2017.10.03
aptana studio 설치  (0) 2017.10.03
HTML fieldset / legend  (0) 2017.05.26
Posted by 구차니
Programming/web 관련2017. 10. 3. 18:07

'Programming > web 관련' 카테고리의 다른 글

sketch 플러그인  (0) 2018.08.13
jquey dom  (0) 2018.08.10
aptana studio 설치  (0) 2017.10.03
HTML fieldset / legend  (0) 2017.05.26
웹 페이지용 이미지 DB에 저장하기  (0) 2017.04.21
Posted by 구차니
Programming/web 관련2017. 10. 3. 16:18

JRE를 인스톨러에서 받아서 설치하고

내부적으로 nodejs 와 git를 받는데


nodejs는 링크가 깨졌는지 구버전을 설치해야 넘어간다.

nodejs 사이트에서 받아도 x86버전을 해줘도 안되는 이머병 스러운 사태가.. -_-

node-v0.10.13-x86.msi 는 아래의 티스토리에서 받으면 된다.


[링크 : http://www.aptana.com/index.html]

[링크 : http://taejusoul.tistory.com/627]

[링크 : https://github.com/aptana/studio3/issues/402]










일단.. sftp나 연결해서 해보려고 했으나..





안되네?! 검색해보니 구버전의 SFTP 프로토콜만 지원하고

요즘 sftp는 보안상의 문제로 그걸 막아놔서 못쓴다는데

[링크 : https://nikinuryadin.wordpress.com/2015/05/19/aptana-studio-3-sftp-key-exchange/]

[링크 : https://github.com/aptana/studio3/issues/367]


앱타나 자체도 2015년 이후로 업데이트 없는것 같고

다른 방법이나 eclipse 자체에서 사용할 수 있는법을 찾는게 나을 듯 하다

'Programming > web 관련' 카테고리의 다른 글

jquey dom  (0) 2018.08.10
eclipse php sftp  (0) 2017.10.03
HTML fieldset / legend  (0) 2017.05.26
웹 페이지용 이미지 DB에 저장하기  (0) 2017.04.21
http digest  (0) 2017.03.03
Posted by 구차니
Programming/web 관련2017. 5. 26. 13:16

html에서 form을 쓰려니 table이 기본인데 너무 귀찮아서 찾다 보니 이런게 있네?!

대충이라도 이제 만들어 봐야지 ㅠㅠ

그런데.. IE9에서 IE5로 해도 뜨는거 보니.. 원래 있던 기능인듯?

HTML5에서 추가된게 아닌가 보네..(하위 속성만 추가된 듯?)


fieldset은 박스를 쳐주고

legend 는 박스의 제목


<!DOCTYPE html>

<html>

<body>


<form>

 <fieldset>

  <legend>Personalia:</legend>

  Name: <input type="text"><br>

  Email: <input type="text"><br>

  Date of birth: <input type="text">

 </fieldset>

</form>


</body>

</html>


[링크 : https://www.w3schools.com/tags/tag_legend.asp]

[링크 : https://www.w3schools.com/tags/tag_fieldset.asp]

'Programming > web 관련' 카테고리의 다른 글

eclipse php sftp  (0) 2017.10.03
aptana studio 설치  (0) 2017.10.03
웹 페이지용 이미지 DB에 저장하기  (0) 2017.04.21
http digest  (0) 2017.03.03
http header  (0) 2017.03.02
Posted by 구차니