HTML and CSS RSS HTML and CSS RSS

Layout Tables to CSS

Thread Solved

•
•
Join Date: Mar 2004
Posts: 94
Reputation: Ragnarok is an unknown quantity at this point 
Solved Threads: 0
Ragnarok Ragnarok is offline Offline
Junior Poster in Training

Layout Tables to CSS

 
0
  #1
Jun 25th, 2004
I have been working on my site for some time and its not yet been released. What I want to do is modify my layout so that it works with CSS insted of tables. All my efforts so far have gone in vain because the gaps between the <div> and <span> tags are just to wide and I have tryed everything I know to reduce them but they are still huge.

Does anyone know of any good tutorials or can give me some pointers as to where I might have gone wrong?
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2004
Posts: 634
Reputation: Slade has a spectacular aura about Slade has a spectacular aura about 
Solved Threads: 7
Slade's Avatar
Slade Slade is offline Offline
Practically a Master Poster

Re: Layout Tables to CSS

 
0
  #2
Jun 29th, 2004
It's hard at first... but I eventually got mine to work, post your css code here and I"ll review it and see if I can help.


Slade
Formerly known as Slade.
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2004
Posts: 5
Reputation: Innocent is an unknown quantity at this point 
Solved Threads: 1
Innocent Innocent is offline Offline
Newbie Poster

Re: Layout Tables to CSS

 
0
  #3
Jul 4th, 2004
Be sure to code for a browser, with CSS NS and IE dont' seem to agree on pixel locations. Like slade said, post your CSS along with your HTML page so he (and maybe I) may look it over. There are a buncha lil technical things that the W3C validators don't like, so don't mess with the pre-formated tags using style rules. If you want, I have a CSS tutorial at my site you could probably glance at, might help.

If you do visit my site, you'll notice that my content div is shifted, is there any way I can keep it aligned with the rest of the page at various resolutions? I'm using percent right now, but it's not working...
http://inn.hypreed.com/np/np_top.jpg
http://www.inn.hypreed.com/np/signat.../np_bottom.jpg
<3 Catherine
Reply With Quote Quick reply to this message  
•
•
Join Date: Feb 2002
Posts: 12,036
Reputation: cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light cscgal is a glorious beacon of light 
Solved Threads: 128
Administrator
Staff Writer
cscgal's Avatar
cscgal cscgal is online now Online
The Queen of DaniWeb

Re: Layout Tables to CSS

 
0
  #4
Jul 4th, 2004
Div tags are generally used to encapsulate paragraphs, body content, and for text/image positioning and layout. Span tags are used to emphasize a word or two, such as
HTML and CSS Syntax (Toggle Plain Text) 
  1. <div>This is my paragraph. I would like to <span style="font-weight:bold">emphasize</span> this word.</div>
Dani the Computer Science Gal
Follow my Twitter feed! twitter.com/daniweb
Reply With Quote Quick reply to this message  
•
•
Join Date: Jul 2004
Posts: 5
Reputation: Innocent is an unknown quantity at this point 
Solved Threads: 1
Innocent Innocent is offline Offline
Newbie Poster

Re: Layout Tables to CSS

 
0
  #5
Jul 4th, 2004
•
•
•
•
Originally Posted by cscgal
Div tags are generally used to encapsulate paragraphs, body content, and for text/image positioning and layout. Span tags are used to emphasize a word or two, such as
HTML and CSS Syntax (Toggle Plain Text) 
  1. <div>This is my paragraph. I would like to <span style="font-weight:bold">emphasize</span> this word.</div>

You could use
HTML and CSS Syntax (Toggle Plain Text) 
  1. <em>blahblah</em>
but all the tags like that (ie, <strong>, <b>, <s>, etc) may soon be deperciated in favour of the span tag + style atribute. What cscgal said is correct though, just thought I'd expand
http://inn.hypreed.com/np/np_top.jpg
http://www.inn.hypreed.com/np/signat.../np_bottom.jpg
<3 Catherine
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2008
Posts: 15
Reputation: Aeneassan is an unknown quantity at this point 
Solved Threads: 1
Aeneassan's Avatar
Aeneassan Aeneassan is offline Offline
Newbie Poster

Re: Layout Tables to CSS

 
0
  #6
Mar 9th, 2008
When I started out with CSS I got a lot of help from source code at the csszengarden.com , also I think it's great more people are switching to tableless layouting

Also the comment about coding for a browser is a good tip but you have to make sure you get it right for both IE and FF (the two most commonly used browsers), I think IE 8 is the most used version of IE now?

And yet another thing, if you're writing your css, you shouldn't use inline css (in my opinion). Your html should basicly only be

html Syntax (Toggle Plain Text) 
  1. <html>
  2. <head>
  3. <title>my page</title>
  4. <link to your css file!>
  5. <some meta tags>
  6. </head>
  7. <body>
  8. <some divs>with content</div>
  9. </body>
  10. </html>

and as above the link to your css file is linking... to a separate css page. This way you'll never have to search around for any styles you made. Use clear id's and classes as not to get confused.

I hope I haven't overposted here...
Last edited by peter_budo; Mar 10th, 2008 at 10:05 am. Reason: Keep It Organized - missing [code] tags
Reply With Quote Quick reply to this message  
•
•
Join Date: Dec 2004
Posts: 4,177
Reputation: peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of peter_budo has much to be proud of 
Solved Threads: 481
Moderator
Featured Poster
peter_budo's Avatar
peter_budo peter_budo is offline Offline
Code tags enforcer

Re: Layout Tables to CSS

 
0
  #7
Mar 10th, 2008
You just open 3 years old post, is there any need?
Last edited by peter_budo; Mar 10th, 2008 at 10:06 am.
Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
LJC - London Java Community, Graduate & Undergraduate Software Development Community, JAVAWUG (Java Web User Group), The London Android Group
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread has been marked solved.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC