css related questions

[Rosalie]

Hi everyone,

I have 2 questions about a page I'm making. You can view it here (""). In the page you see a 'J', If I delete this J my whole layout gets messy. Does anyone know how to resolve this.

this code in my CSS:

.asterix{color:#f90102;}.underline{text-decoration:underline;}.cursor{cursor:pointer;}strong{font-weight:bold;}
input,select,textarea,file{border:1px solid #D6D4CF;color:#999186;font-family:Arial,Helvetica,sans-serif;}
textarea{
height: 100px;
width: 250px;}

Should apply only to my table, not to my whole page. How can I achieve this?

Thanks for the help, I very much appreciate it

[Rosalie]

Hopefully it's not a problem that some pictures are not visible. The problem is that if I delete the J than my lowest navigation bar is positioned very weird while with the J (or any other sign of course) the position of the lowest navigation bar is correct.

[Beverleyh]

What happens if you try <div class="sfsdfsdf" style="clear:both"></div>

or

replace the 'j' with a non-breaking space entity: &nbsp;

[Rosalie]

What happens if you try <div class="sfsdfsdf" style="clear:both"></div>

or

replace the 'j' with a non-breaking space entity: &nbsp;


Thank you very much beverleyh,
Your last recommendation worked!

[Rosalie]

My only question left now is whether it is possible to have this css code only applied to my table and not to the whole page:


.asterix{color:#f90102;}.underline{text-decoration:underline;}.cursor{cursor:pointer;}strong{font-weight:bold;}
input,select,textarea,file{border:1px solid #D6D4CF;color:#999186;font-family:Arial,Helvetica,sans-serif;}
textarea{
height: 100px;
width: 250px;}

[Beverleyh]

No problem.

As far as targetting your table only, first give it an id;

<table id="mytable" width="300" border="0" align="left" cellpadding="2" cellspacing="0">
and then change your CSS to this, so only the elements within your table are targetted;

#mytable .asterix { color:#f90102; }
#mytable .underline { text-decoration:underline; }
#mytable .cursor { cursor:pointer; }
#mytable strong { font-weight:bold; }
#mytable input, #mytable select, #mytable textarea, #mytable file { border:1px solid #D6D4CF; color:#999186; font-family:Arial,Helvetica,sans-serif; }
#mytable textarea { height:100px; width:250px; }

[Rosalie]

No problem.

As far as targetting your table only, first give it an id;

<table id="mytable" width="300" border="0" align="left" cellpadding="2" cellspacing="0">
and then change your CSS to this, so only the elements within your table are targetted;

#mytable .asterix { color:#f90102; }
#mytable .underline { text-decoration:underline; }
#mytable .cursor { cursor:pointer; }
#mytable strong { font-weight:bold; }
#mytable input, #mytable select, #mytable textarea, #mytable file { border:1px solid #D6D4CF; color:#999186; font-family:Arial,Helvetica,sans-serif; }
#mytable textarea { height:100px; width:250px; }

Thank you so much! It worked just the way I wanted it :D

[Rosalie]

I am sorry having to ask for your help again. There are still some things which I am unable to fix, after a long time of trying and searching.
On my contact page, the title and message box don't have the font displayed in black unlike the other boxes. I have no idea how to fix this.


Thanks in advance for the help!

[Beverleyh]

I'm sorry but I dont understand what you want help to fix.

Please can you elaborate a little more.

[Rosalie]

I'm sorry but I dont understand what you want help to fix.

Please can you elaborate a little more.


I'm sorry for being unclear. On my contact page (which you can find here (""))
The text in my Title and Message fields is displayed in black and in my first name/surname/email address/subject fields is displayed in beige.

I would like the text in the title and message fields also to be displayed in beige. Do you have an idea how to do this? When I try to change it, it doesn't work.

Thanks in advance

[Beverleyh]

Adding this to your CSS should work - replace beige; with the hexidecomal value of your choice though - ie) #000000; is black


select, input, textarea { color:beige; }

[Rosalie]

Adding this to your CSS should work - replace beige; with the hexidecomal value of your choice though - ie) #000000; is black


select, input, textarea { color:beige; }

Thanks a lot, this is what I wanted!