Skip navigation
NeoGen Hawk
NeoGen Hawk
Currently Being Moderated

Page Layout Anomolies

Jul 30, 2012 8:22 AM

Hi all,

 

I'm in the process of design myself a web page but am having a few issues with one of my pages, I have put 16 photos on the page www.nick-lawrence.co.uk/portfolio.html but I can't get rid of the gap between the rows, in the design there is no gap in either the rows or columns, but when I preview in the browser I get the gaps which ruin the appearance, also on this page when switching between the portfolio pages and the others it looks like things move around and are not in the same place again not looking too good when navigating the site, I think it is to do with the scroll bar but not sure how to overcome it. Any and all help greatly appreciated.

 

Many thanks

 

 

 

N.

564 Views   7 Replies   Latest reply: Nancy O., Jul 30, 2012 11:58 AM
 
Replies
  • MurraySummers
    Currently Being Moderated
    1. MurraySummers,
    Jul 30, 2012 8:38 AM   in reply to NeoGen Hawk
    Report

    In your code, you will want to change this -

     

    <a href="images/portfolios/gallery/gallery1/image-001.jpg"rel="lightbox[ Gallery1]">

     

    to this -

     

    <a href="images/portfolios/gallery/gallery1/image-001.jpg" rel="lightbox[Gallery1]">

     

    (there is a space missing between the double quote and the "rel" attribute name in this and all the other instances)

     

    In your CSS, add this rule -

     

    a img { display:block; }

     

    That should take care of the space.

     

    And adding this -

     

    html { overflow-y:scroll; }

     

    should take care of the moving you described.

     
    |
    Mark as:
  • NeoGen Hawk
    Currently Being Moderated
    2. NeoGen Hawk,
    Jul 30, 2012 8:51 AM   in reply to MurraySummers
    Report

    Hi Murray,

     

    Many thanks for your reply, I'm fairly new to web design and CSS, the parts you mentioned:

     

    a img { display:block; }

     

    and

     

    html { overflow-y:scroll; }

     


    Do they need to go in any particular part? or do I just copy and paste them in?

     

    And many thanks for pointing out the missing space.

     

    Kind regards

     

     

     

    Nick

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    3. osgood_,
    Jul 30, 2012 8:56 AM   in reply to NeoGen Hawk
    Report

    NeoGen Hawk wrote:

     

    Hi Murray,

     

    Many thanks for your reply, I'm fairly new to web design and CSS, the parts you mentioned:

     

    a img { display:block; }

     

    and

     

    html { overflow-y:scroll; }

     


    Do they need to go in any particular part? or do I just copy and paste them in?

     

    And many thanks for pointing out the missing space.

     

    Kind regards

     

     

     

    Nick

     

    You can add them to the end of the css selectors already in your stylesheet.css file.

     
    |
    Mark as:
  • NeoGen Hawk
    Currently Being Moderated
    4. NeoGen Hawk,
    Jul 30, 2012 11:15 AM   in reply to osgood_
    Report

    Many thanks osgood and Murray, changes made and happy, just need to find a workiable contact form.

     

     

    Regards

     

     

    Nick

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    5. Nancy O.,
    Jul 30, 2012 11:22 AM   in reply to NeoGen Hawk
    Report

    Ask your web host if they have form-to-email scripts you can use.  If not, ask them which processing scripts you can use with your server (php, asp, coldfusion, perl, etc...)

     

    CSS styled contact form

    http://alt-web.com/DEMOS/CSS-Form.shtml

     

     

    Nancy O.

     
    |
    Mark as:
  • NeoGen Hawk
    Currently Being Moderated
    6. NeoGen Hawk,
    Jul 30, 2012 11:39 AM   in reply to Nancy O.
    Report

    Hi Nancy,

     

    Many thanks for your reply, I am currently looking at one of your earlier replies regarding contact forms and was pointed here by my web host regarding this: http://www.123-reg.co.uk/support/answers/Hosting/Scripting-and-Adding- Features-to-your-Website/using-php-scripting-for-a-contact-form-2550/ I'm just trying to figure it out so I can create the contact form. Any pointers would be greatly appreciated.

     

    Kind regards

     

     

     

    Nick

     
    |
    Mark as:
  • Nancy O.
    Currently Being Moderated
    7. Nancy O.,
    Jul 30, 2012 11:58 AM   in reply to NeoGen Hawk
    Report

    We're getting way off topic here. 

    Why don't you close this thread and start a new topic on "Form-To-Email"?

     

     

    Nancy O.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points