Welcome to TalkGraphics.com
Results 1 to 9 of 9
  1. #1
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    1,070

    Default Stick at Top questions

    The website - nipawinmuseum.org

    I've got a nav bar, rectangle, text, and a very small graphic all sticking at top.

    As you move slowly down the text, buttons, and graphic are skewed up just a touch. Those elements move to the top, but not with the rectangle. I can't seem to solve it. All elements are repeating. I've included a screen shot of the problem. If I lock those elements it might make a difference. Thanks all for looking.

    -Bill
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	stick at top.jpg 
Views:	207 
Size:	42.8 KB 
ID:	134761  
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  2. #2
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    961

    Default Re: Stick at Top questions

    Quote Originally Posted by bwood View Post
    The website - nipawinmuseum.org

    I've got a nav bar, rectangle, text, and a very small graphic all sticking at top.

    As you move slowly down the text, buttons, and graphic are skewed up just a touch. Those elements move to the top, but not with the rectangle. I can't seem to solve it. All elements are repeating. I've included a screen shot of the problem. If I lock those elements it might make a difference. Thanks all for looking.

    -Bill
    Bill, several ways of resolving this and one of them is explained here: https://initiostar.co.uk/demo/satmenu

    Another commonly used (historically at least) method is to group the text with a shape (99% transparent) to create padding between the top of the page and the button text. Of course, the standard Navbar approach of soft-grouping two groups (MouseOff and MouseOver layers) does not have the problem.
    Gary
    www.initiostar.co.uk


    Xara Designer Pro+ and Xara Designer Pro X 19.0.1.65946 DL x64 Feb 7 2023

  3. #3
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    22,090

    Default Re: Stick at Top questions

    Bill, as well as Garys suggestion as your sticky content is almost at the top anyway, why not make them Sticky instead of Stick to Top? I find this stops the juddering text which SaT often creates.
    Egg

    Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor
    + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

  4. #4
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: Stick at Top questions

    Bill, like most things in Xara, there are many solutions.

    If you precede your text with a Space on a line above then SaT will stop at that Space.
    So you then adjust the font size of the Space to that of the difference between the original text hitting the top of page and where you actually want it to stop.

    As it is a one-liner (now two), you could adjust the Line spacing but easiest is probably using the Baseline shift on the Space.

    Acorn
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  5. #5
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    1,070

    Default Re: Stick at Top questions

    Thank you Egg, Acorn, Initiostar. I understand the baseline shift for the text, but the buttons are also skewed. Therefore maybe sticky will work for them as Egg mentioned. I also understand (sort of) the transparent rectangle approach Initiostar. I’m just have a struggle getting my head around it.
    I don’t think the baseline shift is going to work for the buttons.
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  6. #6
    Join Date
    Apr 2018
    Location
    Barnes, London
    Posts
    961

    Default Re: Stick at Top questions

    Quote Originally Posted by bwood View Post
    Thank you Egg, Acorn, Initiostar. I understand the baseline shift for the text, but the buttons are also skewed. Therefore maybe sticky will work for them as Egg mentioned. I also understand (sort of) the transparent rectangle approach Initiostar. I’m just have a struggle getting my head around it.
    I don’t think the baseline shift is going to work for the buttons.
    No sure why your buttons would be skewed, but here is a baseline shift example from the demo: Menu_Scrolling_Stick_at_Top.xar.

    As Egg said though, unless the scrolling menu is fundamental to the design, just have the menu sticky and placed at the top.
    Gary
    www.initiostar.co.uk


    Xara Designer Pro+ and Xara Designer Pro X 19.0.1.65946 DL x64 Feb 7 2023

  7. #7
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    18,448

    Default Re: Stick at Top questions

    Bill, use SaT as normal for the button shape.

    For the Menu Texts, I would add in the ClassNames of htmlclass="btnTxt xr_stt".
    In Website Head, add CSS:
    <style> .btnTxt > span { padding-top: 32px; } </style>

    Change the size for padding-top as required.
    The xr_stt ClassName adds in SaT effect directly; it gets lost through the Xara Stick dialog.
    It might be where I put the CSS.

    Acorn
    Last edited by Acorn; 22 March 2024 at 11:43 PM. Reason: Updated to handle Text with Links - obviously needed really!
    Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
    When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat

  8. #8
    Join Date
    Dec 2006
    Location
    Melfort, Saskatchewan Canada
    Posts
    1,070

    Default Re: Stick at Top questions

    Quote Originally Posted by Egg Bramhill View Post
    Bill, as well as Garys suggestion as your sticky content is almost at the top anyway, why not make them Sticky instead of Stick to Top? I find this stops the juddering text which SaT often creates.
    Thanks Egg. I went with this option and it worked splendidly.

    W
    Bill Wood
    Charity Web Design
    XARA Pro+. WD17, Designer 17. Premium packages.

  9. #9
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    22,090

    Default Re: Stick at Top questions

    Cheers Bill, often the KISS way is the easiest
    Egg

    Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor
    + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host

 

 

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
  •