현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

Style Sheet 문제...

sadrove의 이미지
글쓴이: sadrove / 작성시간: 월, 2004/03/22 - 1:28오전

프로그래밍이라고 하긴 좀 그렇지만..^^..
웹사이트 제작할 때 스타일시트를 사용하는데요..
노프레임으로 <?include xxx?> 로 다른 문서를 포함해서 페이지가 구성됩니다..
문제는 A라는 문서가 B를 include 할때요..
A에도 외부style.css을 include하고요..
B에도 다른 외부style.css을 include합니다..
문제는 HOVER시에 색깔 바뀌는게..
서로 틀리게 설정되어 있어서요...
만일 A의 문서 HOVER가 빨간색이고 B는 파란색이라면..
전체 구성된 문서는 HOVER가 빨간색이 되어버립니다..
두개의 HOVER를 다르게 하고 싶은데요..
어떤 방법이 있을까요...
아무것도 아닌게 같은게 속 썩이네요.. :(

Forums: 
프로그래밍 QnA
progcom의 이미지

글쓴이: progcom / 작성시간: 월, 2004/03/22 - 2:03오전

class 값을 줘야겠지요.

a.filea:hover { color: red }
a.fileb:hover { color: blue }

<a href="blahblahblah..." class="filea">blahblah..</a>
<a href="blahblahblah..." class="fileb">blahblah..</a>

id와 class를 잘 쓰면 HTML 작성이 편해집니다.
(디자인 요소를 전부 빼버리고 스타일 시트만으로 모양을 완전히 바꾸는일이 가능하지요)

Prentice의 이미지

글쓴이: Prentice / 작성시간: 월, 2004/03/22 - 2:25오전 

<html> 
   <head> 
      <style type="text/css"> 
         .foo p {color: red;} 
         .bar p {color: green;} 
         p {color: blue;} 
      </style> 
   </head> 
<body> 
   <div class="foo"><p>foo</p></div>
   <div class="bar"><p>bar</p></div>
   <div><p>baz</p></div> 
</body> 
</html>
sadrove의 이미지

글쓴이: sadrove / 작성시간: 월, 2004/03/22 - 3:02오전

폰트나 색깔 같은거나 class를 쓸 수 있는 줄 알았습니다.. :wink:
역시 사람은 배워야 되는군요... :)
감사합니다...

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.