Extra Form
PHP PHP 8.0
CMS Rhymix 2.x

아래의 css를 editor (CKEditor임)에 입력하면

 

<style type="text/css">
span a { display:block; }
</style>

 

제목 밑 줄에 있는  
작성자, 작성일시, 조회수 등이 한 줄로 돼야 정상인데
그렇지 않고 3줄로 나타납니다.
어디를 어떻게 수정해야 하는지요?
 

게시판 스킨은 xedition'입니다.
layout'default'와 'xedition' 상에서 동일하게 나타납니다.

 

-----------아래는 이미지 입니다.----

css_error_01.jpg

  • profile

    <style type="text/css">
    span a { display:block; }
    </style>

    위의 내용을 에디터에 입력요??????
    에디터에 저런걸 입력한다구요????


    그리고 작성자, 작성일시, 조회수 출력은 에디터와 전혀 상관이 없습니다.

    말씀하신 스킨들에서 출력을 할 뿐입니다.  한줄로 나와야 하는게 디자인이 틀어진다면 어떤 css에서 영향을 받는지 확인할 수 있는 해당 페이지를 보여주셔야 합니다.

  • ?
    아래에 적용해 본 소스입니다.

    http://krtoday.codns.com/xe/together/37747
  • ? profile
    span a { display:block; } 을 어디에 넣으셨죠? 그걸 빼세요.
  • ? profile

    화면 캡처 2021-11-24 134921.png.jpg

  • profile

    span a 는 너무 대중적으로 많이 사용되는 항목들입니다.

    해당 모든 span 다음 a태그를 쓰는 a태그들을 모두 display 타입을 블럭으로 했으니 블럭속성에 따라 a태그를 담당하던 모든 내용들이 세로로 쭉이어지는 겁니다.

    span a 와 같은 항목말고, 그냥 에디터의 글이 들어가는 항목에 필요한 부분에만 style 속성을 이용하시기 바랍니다.

    그리고 에디터안에서는 <style> 태그를 사용하여 css을 적용하지는 마세요.

     

    style같은 속성이 최고관리자계정으로 입력하면 모든내용이 들어가는데 이를 html 편집속성(에디터자체의 소스를 클릭하면 소스형태로 편집됩니다)에서 직접 입력한 태그들이 그대로 적용되어 해당 내용이 해당 사이트의 <head> 태그 속에 부여되어있는 것 같습니다.

     

    해당 내용을 확인해보시고 혹은 따로 속성을 적용한곳이 더 있는지 아닌지 살펴보시기 바랍니다.

  • ?
    아,
    span a는 사용할 수 없군요, 빠르게 답을 주신 두 분께 감사드립니다.
  • ? profile
    잘못 이해하시고 계십니다.

    에디터에 css 를 넣는 것은 바람직 하지 않은 시도를 하고 계신 것이고

    span a 속성에 어떠한 효과를 넣으셔도 상관 없습니다.

    그런데 본인이 모든 span a 속성에
    span a { display:block; }

    의 값을 가지도록 직접 넣어 놓으셨는데

    왜 span a 의 를 가진 요소가 줄바꿈이 되었냐고 질문하시는게 이치에 맞지 않는 다는 것입니다.

    굳이 에디터에 style을 넣으시겠다면(관리자만 가능할 것 같은데요) 넣으셔도 됩니다만
    모든 span a 에 광역으로 다 상속받는 것은 하시면 안된다는 것입니다.

    효과를 주고 싶은 부분에 별도의 class 를 또 부여하시고 해당 class 를 가진 span의 a 만 적용되도록 지협적인 지정을 하셔야 합니다.
  • ? profile
    span a 라는 항목은 선택자라고 불리는 것입니다.

    span 태그안에 a태그가 있는 항목을 모두 선택한다는 뜻이 되지요.

    즉 a태그들중 그 부모의 태그가 span 태그인 모든 항목을 찾아 {}안의 속성을 적용하게 되는 것 인데요. 이러한 선택자를 사용할때 주의할 점이 특정 범위에서만 해당 속성을 적용하고 싶은지 아니면 전체에 대해서 모두 속성을 부여하고 싶은지에 대한 항목을 정해야 합니다.

    위와 같이 질문글에 남겨주신 항목으로는 특정 항목에서만 해당 태그가 적용되었으면 하는 상황인데, 실제로는 span 태그 안에 있는 모든 a태그 속성자들을 전부 선택해서 display:block 옵션을 주어서 생겻던 항목입니다.

    만약 그런 경우라면 특정 클래스를 선택하는거죠

    <span class="spanclass"><a>내용</a></span>

    이렇게 html에서 원하는 곳에 class를 선언하여

    .spanclass a { display:block }

    이런식으로 이용하시면 spanclass 라고 선언된 항목안의 A태그만 속성이 변경되게 되는 것 이죠.

    이러한 항목들의 속성을 이해하신다면 자주쓰이는 태그들을 속성선택자로 선택하는 일이 거의 드뭅니다.

    이런경우에 사용되는 경우라면 특정 테마형태로 생각하여 글자폰트를 고정하거나 전체적으로 다 적용되었으면 하는 경우에 사용되는 것으로 이해하시면 좀 더 쉽습니다^^

    자세한건 구글에서 css를 검색하여 메뉴얼이나 공부하는 자료들을 찾아보세요 ㅎㅎ
  • profile ?
    람보님의 자세한 설명대로

    span a { display:block; } 를
    .list div p a { display:block;} 로
    css를 수정하였더니
    그런대로 해결되었습니다.
    감사합니다.
  • ? profile
    .list 속에 div 도 태그속성으로 많은 사용이 되는 항목이니 해당 부분에 클래스가 잡혀있다면 클래스속성을 잡아주세요.
  • ?

    에디터에서 스타일 태그를 열어뒀다는거 자체가 문제 아닐까요? 악용방법이 없지않을듯한데...

    아 근데 게시판 본문용으로야 스타일 태그가 구지  필요없겠지만.. 생각해보니 페이지 만들때 쓰는군요.. 저도 쓰고있다는...

  • ? profile
    관리자만 쓸수 있습니다. 일반회원이 쓰면 전부 필터링됩니다.
  • profile

    CSS 선택자로 span a만 두는 것은 비유하자면 다음과 같습니다.

    도서관이 있고, 그 안에 책이 꽂혀 있습니다. 이중 19세 열람가 도서만 19라고 표시한다고 가정하겠습니다.

    이때 19세 이용가 도서만 골라 붙여야지, 모든 책을 대상으로 하면 안될 것입니다. span a에 스타일을 지정하는것은 모든 책에 스티커를 붙이는 것과 같습니다. 아동용 도서에는 19 스티커를 붙이면 안되겠죠?

    예를 들어서 본문 안에만 적용하려면 본문 안 span a라고 정확히 지정해 주셔야 합니다.

  • ?
    웹지기님, 람보님, 단비아빠님 그리고 YJSoft님께서 친절하고 신속한 답을 주셔서 감사합니다

    mp3 파일 연속듣기의 script와 css 조합으로 인터넷에서 copy해서 페이지를 만드는데 사용합니다. 그 소스의 인터넷 주소를 알지 못해서 소개하지 못했습니다.

    내가 만든 소스가 아니라서 공개하기에는...
    그래서 문제의 핵심 부분만 질의했던 것입니다.

    특히 람보님의 자세한 설명대로

    span a { display:block; } 를

    .list div p a { display:block;} 로
    css를 수정하고

    관련 태그와 소스(?)를 수정했습니다.

    건강하시기 바랍니다.