질문/조언질답게시판
Extra Form
PHP PHP 7.4
CMS Rhymix 2.x

게시글 목록 상단에 아래와 같이 광고 글을 넣고 싶은데요.

클릭을 하게 되면 링크 된 페이지로 이동하게 됩니다.

캡처.JPG

 

여럿 시도를 해보았지만

AD라는 이미지를 넣게 되면 글자가 아래로 치우치게 됩니다.

배경색도 변경하고 해야되는데...

참고 할 만한 자료가 있을까요?

2.JPG

 

  • profile

    <span>AD</span>

    class 를 부여 하시고 css 처리 하시던지

    아니면 span 태그에 직접 style로 처리하시면 되죠.

     

    아니면 ad 이미지에  vertical-align:middle 를 적용해도 될 것 같구요.

  • profile profile
    vertical-align:middle 이걸로 하니깐 중앙으로 오네요.

    CSS를 제가 할 줄 몰라서 ㅠ_ㅠ
    표를 만들어서 하긴 했는데
    표속성에 실선 옵션이 없어서 두꺼운 줄만 나오네요
  • profile profile

    css 어렵지 않으니 검색해서 공부하세요. 1시간만 하셔도 될겁니다.

    지금 하고 싶은게 css 그리고 html 입니다. 사이트에 뭔가 꾸미거나 링크를 추가하거나 하는 것이 운영자의 일이니 기본은 아셔야 할 것 같습니다.

  • profile profile

    웹지기님 감사합니다 ^^

    CSS 찾아보고 순탄하게 완료 했습니다.

     

    처음엔 CSS 어떻게 적용할지 몰라서 어버버 하다가 성공 했습니다.

    작은 거지만 찾아보고 완료하니 성취감이 좋네요ㅎ

     

    3.JPG

  • profile profile
    윗댓글들에 한가지 팁을 드리자면.. 요즘은 html 속에 style=""속성을 붙이는것을 지양하고 있습니다.

    되도록이면 css파일에서 처리하는 방법으로 가는 것이 좋습니다.
  • profile profile
    엘리먼트에 직접 style 을 쓰면 다크모드 등에 대응할때 애로사항이 꽃피는 문제가... class를 부여하고 css에서 처리하는게 좋죠. 귀찮아서 잔뜩 style 썼던게 나중에는 일거리로.....
  • profile profile
    안정적이게 할려면 특정한 결과값이 변경되어야할 |cond 옵션을 쓰지 않는다면 모두 class화시켜서 css에서 처리하도록 하는게 정석입니다.
  • profile
    flex를 이용하시면 편리합니다.

    <div style="display:flex;justify-content:start;align-items: center;">
    <div>AD</div>
    <div><a href="광고링크"></a></div>
    </div>

    높이,패딩,색상은 적절히 정해주시면 되겠지요
  • profile profile
    오!! 이런 방법도 있군요.
    현재는 html, css로 적용을 한 상태여서 다른 사이트에 적용할때는
    플렉스로 사용 해보겠습니다.
  • profile profile
    플렉스도 css인데, 원래 하시던대로 class로 빼서 쓰시면 됩니다.
  • profile profile
    좋은팁 감사합니다