게시글 목록 상단에 아래와 같이 광고 글을 넣고 싶은데요.
클릭을 하게 되면 링크 된 페이지로 이동하게 됩니다.
여럿 시도를 해보았지만
AD라는 이미지를 넣게 되면 글자가 아래로 치우치게 됩니다.
배경색도 변경하고 해야되는데...
참고 할 만한 자료가 있을까요?
| PHP | PHP 7.4 |
|---|---|
| CMS | Rhymix 2.x |
-
-
vertical-align:middle 이걸로 하니깐 중앙으로 오네요.
CSS를 제가 할 줄 몰라서 ㅠ_ㅠ
표를 만들어서 하긴 했는데
표속성에 실선 옵션이 없어서 두꺼운 줄만 나오네요 -
css 어렵지 않으니 검색해서 공부하세요. 1시간만 하셔도 될겁니다.
지금 하고 싶은게 css 그리고 html 입니다. 사이트에 뭔가 꾸미거나 링크를 추가하거나 하는 것이 운영자의 일이니 기본은 아셔야 할 것 같습니다.
-
웹지기님 감사합니다 ^^
CSS 찾아보고 순탄하게 완료 했습니다.
처음엔 CSS 어떻게 적용할지 몰라서 어버버 하다가 성공 했습니다.
작은 거지만 찾아보고 완료하니 성취감이 좋네요ㅎ
-
윗댓글들에 한가지 팁을 드리자면.. 요즘은 html 속에 style=""속성을 붙이는것을 지양하고 있습니다.
되도록이면 css파일에서 처리하는 방법으로 가는 것이 좋습니다. -
엘리먼트에 직접 style 을 쓰면 다크모드 등에 대응할때 애로사항이 꽃피는 문제가... class를 부여하고 css에서 처리하는게 좋죠. 귀찮아서 잔뜩 style 썼던게 나중에는 일거리로.....
-
안정적이게 할려면 특정한 결과값이 변경되어야할 |cond 옵션을 쓰지 않는다면 모두 class화시켜서 css에서 처리하도록 하는게 정석입니다.
-
flex를 이용하시면 편리합니다.
<div style="display:flex;justify-content:start;align-items: center;">
<div>AD</div>
<div><a href="광고링크"></a></div>
</div>
높이,패딩,색상은 적절히 정해주시면 되겠지요 -
오!! 이런 방법도 있군요.
현재는 html, css로 적용을 한 상태여서 다른 사이트에 적용할때는
플렉스로 사용 해보겠습니다. -
플렉스도 css인데, 원래 하시던대로 class로 빼서 쓰시면 됩니다.
-
좋은팁 감사합니다
<span>AD</span>
class 를 부여 하시고 css 처리 하시던지
아니면 span 태그에 직접 style로 처리하시면 되죠.
아니면 ad 이미지에 vertical-align:middle 를 적용해도 될 것 같구요.