Hello Ted There is, somewhere, a reference or tutorial of how can we read and learn about the structural way and css? I have look around many and many approaches to this subject, in many and many different ways like books, googling and sources. Its hard to pick one. Any of them always have a catch, and it is much more difficult if you write code from interpreted scripts like I do.
Thanks in advance Rafael -----Mensagem original----- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Em nome de Ted Drake Enviada em: sexta-feira, 27 de julho de 2007 14:31 Para: [email protected] Assunto: RE: [WSG] HELP with CSS Hi Olajide Your page suffers from a common ailment. You are approaching CSS before structural markup. You need to re-build your page with semantic markup and then apply the CSS. Here are some common problems that you have. Multiple h1 elements. The H1 should only appear once and should define the whole page. Flyer Design and Nu' Image... should be h3 elements. Div class="thumbnail" is repeated. Divs have no structure and are just a container. This should be an unordered list with each div an li and class="thumbnail" applied to the ul Why are you using a block quote when there is no quote inside? <p> In 2005, me and a couple of the youth took on this project to start a youth magazine for the church. Here is the outcome. Designed by yours truely. </p> This is a statement by yourself and you are not referencing an outside source. The blockqoute is an incorrect use. Don't use inline images to replace a simple background color: <li> <img src="images/red.gif" alt="Olajide Olaolorun" height="40" width="40"> </li> <li> <img src="images/red.gif" alt="Olajide Olaolorun" height="40" width="40"> </li> Be careful with using color:#fff without applying a background color to the container. Look at your site with images disabled, white on white text is not very useful. To repeat, you're not alone. Too many people approach CSS without having a good understanding of structural markup. Your code will be bloated and you will end up with complicated CSS until you understand how to use the structural elements correctly. Ted Drake www.last-child.com ------------------ From: Olajide Olaolorun Sent: Thursday, July 26, 2007 1:18 PM To: WSG Subject: [WSG] HELP with CSS Can someone help me out here: http://www.olajideolaolorun.com/gfx/ There is a problem with where the text start and where the pictures end.. For some reson it loads under the pictres and i have to use the p tag to create spacing for it... can someone help me out. -- Best Regards, Olajide Olaolorun ### Personal: http://www.olajideolaolorun.com Business: http://www.tripleo.biz ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
