Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 3 1 2 3 LastLast
Results 1 to 10 of 27
  1. #1
    Senior Member
    Join Date
    Jan 2011
    Posts
    148
    Member #
    26229
    Liked
    1 times
    Hey guys,

    Was wondering if someone could help me out with a site I've designed.

    http://www.devigneinteriors.com/projects.html

    If you take a look in Chrome, Internet Explorer, Firefox and Safari you'll see I'm having problems making the images align in the same way. Would be great if someone could take a look at the code and let me know if there's something I've missed (I've gone through it numerous times).

    Or if anyones got any suggestions as to some troubleshooting I should try It'd be greatly appreciated.

    Thanks,
    John

  2.  

  3. #2
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    give me 20 mins ill check it out for ya
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  4. #3
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    okay first things first. You need to declare the doctype on all the pages. add this code to the top of each html page, obviously changing parts like the css location and the title etc.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <link href="css/template.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    Ive just had a crossbrowser check from ie7 to chrome 10 but cant see the issue. Could you screenshot the issue you see and mark it so we know what were looking at?
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  5. #4
    Senior Member
    Join Date
    Jan 2011
    Posts
    148
    Member #
    26229
    Liked
    1 times
    hey, thanks very much for getting back to me.
    So yes, here's a couple of grabs... in Chrome the images sit slightly below the background box

    whereas in explorer they sit well above....

    Any help on this matter would be hugely appreciated, it's so frustrating!!!

  6. #5
    Senior Member
    Join Date
    Jan 2011
    Posts
    148
    Member #
    26229
    Liked
    1 times
    Hmm, my screen grabs aren't showing up...
    You want me to mail them to you?

  7. #6
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by JONNYB, post: 219723
    Hmm, my screen grabs aren't showing up...
    You want me to mail them to you?
    have you clicked the upload a file button at the bottom and sent them through that? I dont think simple copy / paste works in threads.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  8. #7
    Senior Member
    Join Date
    Jan 2011
    Posts
    148
    Member #
    26229
    Liked
    1 times
    also mate, I added in doctype you suggested to my site and it has effected the text on the page, it no longer has any of the styling from the css.
    Take a look here
    http://www.devigneinteriors.com/aboutus.html
    can you think why this would be?
    have a look at the other pages for how it should look...
    Sorry!

  9. #8
    Senior Member
    Join Date
    Jan 2011
    Posts
    148
    Member #
    26229
    Liked
    1 times
    Ah! here you go!
    Attached Images Attached Images

  10. #9
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    Quote Originally Posted by JONNYB, post: 219726
    also mate, I added in doctype you suggested to my site and it has effected the text on the page, it no longer has any of the styling from the css.
    Take a look here
    http://www.devigneinteriors.com/aboutus.html
    can you think why this would be?
    have a look at the other pages for how it should look...
    Sorry!
    Thats alright dude. I'm here to help

    Okay add this text within your stylesheet within the body tag

    HTML Code:
    body{font-family:Tahoma, Arial, Sans-serif; font-size:0.8em;}
    I personally use Tahoma for my text style as its easy to read. the 0.8em means that if a visually impaired person looks at the site, they will be able to enlarge the text so they can read it.

    This will make it uniform throughout the site. Currently looking at your css i've noticed you have changed the text size, shape and color in the #container, that being #indexpagetext2. Remove the generic content as it being in body{} h1{} h2{} h3 etc will make it correct uniform for the site.

    Also for fixed size text, that being H1 H2 H3 make sure you put px at the end of the font-size string. I noticed you just have numbers. Doing this can cause inconsistencies with cross browsing.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>

  11. #10
    WDF Staff m3n0tu18's Avatar
    Join Date
    Jul 2011
    Location
    Devon, UK
    Posts
    1,473
    Member #
    28473
    Liked
    265 times
    This should (in theory) fix the picture issue,
    remember to make backups of all work before changing anything.
    red means remove. green means add.

    Code:
     
    
    #projectstext3 {
    
    
        background-image: url("images/greybox.jpg");
        color: #FFFFFF;
        font-family: arial;
        font-size: 30px;
        height: 484px;
        padding: 0;
        position: relative;
        text-indent: 10px;
        width: 800px;
    }
      
    
    
    
    
    #projects {
    
    
        bottom: 0;
        margin-left: 186px;
        padding: 0;
        position: absolute;
        width: 614px;
    }
    Hope this helps.
    If you like my comments to your thread please click the LIKE button

    Check out my portfolio: Here!
    View my company Facebook Page
    View my company Website

    <<Plrease ignoer my typo's I have isdexlyia>>


Page 1 of 3 1 2 3 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:15 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com