Need CSS Help - Printable Version
-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Skype & Technology (/forumdisplay.php?fid=9)
+---- Forum: Tech Talk (/forumdisplay.php?fid=17)
+----- Thread: Need CSS Help (/showthread.php?tid=53058)
Need CSS Help by Val on 11-17-2005 at 10:34 PM
Hey guys im need some css help here what im trying to do:
with out using images im trying to make the text background change color when hovered. I can do this only it changes only what the text covers in FX but in IE it works how i want...... heres the code:
code:
#side {
font-family: Arial, Helvetica, sans-serif;
background-color: #99CCFF;
width: 300px;
border: 2px solid #000000;
}
#side-item {
font-family: Arial, Helvetica, sans-serif;
width: 300px;
background-color: #99CCFF;
color: #FFFFFF;
text-align: center;
}
#side-item a:hover {
font-family: Arial, Helvetica, sans-serif;
background-color: #167BAB;
color: #FFFFFF;
width: 300px;
can someone tell me how to make 300px background change in FX because other things like that work in FX anyways heres the page: http://valspy.mine.nu/valspy/ver2/
(put mouse over home)
RE: Need CSS Help by hmaster on 11-17-2005 at 10:38 PM
code:
#side-item a:hover {
font-family: Arial, Helvetica, sans-serif;
background-color: #167BAB;
color: #FFFFFF;
width: 300px;
display:block; }
try that..
RE: Need CSS Help by Val on 11-17-2005 at 10:58 PM
quote:
Originally posted by hmaster
display:block;
ok thanks man i owe you one i never used the display line what dose it do?
RE: Need CSS Help by lordy on 11-17-2005 at 11:09 PM
copy -pasted straight from w3schools:
The display property sets how/if an element is displayed.
Possible Values
none - The element will not be displayed
block - The element will be displayed as a block-level element, with a line break before and after the element
inline - The element will be displayed as an inline element, with no line break before or after the element
list-item - The element will be displayed as a list
run-in - The element will be displayed as block-level or inline element depending on context
compact - The element will be displayed as block-level or inline element depending on context
table - The element will be displayed as a block table (like <table>), with a line break before and after the table
inline-table - The element will be displayed as an inline table (like <table>), with no line break before or after the table
table-row-group - The element will be displayed as a group of one or more rows (like <tbody>)
table-header-group - The element will be displayed as a group of one or more rows (like <thead>)
table-footer-group - The element will be displayed as a group of one or more rows (like <tfoot>)
table-row - The element will be displayed as a table row (like <tr>)
table-column-group - The element will be displayed as a group of one or more columns (like <colgroup>)
table-column - The element will be displayed as a column of cells (like <col>)
table-cell - The element will be displayed as a table cell (like <td> and <th>)
table-caption - The element will be displayed as a table caption (like <caption>)
RE: Need CSS Help by Val on 11-18-2005 at 12:07 AM
quote:i have one quesion how do you do colospan and rowspan with css?
Originally posted by lordy16
copy -pasted straight from w3schools:
The display property sets how/if an element is displayed.
Possible Values
none - The element will not be displayed
block - The element will be displayed as a block-level element, with a line break before and after the element
inline - The element will be displayed as an inline element, with no line break before or after the element
list-item - The element will be displayed as a list
run-in - The element will be displayed as block-level or inline element depending on context
compact - The element will be displayed as block-level or inline element depending on context
table - The element will be displayed as a block table (like <table>), with a line break before and after the table
inline-table - The element will be displayed as an inline table (like <table>), with no line break before or after the table
table-row-group - The element will be displayed as a group of one or more rows (like <tbody>)
table-header-group - The element will be displayed as a group of one or more rows (like <thead>)
table-footer-group - The element will be displayed as a group of one or more rows (like <tfoot>)
table-row - The element will be displayed as a table row (like <tr>)
table-column-group - The element will be displayed as a group of one or more columns (like <colgroup>)
table-column - The element will be displayed as a column of cells (like <col>)
table-cell - The element will be displayed as a table cell (like <td> and <th>)
table-caption - The element will be displayed as a table caption (like <caption>)