Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 13 of 13
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    48
    Thanks
    5
    Thanked 2 Times in 2 Posts

    Image and H3 Alignment

    Hi all,

    it seems that every day I have a new problem, but it's not that I go to you all without even trying on my own. My latest issue is a small one: on my "about" page (located here: http://www.allisonwrote.com/aussie/about.html), there is a small image next to all the h3 tags. The image and the h3 have the same alignment throughout the site, except for one: the "Affiliations and Awards" heading.

    I'm sure I could make one class for this specific heading, but why is it acting differently compared to the rest? The image falls slightly below the h3 unlike the rest of the pairings.

    thanks

    allison

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by allisonwrote View Post
    Hi all,

    it seems that every day I have a new problem, but it's not that I go to you all without even trying on my own. My latest issue is a small one: on my "about" page (located here: http://www.allisonwrote.com/aussie/about.html), there is a small image next to all the h3 tags. The image and the h3 have the same alignment throughout the site, except for one: the "Affiliations and Awards" heading.

    I'm sure I could make one class for this specific heading, but why is it acting differently compared to the rest? The image falls slightly below the h3 unlike the rest of the pairings.

    thanks

    allison
    Code:
    .boom {
       margin: 10px 0 0 40px;
    }
    change this to 0, the previous img + h3 don't have this declaration.

    regards

  • #3
    New Coder
    Join Date
    Apr 2008
    Posts
    48
    Thanks
    5
    Thanked 2 Times in 2 Posts
    thanks! that fixed it.

  • #4
    New Coder
    Join Date
    May 2008
    Posts
    56
    Thanks
    9
    Thanked 1 Time in 1 Post
    I am here to learn and am told the best way to do so is to stay actively looking at code, and reading the forums. While I was looking I notice a couple oversights, hope you don’t mind but I played with it some. Although I do not know how to write it as I would like I have learned to clean it up. If I am out-of-line please let me know so I do not make the same mistake.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <meta http-equiv="Content-Language" content="en-us" />
    <title>Australian Landscaping and Construction</title>
    	<meta name="copyright" content="Australian Landscaping and Construction" />
    	<meta name="author" content="Allison Cintins" />
    	<meta name="robots" content="index,follow" />
    	<meta name="description" content="Australian Landscaping and Construction" />
    	<meta name="keywords" content="Northern, Virginia, Landscaping, Home, Improvement, Construction, Class, A, Contractor, Northern Virginia, Northern Virginia Landscaping, Northern Virginia Home Improvement, Northern Virginia Construction, 
    	Northern Virginia Contractor, Northern Virginia Class A Contractor, Northern Virginia Home Construction, Northern Virginia Home Landscaping, Northern Virginia Home Contractor, Virginia Landscaping, Virginia Home Improvement, Virginia Construction, 
    	Virginia Contractor, Virginia Class A Contractor, Virginia Home Construction, Virginia Home Landscaping, Virginia Home Contractor, Home Landscaping, Home Construction, Home Contractor, Home Improvement, Construction Contractor, Home 
    	Improvement Contractor, Class A Contractor, Landscaping Construction, Landscaping Contractor" />
    	
    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    
    </head>
    
    <body>
    <div id="container">
    
    <div id="header" title="return to home" style="cursor:pointer;" onclick="window.location='/index.html';">
    </div>
    
    <div id="menu">
       <ul>
       <li><a href="/aussie/index.html" title="Return to Home">Home</a></li>
    	<li><a href="/aussie/services.html" title="Services">Services</a></li>
    	<li><a href="/aussie/products.html" title="Products">Products</a></li>
    	<li><a href="/aussie/examples.html" title="Examples">Examples</a></li>
    	<li><a href="/aussie/people.html" title="Team">Team</a></li>
    <li><a class="chosen" href="/aussie/about.html" title="About">About</a></li>
       <li><a href="/aussie/links.html" title="Links">Links</a></li>
          <li><a href="/aussie/contact.html" title="Contact">Contact</a></li>
       </ul>
      </div>
    
    <div id="content">
    <img class="boom" src="http://www.allisonwrote.com/aussie/images/boom.jpg" alt="1" />
    <h3> About Australian Landscaping and Construction </h3>
    
    <br />
    <img class="floatleft" src="http://www.allisonwrote.com/aussie/images/planting.jpg" alt="1" />
    
    <p>Since 1979, Australian Landscaping and Construction has been committed to designing and building the highest quality landscaped environments and home renovations, tailored to our clients' unique needs and desires. From small patios and decks to driveways, retaining walls, entire outdoor overhauls and home additions, the Australian team uses time-tested techniques and the latest technology to help realize our clients' vision. </p>
    <p>Locally owned and operated in Northern Virginia, our clients have learned to expect a level of quality and customer service beyond compare, which we bring along to every project. We listen to our clients first to find the right solutions, and then keep them "in the loop" during every step of construction process.  That's the Australian way, and we would be privileged to bring this same level of commitment to you.</p>
    
    <img class="boomabout" src="http://www.allisonwrote.com/aussie/images/boom.jpg" alt="1" />
    <h3> What Our Clients Say... </h3>
    
    <p><em>"I am amazed at how quickly they came out to give me an estimate, how quickly they were able to start and complete the work, and I am VERY pleased with the outcome. Other contractors I contacted either did not bother showing up for an estimate, or showed up weeks after I contacted them. I'd use Austratian Landscaping again, and I will recommend them to others." </em> - Burke, VA</p>
    <p><em>"Very nice folks to work with. Did a great job on my pool patio." </em> - Oak Hill, VA</p>
    <p><em>"I plan to use Austalian Landscaping again on a different project. They went above and beyond the job they promised without increasing my budget (except when I added in the banister railing which was reasonable). Their workers are very diligent and we a very happy with the results."</em> - Vienna, VA</p>
    <p><em>"Prompt, good work, knowledgeable."</em> - Reston, VA</p>
    <p><em>"Thank you so much for giving us such a beautiful patio and walkway. It turned out exactly how we envisioned it, and we can't wait to start using it."</em> - Great Falls, VA</p>
    <p><em> "My husband and I wanted to write to tell you how  very pleased we were with the work you did for us installing our new patio. From the day you came to give us an estimate to the final day of installation, everything was done professionally and as promised...it's nice to know there's someone out there with fair pricing who delivers on what they promise!" </em> - Manassas, VA</p>
    <p><em> "I really  enjoyed working [with] Australian Landscaping. They did a very nice job regarding my back and side yards, as well as laying down a paved walk from my gate to the deck stair landing. Very nice to find a landscaping company willing to work on smaller projects for town houses - as well as maintaining a level of focus and quality as for much larger projects."</em> - Alexandria, VA</p>
    <p><strong>Upon request, we are happy to provide you with a list of customers from your area that will be happy to talk to you about Australian Landscaping and Construction.</strong></p>
    
    <img class="boom" src="http://www.allisonwrote.com/aussie/images/boom.jpg" alt="1" />
    <h3>Affiliations and Awards</h3>
    
    <br />
    <ul class="about">
    	<li>Better Business Bureau</li>
    	<li>Building Trades Assocaition</li>
    	<li>National Concrete Masonry Institute</li>
    	<li>Winner of the State Government of South New Wales, Australia Innovative Drainage Award</li>
    	<li>NCMI Level I Sequential Retaining Wall Installer</li>
    </ul>
    <img class="first" src="http://www.allisonwrote.com/aussie/images/bbb.jpg" alt="1" /> 
    <img src="http://www.allisonwrote.com/aussie/images/bta.jpg" alt="1" /> 
    <img src="http://www.allisonwrote.com/images/ncma_logo.jpg" alt="1" />
    
    <br />
    <img class="boom" src="http://www.allisonwrote.com/aussie/images/boom.jpg" alt="1" />
    <h3> Licenses</h3>
    
    <br />
    <p class="contact"> Virginia         2705 101017A</p>
    <p class="contact"> Arlington Country      033612900 00 4</p>
    <p class="contact">Fairfax County       000-01-8963</p>
    <p>Virginia Erosion and Sediment Control Responsible Land Disturber   25752</p>
    <p class="contact">Fairfax County Business, Professional and Occupational License    0660799</p>
    
    </div>
    
    <div id="footer">
    <p class="foot"> Phone: 703.278.0221. Fax: 703.278.0331. E-mail: <a href="mailto: australian@australianlandscaping.com">australian@australianlandscaping.com</a>. Website designed by <a href="http://www.allisonwrote.com/">Allison Cintins. </a></p>
    </div>
    
    </div>
    </body>
    </html>
    Dedicate some time to Educate your mind

  • #5
    New Coder
    Join Date
    Apr 2008
    Posts
    48
    Thanks
    5
    Thanked 2 Times in 2 Posts
    sure, thanks! I'm always looking for constructive criticism. My only formal training was about two years ago, I know I'm rusty!

    x
    allison

  • #6
    Regular Coder maxvee8's Avatar
    Join Date
    Feb 2008
    Location
    UK
    Posts
    185
    Thanks
    19
    Thanked 18 Times in 18 Posts
    also take the height off the footer the text comes out of the box
    "I have not failed, I've found 10,000 ways that don't work" Thomas Edison

  • #7
    New Coder
    Join Date
    Apr 2008
    Posts
    48
    Thanks
    5
    Thanked 2 Times in 2 Posts
    thanks! done and done. I'm actually working on getting all my code to validate as we speak. I think two pages validate, the rest have under 10 errors (save for one with 15). It's a slow process....

  • #8
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by allisonwrote View Post
    thanks! done and done. I'm actually working on getting all my code to validate as we speak. I think two pages validate, the rest have under 10 errors (save for one with 15). It's a slow process....
    not really.
    - use firefox with web developer and firebug extensions
    - take it from the top, first error first fixed and revalidate. A error trigger one or more, and this way you get rid of them faster.
    - any error message have a line number, use a editor that can help you, line number, search and replace string and if you feel confortable with, regex.
    - you can validate local or remote, Tools -> Validate HTML and Tools -> Validate Local HTML, usualy there is no difference.

    I don't think that validation can take more then 1 hour/file don't matter how big it is,

    regards

  • #9
    New Coder
    Join Date
    Apr 2008
    Posts
    48
    Thanks
    5
    Thanked 2 Times in 2 Posts
    I'm getting there! All pages (including my css) validate but two!

  • #10
    Senior Coder
    Join Date
    May 2005
    Posts
    2,137
    Thanks
    96
    Thanked 72 Times in 72 Posts
    Your boomerang has an annoying little grey box around it. I made a transparent one here, you don't have to use it, but you can try it out and see if you like it any better. It will make your site 10X more professional.

    http://img255.imageshack.us/img255/8892/boomoe9.gif

  • #11
    New to the CF scene
    Join Date
    May 2008
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by masterofollies View Post
    Your boomerang has an annoying little grey box around it. I made a transparent one here, you don't have to use it, but you can try it out and see if you like it any better. It will make your site 10X more professional.

    http://img255.imageshack.us/img255/8892/boomoe9.gif
    I agree, it's hard to see on certain LCD screens. It's definitely there though. You could also try this one if you still want the blue background.


  • #12
    New Coder
    Join Date
    Apr 2008
    Posts
    48
    Thanks
    5
    Thanked 2 Times in 2 Posts
    Sorry, what was the second one you were referring to? I'll use that one. Thanks.

  • #13
    Senior Coder
    Join Date
    May 2005
    Posts
    2,137
    Thanks
    96
    Thanked 72 Times in 72 Posts
    It's cool that your in virginia, that's where I am


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •