CSS Question Options

[djilltactics]

Well my issue is lack of knowledge within a certain part of my coding. I ve had trouble for the past couple of days with a myspace page i have been designing and have yet come up with a solution.

Problem:

CODE

table td table tr td.text table {visibility : hidden;}table td table tr td.text table table, table td table tr td.text table table td.text {visibility : visible;}table table table table, table table table table td.text, td.text td.text table {display : none;

Not sure what this part of the coding is called but i would like to know more about it.

Can anyone point me in the right direction to figure out the basics of this part of the coding?

Or like

CODE

"table table table table"
or
"td table tr table"

What do these sequence of tables and td tr's mean?

This certain part just really confuses me...

Any help is appreciated...Thanks everyone....

[Medi]

It means that part of the code is pointing to a specific cell in a specific row and column in a specific table.

http://www.w3.org/TR/html4/struct/tables.html

[schizo]

Moved to Myspace Support.

Honestly I wouldn't bother learning all of those table combinations. I learned a few just by messing with different combinations and looking at other layout codes. The scripts section here might help with fancy ones.

[djilltactics]

(my apologies schizo for placing the topic in the wrong section of the forum)...


How do I know which table is where if it has no label?

[Medi]

You can download a firefox addon that will display code elements in live view.

firebug is a good one: https://addons.mozilla.org/en-US/firefox/addon/1843

[fixtatik]

when you see a few HTML elements in a row in a style sheet, it's editing nested items. in your table table table table { } example, you're editing all tables that are nested within three other tables, like so:

CODE

<table>
<tr>
<td>
<table>
<tr>
<td>
<table>
<tr>
<td>
<table>
This is the area that's being edited
</table>
</td>
</tr>
<tr>
<td>
<table>
This is the area that's being edited
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>

something like that will also be editing table table table table table { }, so if you don't want that to happen, you'll have to add different properties for tables nested within four tables.

say you come across a CSS code, something like div a span { }. something like that would be editing all <span> tags that are nested within <a> tags within <div> elements:

CODE

<div>
  <a href="URL"><span>This is being edited</span></a>
</div>

[djilltactics]

Oh wow this should definetly help alot...Thanks Medi..downloading now..


What would you guys recommend I do about a page layout that looks different on different browsers?

[Medi]

Oh wow this should definetly work...Thanks Medi..downloading now..
What would you guys recommend I do about a page layout that looks different on different browsers?

Search for cross-browser compatibility coding.

[djilltactics]

when you see a few HTML elements in a row in a style sheet, it's editing nested items. in your table table table table { } example, you're editing all tables that are nested within three other tables, like so:
]something like that will also be editing table table table table table { }, so if you don't want that to happen, you'll have to add different properties for tables nested within four tables.

say you come across a CSS code, something like div a span { }. something like that would be editing all <span> tags that are nested within <a> tags within <div> elements:

Thank you so much Fixtatik....Im gonna sit here and study your reply really hard so i can really grasp the concept you have provided...

[fixtatik]

Thank you so much Fixtatik....Im gonna sit here and study your reply really hard so i can really grasp the concept you have provided...

if you need visual aid, look at this: link. that's the basics of what i was trying to say. i can make it a little more detailed if you need me to.

[manny-the-dino]

So topic closed?

[Mickey]

Topic closed & moved.