닷넷 버튼소스의 CSS적용 문제..
화가마
안녕하세요..
웹디자이너 인데 회사에서 css 때문에 골머리를 앓고 있습니다.
지금 구축중인 프로젝트에서 디자이너의 잦은 작업을 줄이려고 전 버튼을 css화 하였는데 찾다찾다 버튼에 직접 css를 입혀 적용하려다 보니 한가지 문제가 걸려 결국 기존에 몇번 작업했던것을 포기하는 단계에 이르렀습니다.
회사 프로그램 언어 환경은 닷넷이고 버튼에 css를 입히는 것은 닷넷 버튼 소스에다 적용하다보니 html에서 input에 css를 적용하는 것과는 다른 많은 제약이 있더라구요..
처음엔 border와 background를 적용하려 하였으나 버튼 소스 안의 테두리에 생기는 선을 없애려다 보니 border를 0으로 변경하였습니다.
그러나 border를 변경하다 보니 한쪽 라인만 안생기는 현상이 발생하여 버튼 뒤의 배경을 없애자니 박스안의 아이콘만 보이는 것도 이상하여 고민을 하게 되었습니다.
닷넷 브라우저 환경은 IE 7.0에 고정되어 있습니다.
결국 이 현상을 해결하지 못하면 제약으로 인해 변경한 css를 써야 할 상황입니다.
닷넷에서의 버튼 소스는 아래와 같습니다.
asp:Button ID=btnDelete runat=server Text=Delete CssClass=Upload /
asp:Button ID=btnDelete runat=server Text=Delete CssClass=Update /
이 소스에서 input에서 처럼 테두리를 없애기 위한 onfocus=this.blur()이 적용되지 않아 css에서 모든 제어를 해야 합니다.
이 해결책을 아시는 고수님들의 의견 기다리겠습니다.
-
혁민
위에 처럼 하고 싶은데 코드가 복잡해진다고 프로그래머가 보류라네요...
그래도 많은 도움 감사드립니다.~!^^ -
알
닷넷의 경우 컨트롤이 바인딩되면서 html태그로 바뀌게 되는 지라..어떤식으로 변환되는지 알고 계시면
css작성시에 좀더 편리하실거 같습니다.
자주 사용되는 버튼 컨트롤은 요렇고롬 바뀝니다.
asp:Button ~은 input ~으로
asp:ImageButton ~은 a href=\\img~/a로
asp:LinkButton ~도 a href=\\로(주로 이미지등등에 사용)
asp:HyperLink ~도 a href=\\로바뀝니다. -
공주
asp:Button을 꼭 써야 하시면(=해당 컨트롤이 꼭 input이어야 되면)...프로그래머가 비하인드 코드에서
protected void Page_Load(object sender, EventArgs e)
{
btnDelete.Attributes.Add(\onfocus\