I am currently working and editing this template:
https://freewebsitetemplates.com/preview/rehabilitation-yoga/contact.html
As you can see, on the home page you have to use your mouse to scroll down in order to see the entire content - I want to remove this option and have all the content be displayed and fitted on the entire browser(even if you resize your browser) when you open the page.
I am sorry if this is a "stupid" question - Still pretty much new to all this, so I would be glad to get some help.
Thanks.
you need to change places of all parts of your content. Change size and align them properly
Related
I have a webpage I have added some content to, using Magento. The side bar that usually appears to the left side of the content, but is appearing beneath the content of the page (below the content that I added myself using html)
See image for reference:
With my limited knowledge I cannot find a solution, I have searched various forms, and attempted it myself, with no success. I tried making the max width of the body 800px for example, and that just made my entire page go to 800px wide.
Does anyone have any idea on what im doing wrong? If you need to see the code or anything I can add it?
Any help is appreciated.
Update - additional photos
Check the ierarchy inside the xml file containing those blocks and also the .phtml template which is calling those blocks.
You might also have an unclosed HTML tag in your DOM or another typo.
I am using Moodle 2.91.
I am trying to make certain custom HTML blocks on the side of a course in Moodle, floatable, so they move with you when you scroll down a page. I would like to do it only for certain HTML blocks, is it possible?
If so, can you please guide me what changes should I be making and in where?
Thanks in advance!
Regards,
Pooja
Moodle 2.6:
Need to make the question grid (on the top leftmost corner of a page) as floating so that the same scrolls up-down as and when the page is scrolled. Presently if each page contains options/questions more than 5, the question grid gets lost once you scroll down the page. This creates an issue with non-conversant participants.
I think I have a VERY basic question here. I've been trying to figure this out for a while now: I'm working with an html-template called "Oyster HTML" and I've been trying to disable all functions (or css) that make the site adjust to the window size.
This is the link to the demo of the template:
http://www.gt3themes.com/website-templates/oyster/portfolio_masonry_listing.html
As you decrease the window's width in your browser, you'll see that - for example on the right side of the header - the menu-content adjusts. (doesn't get overlapped)
Same thing happens here: https://learn.wu.ac.at
Now, on 'common' websites like www.ebay.com this is not the case (content gets overlapped by window and doesn't adjust to window resize)
My question: Is this a JavaScript issue? or CSS? (I tried disabling all .js and all .css but the content still adjusted.) Now if it's not in JS or CSS, where can I change this?
As I said, this might be a very basic (or even dumb) question, but I've been trying to wrap my mind around this for quite some time now, and I just couldn't figure it out)
Thanks a lot in advance!!
So I've been tinkering with a REALLY simple web page (and this is why this is painful for me - it's a simple page) and I've been trying to make it responsive. I sort of had it looking right on a mobile screen, but the more I tweaked my code, the worse it got on other sizes.
So..I really hope that I'm not asking TOO much - but again the page is super simple, so this might be simple to answer..so I'll just jump in and ask a few questions :/
I want the page's big call to action image to disappear on a phone screen, and I'm trying to get the logo to center and the phone number to center right under it. I'm trying to get the bullet points images to center above the two lines of text..and the contact form to just fall in right below it (contact form was working just fine it seemed, so no big question there)
I'll link a live copy of the page as a reference - and a link to a page I've been mimicking in case it helps.
http://lab.blacksunresearch.com/ is my page
http://landing.trugreen.com/growth29 is the page im mimicking (sort of)
Again, I hope it doesnt sound like a TON of stuff, but the page is so simple, I'm probably only missing a few lines of code in my media queries
Thanks!
Edit: Moose, emoticon removed - also, I did ask a question - "How do I make this page more responsive?"
Open their CSS and look at parts with media-queries. There is what you want.
There are only 2 css which you should look through:
themeform.css
themeresponsive.css
You have to include some css to make it responsive ( Custom css , Jquery ,Jquery Mobile , Bootstrap etc) . Or you can simply put some Media Queries where you want your webpage to Act differently, ie responsive .
Im wondering if anyone else has come across this problem when designing websites. Basically every time I zoom far out from my webpage the structure breaks and images and containers jump in to other parts of the page.
I have tried my very best to avoid this by measuring every div to the last pixel but this issue occurs, is there any tips for sorting this problem out.
Sorry that I cannot show an example, everything is on my localhost.
For a better website which doesnot breaks on zooming , please go through the following links.
Choosing the Dimensions for Your Web Page
Layout
How to create flexible sites quickly using standards like CSS and
XHTML
In Search of the Holy
Grail
Also here is the Blueprint Tests: grid.css. Check that link by zooming!!!
Cheers.
use html table tag right after your body tag when you put your body content in a table the content take automatically the width and height of their cells so when zooming it should not be a problem