이미지와 텍스트 한줄 정렬 질문이에요~
그루터기
도와주세요~
도대체 삽질의 끝이 보이질 않아요. ㅠㅠ
1번 문제는요.
초록색 1번은 백그라운드 이미지에 텍스트 1번을CSS로 넣은 거구요.
옆에 파란색 타이틀은 그냥 텍스트구요.
A버튼과 B버튼은 이미지에요.
초록색 박스와 1번 텍스트가 맞게 패딩값 조절하고 나니까 저렇게 보여요.
버튼이미지가 나란히 한 줄로 와야 하는데 밑으로 내려가버렸어요.
보니까 딱 DIV 박스 가운데에 정렬된 것 같은데 생각나는 건 다 했봤는데 줄맞춤이 안돼요.
버튼 이미지를 DIV로 묶어서 정렬해봐야할까요?
2번 문제는요.
화살표를 백그라운드 이미지로 넣고 타이틀은 텍스트로 처리한건데요.
화살표가 텍스트처럼 밑으로 내려와야 하는데 딱 0 0 으로만 정렬되고 다른 숫자 넣으면 사라져요.
css는 이렇게 했거든요.
꼭 텍스트가 중간쯤에 가야 해서 이미지도 따라 내려가야 하는데 안돼요. ㅠㅠ
.title {background:url(title.gif) 0 0 no-repeat; color:#6090bf; font-weight:bold;padding:5px 0 10px 13px;margin-top:23px;border:1px solid #dadfec; background-color:#FFFFFF;}
-
리네
앗...신기해요.
1번 문제에서 타이틀이랑 뒤에 있는 이미지 정렬은 성공했어요.
초록색 박스 배경이미지 안에 텍스트 1번은 정렬이 안되구 있는데 이것저것 해봐야죠. -
이슬비
답글 감사해요~ 답글은 짧은데 내용이 어려워서 읽고 또 읽고 있어요~ ㅎㅎ 꼭 성공했음 좋겠어요~ ^^
-
월식
1번 div로 감싸고 안의 요소들은 float를 주시고 div에 line-height:a/b버튼 이미지높이값 이렇게 주시면 글과 이미지가 정렬됩니다.
2번 background:url(title.gif) no-repeat left center; padding-left:적당값 } 이렇게 주시면 될것 같습니다. -
어둠
답글 감사해요~ 계속 읽으면서 이해하려고 노력중이에요~ㅎㅎ 성공하면 좋겠어요~ ^^
-
행복녀
1. // 타이틀 패딩은 일부러 아래로 많이 가게 해진건가염 , 어쨰꺼나 초록1번, 타이틀, 두개의 버튼을 나란히 한줄로 하고싶한줄로 하게 된다면 당연히 vertical-align:middle; 하셔야겠죵, 아래아래에 어떤분이 질문해주셨는데 그와같이 vertical-align:top 해주셔서 각각 마진을 해주신다던가 , 하셔야해요 , 아님 정확한 소스를 올려주세횸
2, no-repeat 0 0에 숫자를 넣으시면 뭐가 사라지는거죵? 제가 보기엔 아무문제