Jump to content
Killersites Forums

Moloney

Member
  • Posts

    59
  • Joined

  • Last visited

Everything posted by Moloney

  1. Hi, I am having a problem with the css in this design. I have gone for the responsive approach and I am consuming huge amounts of time just trying to position things correctly. I was able to center the #container using margin-right:auto and margin-left:auto but nothing seems to work to center the nav tag. It is a horizontal menu with 6 columns. It seems to have more space on the right than the left despite using the same technique. Also, the section tag when using the exact same css has no problems to centre properly. #container { width:100%; margin-right:auto; margin-left:auto; margin-top:0; margin-bottom:0; min-width:400px; max-width:1200px; min-height:400px; text-align: left; background-color:#0F3; } nav { width:90%; margin-right:auto; margin-left:auto; margin-top:0; margin-bottom:0; } section { width:90%; margin: 0 auto 0 auto; clear:both; } Any ideas how to solve this? Thanks
  2. Thanks for the replies and based on the information I'm going to do the PhP modules first. I found a Drupal specific commerce (that's what made me think of Drupal)--- here's the link: http://www.drupalcommerce.org/ So maybe I will build an ecommerce site first on drupal and then I can go about coding up a customized one using PhP from the tutorials -- in a slow process. I've covered basic CSS and HTML videos and just finished Javascript & Jquery videos. Javascript is a more difficult and slow learning process. I'll have to practice on this for a few more weeks I reckon and look at HTML5/CSS3. Im doing about 25 study hours per week and learning this stuff is quite enjoyable which is really pushing me on. I hope it continues to be as interesting. Sometimes, I wish I had of found it earlier.... so much to learn and feel like it's playing catch-up.
  3. Javascript learning requires concentration.

  4. I know I'm getting way ahead of myself here but I like to map out things in my head well in advance. I've just learnt the very basics of HTML and CSS. Now I'm starting the Javascript videos (much more difficult). But I'm just doing a bit of thinking out loud here. When I've finished further learning on Javascript, HTML and CSS (maybe another 6 - 8 weeks). Then I am wondering about this: 1. Is it possible to start an ecommerce site on drupal without php knowledge? 2. Is it better to first learn php and then go on to create a drupal based ecommerce site? I'd imagine that it would take at least a year if not more experience to build a decent customized php ecommerce site/(?).
  5. Hi Eddie, Yes, you know I realized this by the time I got to the last page of my practice web page and I have already implemented exactly what you mention there. I had to create a table but I hate the way the html comes out so I modified it (or butchered it -- depending on what you think of it) so that it would look better but soon I realized I was employing 3 classes within one tag and writing a whole load of css. It wasn't so difficult but it was rather time-consuming. But I suppose I could just copy and paste this the next time I want to use a table like this. Here is the table: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <style media="screen" type="text/css"> .table { padding-left:180px; font-size:12px; padding-top:20px; padding-bottom:20px; } .column1 { padding-right:10px; padding-left:10px; border-right-color:#BEEBB4; border-right-width:2px; border-right-style:solid; } .column2 { padding-right:10px; padding-left:10px; border-right-color:#BEEBB4; border-right-width:2px; border-right-style:solid; } .column3 { padding-right:10px; padding-left:10px; } .bold1 { font-size:18px; font-weight:bold; } .rowborder { border-bottom-color:#BEEBB4; border-bottom-width:2px; border-bottom-style:solid; padding-bottom:5px; padding-top:5px; } </style> </head> <body> <table cellpadding="0" cellspacing="0" class="table"> <tr> <td class="column1 bold1 rowborder" >Part</td><td class="column2 bold1 rowborder"> Athlete 1 </td><td class="column3 bold1 rowborder"> Athlete 2 </td> </tr> <tr> <td class="column1 bold1 rowborder" >Swim</td><td class="column2 rowborder">15:45 (108)</td><td class="column3 rowborder">13:48 (31)</td> </tr> <tr> <td class="column1 bold1 rowborder" >T1</td><td class="column2 rowborder">2:32</td><td class="column3 rowborder">2:23</td> </tr> <tr> <td class="column1 bold1 rowborder" >Cycle</td><td class="column2 rowborder">41:23 (121)</td><td class="column3 rowborder">39:37 (86)</td> </tr> <tr> <td class="column1 bold1 rowborder" >T2</td><td class="column2 rowborder">1:28</td><td class="column3 rowborder">1:25</td> </tr> <tr> <td class="column1 bold1 rowborder" >Run</td><td class="column2 rowborder">23:39 (114)</td><td class="column3 rowborder">24:04 (125)</td> </tr> <tr> <td class="column1 bold1 finalrow" >Final Result</td><td class="column2 finalrow">1:24:47 (109) </td><td class="column3 finalrow">1:21:16 (73)</td> </tr> </table> </body> </html> THNX,
  6. I appreciate you replies. So what I conclude is that it is better to use classes because they reduce the workload and are essentially simpler way of doing it for long pages. But if complexities are required such as in the case of an internal link -- then maybe an id is appropriate. Just that my beginner pages are so simple it was hard to see the difference -- I imagine this difference becomes more noticeable for pages with a lot of content. THNX
  7. Hi all, I am just after watching the video series CSS Layouts: Generic Text Editor (20 Videos): In this Santo uses something like <div class="left"> and <div class="right"> to float 2 nested divs horizontally inside the <div id="main">. This is fine and I fully understand this and I also understand that classes will apply not just to changes in this section but to sections the class is applied. So my question is, is it equally good to use the <div id="Left"> and <div id="right"> to float two nested div paragraphs. Also, same question if dividing up the footer into 4 paragraphs --- is it equally good to divide here using div ids as div classes? I don't want to start with bad habits. :-)
  8. That makes sense -- I've verified this by looking at one of the videos too. Just never came across that before. Thanks.
  9. Hi all, I'm new to these forums. I have started using the video tutorial library. In there you will see that there is a duplicate copy of some of the sections except with a [cc] after it. Example: Web Design 1: HTML and CSS (27 Videos): Web Design 1: HTML and CSS [cc] (23 Videos): Can anyone tell me the difference between these two sections? Why are both there at all? Which one is most recent? Cheers [/font]
×
×
  • Create New...