CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

Could a css expert give a hand in converting table structure?

Discuss Could a css expert give a hand in converting table structure? in the CSS Help forum on Dev Shed.
Could a css expert give a hand in converting table structure? Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old August 25th, 2003, 02:08 PM
LukeLHD LukeLHD is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 130 LukeLHD User rank is Private First Class (20 - 50 Reputation Level)LukeLHD User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 13 h 55 m 2 sec
Reputation Power: 5
Send a message via AIM to LukeLHD
Could a css expert give a hand in converting table structure?
Hey, i've made a dropdown menu using part css and part tables, and decided it might be best to convert it fully to css. so could someone give a helping hand in converting the following code?
I'll just put a simple segment down and am sure I could convert the rest.

.html:
Code:
<div id = "menulayout">
    <table border="1" cellspacing="5" cellpadding="0" width="100" bordercolor="#339999"><tr>

        <td background="HilaryMenu_off.jpg" alt="Hilary" bordercolor="#FFFFFF">
            <div id="HILARY" style="width: 74px;" onMouseover="menuOverTest(); return !showMenuTest('1', 
event, 'HILARY');"  class="MenuHeader" onMouseOut="menuOutTest();">
                <a href="#" onMouseOver="JSFX.fadeIn('HilaryMenu')" 
onMouseOut="JSFX.fadeOut('HilaryMenu')"><img name="HilaryMenu" class="imgFader" 
src="HilaryMenu_off.jpg" alt="Hilary" width="74" height="55" border="0"></a>
            </div>

            <div id="MENU1" onmouseover="event.cancelBubble = true;" class="Menu">
                <table border="1" cellspacing="2" cellpadding="0" width="100" bordercolor="#339999">

                    <tr>
                        <td bgcolor="#277D70" width="100%" height="15" onMouseover="this.style.backgroundColor = 
'#339999';" onMouseout = "this.style.backgroundColor = '#277D70';" bordercolor="277D70">
                            <img src="space.gif" width="5" height="2" border="0"><a href="#" class="MenuItem" 
onMouseOut="menuOutTest();" onMouseOver="menuOverTest();">MenuItem</a>

                        </td>
                    </tr>

                </table>
            </div>
        </td>

    </tr>
    </table>
</div>



thanx,
-Luke
Reply With Quote
  #2  
Old August 25th, 2003, 08:28 PM
terminal's Avatar
terminal terminal is offline
nx
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: USA
Posts: 626 terminal Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 5 h 28 m 37 sec
Reputation Power: 0
Send a message via AIM to terminal
i proly would help you at the moment...but im somewhat busy, so i can get back to you, but in case i cannot, what exactly is it that youre having trouble with converting?
Reply With Quote
  #3  
Old August 26th, 2003, 03:01 AM
LukeLHD LukeLHD is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 130 LukeLHD User rank is Private First Class (20 - 50 Reputation Level)LukeLHD User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 13 h 55 m 2 sec
Reputation Power: 5
Send a message via AIM to LukeLHD
Well thanx if u can lend a hand.
But i'm pretty new to css and i'm not really sure where to begin to go about converting. The main thing really, is the nested tables and cells etc. I haven't had any experience using nested with style sheets.

thanx,
-Luke
Reply With Quote
  #4  
Old August 26th, 2003, 03:02 AM
LukeLHD LukeLHD is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 130 LukeLHD User rank is Private First Class (20 - 50 Reputation Level)LukeLHD User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 13 h 55 m 2 sec
Reputation Power: 5
Send a message via AIM to LukeLHD
I'll give it a go and see how I do.


-Luke
Reply With Quote
  #5  
Old August 26th, 2003, 11:28 AM
LukeLHD LukeLHD is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 130 LukeLHD User rank is Private First Class (20 - 50 Reputation Level)LukeLHD User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 13 h 55 m 2 sec
Reputation Power: 5
Send a message via AIM to LukeLHD
Okay, I seem to be managing myself pretty well (As per usual on these forums ), But I was hoping someone could tell me the difference between an ID and a CLASS. And also what difference between putting a pound sign "#" before something in the .css file makes.

Thanx ,
-Luke
Reply With Quote
  #6  
Old August 26th, 2003, 07:24 PM
terminal's Avatar
terminal terminal is offline
nx
Dev Shed Novice (500 - 999 posts)
  
Join Date: Aug 2003
Location: USA
Posts: 626 terminal Negative: is most likely a SPAMMER and a traitor to the cause. 
Time spent in forums: 5 h 28 m 37 sec
Reputation Power: 0
Send a message via AIM to terminal
well...first off, ID's can be called differently with js, but in css, ID's and classes are pretty much the same.
however, for your next question:....
when you write
#somename
{
}
that means you are giving the element with the ID of somename the styles included. and, as you prolly already know, you would write
.somename
{
}
to give the element with the class of somename the included styles

if ya need any more help, just ask
Reply With Quote
  #7  
Old August 27th, 2003, 05:54 AM
LukeLHD LukeLHD is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Aug 2003
Posts: 130 LukeLHD User rank is Private First Class (20 - 50 Reputation Level)LukeLHD User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 13 h 55 m 2 sec
Reputation Power: 5
Send a message via AIM to LukeLHD
Yeah thanx. Actually i'd found that out a short while before you posted. Yeah, the ID's are for defining a unique identifier for an element, and a class is for assigning a group of elements.

Thanx anyway tho
-Luke
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > Could a css expert give a hand in converting table structure?

« Previous Thread | Next Thread »

Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2008 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway.