Page 3 of 3 FirstFirst 123
Results 21 to 27 of 27

Thread: Fixed container on page but scrolling text comments within.

  1. #21
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,307
    Thanks
    3
    Thanked 286 Times in 279 Posts

    Default

    Quote Originally Posted by theremotedr View Post
    Here is an example so do you know how we can add it for my reference
    BUT not to be shown on the page ?

    Simply comment the text out...
    Code:
    <blockquote>
    <!--"Yamaha FZ6 I asked the Doctor to make me another key & he was on the job in no time, Now all sorted Cheers"-->  
    </blockquote>
    <cite>
    M Coulton
    </cite><br>
    <hr>
    ...or if you mean the whole lot...

    Code:
    <!--
    <blockquote>
    "Yamaha FZ6 I asked the Doctor to make me another key & he was on the job in no time, Now all sorted Cheers"
    </blockquote>
    <cite>
    M Coulton
    </cite><br>
    <hr>
    -->
    Of course, the HTML will still be visible to "View Page Source".

    coothead
    Last edited by coothead; 08-20-2022 at 11:39 AM.
    ~ the original bald headed old fart ~

  2. #22
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    Thanks,
    I was using the wrong comment out code.

    Last question.
    I wish to put a line of text in between the 2 container boxes,i did try but the text i had wrote was also in a conatiner BUT i would just like it to be show as text.

    See screenshoot of where i mean.
    Many thanks.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	4376.jpg 
Views:	10 
Size:	64.7 KB 
ID:	6562  

  3. #23
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

    Default

    Update after ages trying to get this far.

    HTML
    Code:
        <div id="feedback" class="feedback-message">
        <p>Please take a mooment to read the reviews</p>
        </div>
    CSS
    Code:
    #feedback-message {
       color: #000000;
       text-align: center;
       font-size: 1.1em;
    }
    
    Unable to move the text to center

  4. #24
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,307
    Thanks
    3
    Thanked 286 Times in 279 Posts

    Default

    Hi there theremotedr,

    I have just looked at the source code of your page and see that,
    for some unknown reason, you have placed the footer and the
    reviews AFTER the closing html tag.

    Please replace your existing motorcyclekeys.php file with the one
    that you will find in the attachment.

    You will also find a review-header.txt file that must be added to
    the collection. This file is required to resolve your latest problem
    and the text should be edited to suit your desired wording.

    This is ths CSS for header...
    Code:
    #review-header {
       max-width:  50em;
       padding: 1em;
       margin: 0 auto 2em;
       border: 1px solid #FF0000;
       box-shadow: 4px 4px 8px #000;
       box-sizing: border-box;
       background-color: #C1F0FA; 
       text-align: center;
       font-size: 1.1em;
    }
    Also note that as you added font-size: 1.1em to the #reviews
    properties you must change it's max-width: 55em value to 50em.

    Attached Files Attached Files
    ~ the original bald headed old fart ~

  5. #25
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,307
    Thanks
    3
    Thanked 286 Times in 279 Posts

    Default

    Hi there theremotedr,


    I see that you have updated your page whilst I was working on your problems.

    So forget the attachment in my previous post and just replace your faulty page
    with the one in this attachment.

    This though...
    Also note that as you added font-size: 1.1em to the #reviews
    properties you must change it's max-width: 55em value to 50em.
    ...still applies.
    Attached Files Attached Files
    ~ the original bald headed old fart ~

  6. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (08-20-2022)

  7. #26
    Join Date
    Nov 2011
    Location
    Cider Region
    Posts
    1,261
    Thanks
    165
    Thanked 3 Times in 3 Posts

  8. #27
    Join Date
    Nov 2006
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    2,307
    Thanks
    3
    Thanked 286 Times in 279 Posts

    Default

    Hi there theremotedr,

    well done, the page is now perfect.

    w3.org - Page validation result

    coothead
    ~ the original bald headed old fart ~

  9. The Following User Says Thank You to coothead For This Useful Post:

    theremotedr (08-20-2022)

Similar Threads

  1. Replies: 3
    Last Post: 03-16-2013, 01:40 AM
  2. Fixed position relative to parent container
    By windbrand in forum JavaScript
    Replies: 11
    Last Post: 03-05-2013, 07:12 PM
  3. Replies: 1
    Last Post: 04-13-2009, 05:53 AM
  4. Replies: 8
    Last Post: 09-27-2008, 03:05 AM
  5. move content container according to page scrolling
    By amit_patel in forum JavaScript
    Replies: 1
    Last Post: 04-16-2008, 11:53 AM

Bookmarks

Posting Permissions

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