[SOLVED] Changing from html to CSS

This is a discussion on "[SOLVED] Changing from html to CSS" within the Web Page Design section. This forum, and the thread "[SOLVED] Changing from html to CSS are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page [SOLVED] Changing from html to CSS

Notices
Please Register!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Oct 10th, 2007, 05:30
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 19
Posts: 232
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
[SOLVED] Changing from html to CSS
would someone please ptu this into css format instead of it being in html. like the tables.. I want in css please..

Code: Select all
<table class="topic" border="1" cellpadding="0" cellspacing="0" width="100%">
      <tr>
        <td bgcolor="#333399" width="100%">
  <img src="../images/d.gif" alt="arrow" border="0" >
  <font color="#ffffff">TOPIC GOES HERE</font></td>
      </tr>
    </table>
    <table class="files" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td width="100%">
    <table border="0" cellpadding="3" cellspacing="0" width="100%">
      <tr>
        <td width="67%" valign="top">
        <table border="1" cellpadding="3" cellspacing="0" width="100%">
          <tr>
            <td class="dltopic" valign="top" style="width: 12%"><span style="font-family:Verdana; font-size:xx-small; color:#47698D;">
   Description:&nbsp;&nbsp;&nbsp;</span></td>
            <td class="dltopic" width="86%"><span style="font-family:Verdana; font-size:xx-small; color:#47698D;"><br />
</span></td>
          </tr>
        </table>
<table border="1" cellpadding="3" cellspacing="0" width="100%"><tr>
 <td class="dltopic" valign="top" style="width: 18%">
 <span style="font-family:Verdana; font-size:xx-small; color:#47698D;">
 Version:</span></td><td class="dltopic" width="86%">&nbsp;</td></tr></table>
<table border="1" cellpadding="3" cellspacing="0" width="100%"><tr>
 <td class="dltopic" valign="top" style="width: 18%">
 <span style="font-family:Verdana; font-size:xx-small; color:#47698D;">
 File Size:</span></td><td class="dltopic" width="86%">&nbsp;</td></tr></table><table border="1" cellpadding="3" cellspacing="0" width="100%"><tr>
    <td class="dltopic" valign="top" style="width: 18%"><font face="Verdana" size="1" color="#47698D">
    Added:</font></td><td class="dltopic" width="86%">&nbsp;</td></tr></table></td>
        <td class="dlimage" width="20%" valign="top">
        <table border="0" cellpadding="3" cellspacing="0" width="100%">
          <tr>
            <td width="100%">
            <p align="center">
           <img src="http://www.newbreedjesusfreaks.com/images/download.gif" alt="Download" border="0"></p>
   </td>
          </tr>
        </table>
        </td>
      </tr>
    </table>    
    </td>
      </tr>
    </table>
Last Blog Entry: My blog? (Oct 18th, 2007)
Reply With Quote

  #2 (permalink)  
Old Oct 10th, 2007, 05:56
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: Changing from html to CSS
That's a complex layout for css!
I'm sure it can be done in css, but what' the point?

Isn't that looks nice in table?
I am pretty sure somebody that are professional in CSS would do it in table as well...
Ask karinne, she is my "teacher" lol...
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #3 (permalink)  
Old Oct 10th, 2007, 06:06
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 19
Posts: 232
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
hmm so iyp it shouldl jsut stay as it is?
Last Blog Entry: My blog? (Oct 18th, 2007)
Reply With Quote
  #4 (permalink)  
Old Oct 10th, 2007, 06:31
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: Changing from html to CSS
I think so, maybe you should wait for other member in this forum to give their idea instead.
Maybe I was wrong about this, and maybe there are some of the designer out there that have done the same way in CSS, who knows

Honestly, I went to check some of the popular CSS site that have this kind of form filling, and they are still using table for the form layout.

Cheers
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #5 (permalink)  
Old Oct 10th, 2007, 06:38
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,662
Thanks: 0
Thanked 9 Times in 9 Posts
Re: Changing from html to CSS
Hmm... I rekon it shouldnt be that hard to do it in CSS. It is too late for me to create an example (school time ).
Reply With Quote
  #6 (permalink)  
Old Oct 10th, 2007, 06:44
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,662
Thanks: 0
Thanked 9 Times in 9 Posts
Re: Changing from html to CSS
Infact, now that i look at it, cant you just keep that info in a table? After all it is tabular data and is not for layout purposes.. I would recommend that you put the topic title in a H tag...
Reply With Quote
  #7 (permalink)  
