2013-11-03 4 views
-2

HTML- CSS 코드를 게시하고 사용자가 복사 할 수있는 블로거 용 텍스트 상자가 필요합니다. 예 = The Image Link어느 누구도 HTML-CSS를 도울 수 있습니까

내가을 사용하고자하는 이미지 = image

내가 원하는 코드가 작 으면 그. 자동으로 코드가 긴 경우

Image는 자동으로이 = Image

내가 그것을 만들기 위해 노력하고 내가 그 안에 코드를 붙여 넣습니다, 그것은 같은해야 =이처럼 될한다 끔찍하게, 당신은 볼 수 = Looking Very Bad

내 CSS 코드 :

#tbox1 { 
    background:url(http://1.bp.blogspot.com/-i3AX6FFu9N8/UnYbGgMgYhI/AAAAAAAAA2k/SFv0kK7x6YI/s1600/Coding+Place+For+Blogger.png) no-repeat; 
    width:500px; 
    height:380px; 
    margin:10px; 
    padding:20px 40px; 
    overflow:auto; 
    word-wrap:nowrap; 
    /*font styles*/ 
    font-family:'Open Sans', sans-serif; 
    font-size:16px; 
    /*1em*/ 
    color:#000000; 
    line-height:20px; 
} 

HTML 코드

<div id="tbox1">Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code Testing The Code v</div> 

당신은 무슨 일이 실제로 나에게 무슨 일이 일어나고 있음을 JsFiddle에 볼 수 있습니다 http://jsfiddle.net/e5nHr/

+1

죄송합니다. 정확히 무슨 문제입니까? 그 질문은 분명하지 않다. 너 뭐 해봤 니? – ggdx

답변

0

u는 u는 배경 이미지에서 테두리를 제거해야한다 유연한 높이를 갖고 싶어 그것을 css 코드에 삽입하십시오.

border: 4px solid #000; 
border-radius: 1em; 

이 그 : http://jsfiddle.net/fUaXL/

0

사용이 코드 : [http://jsfiddle.net/e5nHr/8/]

다른 문제는 잘못된 이미지를 사용하고 있는지, 당신 이미지의 오렌지 부분 만 사용하고 CSS 코드로 가장자리를 처리해야합니다.

관련 문제