![]() |
![]() |
||||||
|
|||||||
| Tags: css, newbie, question |
![]() |
|
|||
|
Hi!
I am truly sorry for asking such a newbie question, but after searching I couldn't find a simple answer that I could understand. ![]() What I'm trying to do is simple: I want to have borders on every table on my page, except the one in the middle that has my main content inside. I have given this table a ID called "main_table". Now inside this main table I have several other tables that I also don't want to give a border to. How would I do this with dreamveawer? I tried to use a pseudo class selector for the ID="main_table" but it changed only the look of that specific table, not the smaller tables inside it. And I tried to apply the property using a tag selector, but this changed the look of every table on the whole page. How can I tell dreamweaver to change the look of a specific table AND every table inside it using CSS rules? I am sorry for asking such a basic question, but I'm really stuck with this one. If anyone is kind enough to help, I will really appreciate it very much! |
| Sponsored Links |
|
|||
|
You have to do this with CSS. In your CSS document do the following:
#main_table table { insert css code here } If you need to assign this to a class it could also look like: table.main_table { insert css code here } Since your main_table is an ID the first example will help you while the second is a reference for you. |
|
|||
|
On Mon, 18 Aug 2008 09:18:48 +0000 (UTC), "Andy Bay"
<webforumsuser@macromedia.com> wrote: >Hi! > > I am truly sorry for asking such a newbie question, but after searching I >couldn't find a simple answer that I could understand. ![]() > > What I'm trying to do is simple: > > I want to have borders on every table on my page, except the one in the middle >that has my main content inside. I have given this table a ID called >"main_table". Now inside this main table I have several other tables that I >also don't want to give a border to. How would I do this with dreamveawer? > Give each table on the page a class: so all bar one would have the same class the one table that is different, give that an ID as well and in the css for that ID include styles for the border. Because an id has a higher specificity ( or importance ) it will overrule the style in the class. ..datatable{ border: 1px solid #CC0000;} #specialtable{ border:none;} <table width="100%" class="datatable" id="specialtable"> -- ~Malcolm~*... ~* |
|
|||
|
On Mon, 18 Aug 2008 15:06:56 +0000 (UTC), "SnakEyez02"
<webforumsuser@macromedia.com> wrote: >You have to do this with CSS. In your CSS document do the following: > > #main_table table { insert css code here } > > If you need to assign this to a class it could also look like: > > table.main_table { insert css code here } > table#main_table table ??? -- ~Malcolm~*... ~* |
|
|||
|
On Tue, 19 Aug 2008 19:22:00 +0000 (UTC), "Andy Bay"
<webforumsuser@macromedia.com> wrote: >Thank you so much for helping guys! > >This solved the issue and I'm no more stuck with this because of your kind help! No problem - hope it takes you on the interesting journey of learning html & css -- ~Malcolm~*... ~* |
![]() |
| Thread Tools | |
| Display Modes | |
|
|
- Contact Us
-|-
Adobe Dreamweaver Forums -|-
Archive -|-
Top -|-Rules/Disclaimer-|-Help/Support-|-Advertise