Old Oct 10th, 2007, 08:32
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: Changing from html to CSS
Yes, It's not difficult doing that in CSS, but in this king of situation, it is better to use table. By the way,

I have with me a video tutorial on how to do a css form like this. It is done 100% in CSS, I'll have a look at it and get back to you soon..
Attached Images
File Type: jpg cssForm.jpg (137.2 KB, 14 views)
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #8 (permalink)  
Old Oct 10th, 2007, 08:48
Reputable Member
Join Date: Sep 2007
Location: UK
Age: 42
Posts: 130
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
do you want that just as a page? or do you want to put that in a page? and is it using php? because its best to use css to layout a page but still use tables for php
Reply With Quote
  #9 (permalink)  
Old Oct 10th, 2007, 09:23
AdRock's Avatar
SuperMember

SuperMember
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
I agree with Marc as it is tabular data and it would be very easy to do something like that in CSS and it wouldn't take much doing but it looks good the way it is. If it for for page layout I would say use CSS but I think it looks fine.

Onew thing I would change though, is have the first column all the same width. Your descrition cell is smaller than the others and it looks odd
Reply With Quote
  #10 (permalink)  
Old Oct 10th, 2007, 13:37
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
Things like a forum post display (like this very section here) is data and so should be coded in tables.

So ... this should stay in tables. If you have this online so I could actually "see" what it suppose to look like (I am human after all ... I ain't Neo - Now there was a blast from the past )
Reply With Quote
  #11 (permalink)  
Old Oct 10th, 2007, 18:19
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 19
Posts: 232
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
sure.. i will get the link here ina few.. I'm waitign for some updates on my sister as she was in a school bus accident....
Last Blog Entry: My blog? (Oct 18th, 2007)
Reply With Quote
  #12 (permalink)  
Old Oct 10th, 2007, 19:11
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,662
Thanks: 0
Thanked 9 Times in 9 Posts
Re: Changing from html to CSS
Hope your sister is alright, family should always come first.
Reply With Quote
  #13 (permalink)  
Old Oct 10th, 2007, 21:03
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 19
Posts: 232
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
http://newbreedjesusfreaks.com/downloads.html

heres a example of it...




And my sister is doing okay.. somethign wrong in her back and her elbow...Ill post about it in the main forum...
Last Blog Entry: My blog? (Oct 18th, 2007)
Reply With Quote
  #14 (permalink)  
Old Oct 10th, 2007, 21:21
karinne's Avatar
SuperMember

SuperMember
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
Well ... that's data my friend so ... table it is
Reply With Quote
  #15 (permalink)  
Old Oct 10th, 2007, 23:41
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 19
Posts: 232
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
ok, thank you...
Last Blog Entry: My blog? (Oct 18th, 2007)
Reply With Quote
  #16 (permalink)  
Old Oct 11th, 2007, 04:26
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: Changing from html to CSS
yeah, I read/saw a tutorial on this kind of things and it is very "boring" process.
You'll play around with margin, padding and clear a lot!

Stick to table..
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Reply With Quote
  #17 (permalink)  
Old Oct 11th, 2007, 04:29
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 19
Posts: 232
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Changing from html to CSS
lol, ok...
Last Blog Entry: My blog? (Oct 18th, 2007)
Reply With Quote
Reply

« Uploading Website, Very Confused! | FrontPage generated Form code to Dreamweaver »
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] CSS changing page colour etc R8515198 Web Page Design 10 Nov 27th, 2007 00:54
[SOLVED] changing links colours using html R8515198 Web Page Design 32 Nov 12th, 2007 08:19
[SOLVED] Changing Colours crackafaza PHP Forum 37 Oct 25th, 2007 11:55
[SOLVED] Changing pictures on same page R8515198 JavaScript Forum 7 Oct 3rd, 2007 00:14
Changing html through Macromedia? cj550 Web Page Design 5 Mar 28th, 2007 22:02


All times are GMT. The time now is 20:46.

Contact Us - Web Design & Development Forums - Archive - Top

Sleep Study Scoring :: Free Bet :: Online Betting :: Bookmakers :: Funny Quotes :: Internet Recruitment Software :: Microsoft CRM Experts :: Online Casino :: Decorated Christmas Trees :: Web Hosting :: Football Betting :: Web Development India :: Ecommerce Software :: Football Stats :: Dry Cleaning Collection :: Free Bets :: xtreme wales - extreme clothing :: Apuestas :: SEO Company India :: Werbeartikel :: Sharepoint Consultants :: Search Engine Optimisation :: Office Clearance London :: Sharepoint Experts :: Sports Betting :: Casino :: Website Templates :: Online Gambling

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43