Jump to content


  • Content Count

  • Joined

  • Last visited

Community Reputation

1 Neutral

About uworlds

  • Rank

Previous Fields

  • Languages
  1. Thanks so much dsonesuk! I believe this allowed me to remove all the specific style variables and consolidate all into custom.css. It seems on the site I am trying to change that there are tweaks being made to the W3C template that I started with (https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_travel2&stacked=h used to seed https://chinahotel.directory/) where it's adding and subtracting 8 and 16 px for various images on the bottom half of the screen which is preventing me from knowing if the image placements are fully working or if this addition or subtractio
  2. Thank you so much! Because the CSS is stored externally in an URL, what would you say is be the best way to implement this? For example, should I add this CSS code at the top of my HTML page ... or, should I somehow incorporate the same meaning into something like a style variable next to each image? like: style="overflow: hidden; max-width: 100%; max-height: 100%; height: 100%; width: 100%; object-fit: cover;" (I guess that may be messes the code up quite a bit so perhaps first option better?)
  3. Thank you so much for these suggestions. Strangely I seem to be having trouble making it work on this W3C template: https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_hotel&stacked=h In this particular section (with the 5 images): <div class="w3-row-padding w3-padding-16 w3-text-white w3-large"> <div class="w3-half w3-margin-bottom"> <div class="w3-display-container"> <img src="/w3images/cinqueterre.jpg" alt="Cinque Terre" style="width:100%"> <span class="w3-display-bottomleft w3-padding">Ci
  4. Hello, I would like to be able to insert images of varying width and height into a fixed width and height container on a page such that if they are wider or taller than this container then the over-sized part of the image is simply truncated, without any stretching, but also so that the image fills the full container without leaving any white space ... in other words it will drag the image over the border of width to fill height, or over the border of height to fill width. In other words, the image is placed in the top left corner but fills the entire space without being stretched.
  5. Hi Hema, Ah thank you so much! This is EXACTLY what I was looking for. I really appreciate your time, helpfulness and speed of response to help me today. Thank you. Kind regards, Mike
  6. Hello everyone, I would be very appreciative to understand how to use the W3C Schools Template so that I can have multiple stored images served depending on the device width. In other words rather than uploading just one image and letting the template resize it going from a widescreen to mobile size, I'd like some control with regards to the centering of each image. Also, I can then optimise the image sizes too to be radically smaller for mobile (do the W3C Schools Templates automatically optimise image size for me, for example a wide screen image may be hard to reduce to under
  7. I would like to be able to place a search form, which is stored within <script>https://website.com/folder/folder2</script>, to sit on top of an image like the one of London on this page https://www.w3schools.com/w3css/tryw3css_templates_travel2.htm Any help would be immensely appreciated.
  8. Hello, I was wondering if anyone out there would like to do a paid job? Ultimately I would like to hire someone to take one of the templates found at https://www.w3schools.com/w3css/w3css_templates.asp and customise it to change the main picture and fill content in for some of the sections. It is to be a 1-page site only, just a landing page, with some javascript included for a sign-up form (code will be supplied). Look forward to anyone who would be available to do this? Kind regards, MC P.S. I really hope it's ok to post this, I can't find anything in the gu
  9. Hello there, I was hoping someone could help me shed some light. I seem to unable to centre the text and Orange button on the page http://absolutehappinessbook.review ... but only in all the instances below the heading "Chapters and Contents". It looks mostly centred; however, if you view it on a small iPhone then you can see that it is skewed more to the right, and I am looking for pixel perfection centering. If anyone can see the error of my ways I would greatly appreciate. Kind regards
  • Create New...