1. 홈
  2. 질의 응답
  3. 텍스트 장소

텍스트 장소

2013-06-21 5 views
-1

나는이 작은 여기 페이지 다음텍스트 장소

http://burnhabbo.com

하지만 내 친구가이 해상도를 가진 그의 사용 된 XP 컴퓨터 (WTH)의 친구의 큰 범위를 코딩 한에서 모두 크기 (1024x768)이고 페이지에 액세스 할 때 div의 모든 텍스트가 가운데 상자 바깥에 있습니다.

여기에 모든 CSS는 그리고

#playerb { 
    position: absolute; 
    left: 740px; 
    top: 507px; 
    width: 60px; 
    height: 60px; 
} 
#song { 
    font-family:Verdana, Geneva, sans-serif; 
    text-shadow: 1px 1px 0px rgba(190, 190, 190, 1); 
    font-size: 11px; 
    position: absolute; 
    left: 554px; 
    top: 538px; 
    width: 130px; 
    height: 60px; 
} 
#listeners { 
    font-family:Verdana, Geneva, sans-serif; 
    text-shadow: 1px 1px 0px rgba(190, 190, 190, 1); 
    font-size: 11px; 
    position: absolute; 
    left: 696px; 
    top: 538px; 
    width: 90px; 
    height: 60px; 
} 
#myhabbo { 
    position: absolute; 
    left: 518px; 
    top: 511px; 
    width: 60px; 
    height: 60px; 
}

div의

<div id="playerb"> 
    <iframe frameborder="0" scrolling="no" src="http://burnhabbo.com/play.html"></iframe> 
</div> 
<div id="myhabbo"> <a href="http://habbo.com.br/home/T.Moonblade" target="_blank"><img  src="img/avatarimage.gif" width="33" height="56" title="Sup noobs!"/></a> 
</div> 
<div id="song"> 
    <marquee> 
     <a href="https://93.190.141.194:2199/tunein/burn.pls" id="cc_strinfo_song_burn" class="cc_streaminfo" style="text-decoration: none">Carregando...</a> 
    </marquee> 
</div> 
<div id="listeners"> 
    <span id="cc_strinfo_listeners_burn" class="cc_streaminfo"></span>/3000 
</div>

이 문제를 어떻게 해결하기 위해?

출처

2013-06-21 HSoares

+3

여기서 테이블은 무엇입니까? – Jawad

+3

''-_- – JJJ

+2

다른 화면 해상도로 개발하는 문제에 오신 것을 환영합니다. 이 작업을 마친 후에는 "다양한 브라우저 용으로 개발"연설을 홀에서 즐겨보십시오. –

답변

0

나는 당신의 페이지 구조를 본 적이, 그리고 정말 좋지 않다 ...

당신은 더 나은 콘텐츠의 위치를 ​​더 HTML과 CSS를 공부해야합니다.

이 특정 작업에는 div을 사용하고 css를 이해하는 데 더 많은 시간을 할애하는 것이 좋습니다. (특히 배경 CSS에서)

여기에 link 몇 가지 추가 정보가 있습니다.

나는 당신을 위해 좋은 구조의 예를 만들었습니다. 이것은 HTML입니다 :

<div class="back"> 
<h2>Leiam caros usuários!</h2> 
<p>Por este meio viemos comunicar, que nós, a BurnHabbo virá para ficar na família 
    dos sites habbo e promete arrasar os seus pixeis! Estamos num servidor dedicado 
    localizado em França segurado por uma firewall costumizada e avançada, e contamos 
    com o apoio de vários programadores freelancers profissionais paracriar a nossa 
    versão e painel. 
    AVANTE BURN HABBO!</p> 
</div>

그리고 이것은 CSS입니다 : 또한 this live demo

.back{ 
    color:white; 
    height:233px; 
    width:434px; 
    background-repeat:no-repeat; 
    background-image:url('http://burnhabbo.com/img/aviso.png'); 
    background-position:top center; 
    text-align:center; 
} 
.back h2{ 
    padding-top:5px; 
} 
.back p{ 
    padding:0px 20px; 
    margin-top:-10px; 
    font-size:18px; 
}

참조하십시오.

출처

2013-06-21 16:37:59 rkpasia

+0

그것은 일했다 !!! 정말 muuuuuch 감사합니다! 그런 다음 w3schools에 대한 읽기 권한을 갖기 위해 이미 사이트를 알고 있었지만 스 니펫이나 2가 필요할 때만 검색했습니다. 이제 내 다음 작업은 플레이어를 정렬하는 것입니다. – HSoares

관련 문제

 관련 문제