Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Exit
osgood_
LEGEND
osgood_
LEGEND
Activity
Oct 21, 2024
12:33 PM
Why dont you use the text-shadow css property or is the shadow version of the font you are using doing something that that css property can't solve. Failing that the option would be to try wrapping a relatively positioned div around both the p tags, then position those p tags absolutely in relation to their parent relatively positioned div. You can center the div and the absolutely positioned elements inside it should come along for the ride too.
... View more
Sep 15, 2024
01:47 AM
1 Upvote
A table cell should automatically wrap to the size of the image which is in it if l remember correctly, assuming no width or height is added to the cell/table itself. You may also need to use some css to make the images in the cell align to the bottom of the cell without leaving a space. img { display: block; } Having said that this kind of structure was something used many years ago and probably serves no benefit when building modern web application today, there's almost certainly better options available.
... View more
Aug 26, 2024
12:07 PM
Just use: body, html { height: 100%; } vh gives inconsistent results across devices.........dvh is relatively new and only has 80% global support, so l would avoid that anyway, for now.
... View more
Aug 20, 2024
03:27 PM
2 Upvotes
Hi Osgood, Yeah, I see you can't do it; I tried several different ways. I'm using grid columns, and it's working, but I need to read more about grid lines. The more tools you have in your toolbox the better. Thanks. Mark By @Fun Seeker I'm not totally convinced you really need grid to produce a website. I think it is way too complex and there are too many variations which may be putting developers off or at least slow on the uptake. Its been around for several years now and l get the feeling its not taken hold perhaps as it was initially thought. Also a lot of developers use frameworks which can't adopt it fully as yet.
... View more
Aug 20, 2024
02:29 PM
2 Upvotes
You would'nt use grid-template-areas on the parent container when stacking containers. You would position the containers using the grid lines and grid columns. I prefer to use the long hand version to place containers on the grid ie 'span'. Below is an example of a text container stacked above a container which could contain an image. <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Stacked container using grid</title>
<style>
body {
margin: 0;
}
.grid-container {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr auto 1fr;
background-color: red;
height: calc(100vh - 100px);
padding: 50px;
}
.image {
grid-column: 1 / span 5;
grid-row: 1 / span 3;
background-color: #000;
}
.text {
grid-column: 2 / span 3;
grid-row: 2;
display: grid;
place-content: center;
background-color: dodgerblue;
color: #fff;
padding: 30px
}
</style>
</head>
<body>
<div class="grid-container">
<div class="image"></div>
<div class="text">
<p>Some text overlays the black box which would contain an image</p>
</div>
</div>
</body>
</html>
... View more
Jul 06, 2024
01:58 AM
1 Upvote
I know about the scroll bar issues and this is a vertical movement whereas I think scroll bar issues are horizontal .... but maybe not ? By @emma clarke 1 Maybe not..........if you have a combination of long and short page content then you will get a jumpy experience when the vertical scroll bar is activated in instances where pages have a lot of content and the vertical scrollbar will not be activated in instances where pages do not have enough content to activate a vertical scroll bar......hence a jumpy movement will happen when you click from a long content page to a short content page. This might not be your issue of course but it's one which frequently happens.
... View more
Jul 04, 2024
04:25 AM
Would anybody know what I would need to do to control the link properties on that text with the class “.Date”? By @Gareth_Williams Well you would move the class name 'Date' from the span tag to the td cell that the link tag is in, exactly like you have for Venue. <td align="center" valign="top" class="Date" style="white-space: nowrap; color: #999999;"><a href="https://railwayinn.pub/shows/maximum-robot-2024-07-02" target="_blank"><strong><span style="white-space: nowrap">24th of September 2024</span></strong></a></td> Then you can do what you like to style the link: .Date a { color: pink; } .Date a:hover { color: orange; }
... View more
Jul 04, 2024
03:49 AM
While I am Googleing away to find a solution, can you tell me how you turned off 'iframe' please? By @brianb12394023 Just view the page in an ordinary browser. If those arrows are still there then they are not being introduced by the real time preview feature in Dreamweaver if that is what you are using to currently view the page. Unless you or something else is injecting some third party code into your page, which has the possibility of introducing the arrows, you should be arrow free. If this is not the case then the arrows are present in the code you control and they may not be in your code where you are expecting them to be.
... View more
Jul 03, 2024
09:51 AM
Where is the code coming from? You have an iframe set up so that code is being inserted into your page from somewhere else.....you may have control over that code or you may not if its coming from an external source which is not under your control.
... View more
Jul 01, 2024
08:44 AM
It's probably a little overly complex for my liking and makes php look a bit difficult for anyone new to php..........but at least its sanitizing the form inputs which is highly important but it uses the php mail function to send the information which is fine, given the data has been properly sanitized, providing your host allows the mail function to be used. A lot of hosts had issues with unsanitized data being trafficked through an unprotected form built by greenhorns so they stopped providing the php mail function by default and suggested using phpMailer which is more robust in the hands of greenhorns, but more complex to configure.
... View more
Jun 29, 2024
05:41 AM
2 Upvotes
You must have something set in your css that is making the list items display inline.......the html mark up is now correct. Best test is to detach your css file and see what happens.
... View more
Jun 29, 2024
04:34 AM
1 Upvote
It's <li> </li> NOT <l> </l> as you currently have it coded.
... View more
Jun 29, 2024
04:10 AM
1 Upvote
I think its reasonable to assume that doing anything in an environment that is unfamiliar will be lengthy and frustrating when there are simpler alternatives. It seems a little crazy to me to put yourself through a steep learning curve to create a one off component. It's better reserved in my opinion if youre going to make that environment your primary approach to creating applications as a whole, then the time and expense would be justifiable.
... View more
Jun 29, 2024
12:46 AM
I'd say you'll probably need longer than a month to open Wappler and understand its workflow.......It's not for the faint hearted in my opinion............just search for a secure php script and youre done rather than trying to learn a complex environment in a limited amount of time, if its just a simple form you need.................on the other hand if you have unlimited amounts of time to dedicated to learning and deep pockets then Wappler might be your ideal weapon of choice.
... View more
Jun 28, 2024
02:01 AM
1 Upvote
Initially you should check to see if HostGater will allow the php mail() function to be used on their servers. Some hosts don't, in fact many don't. The form will never work as you have no 'name' attribute specified in the form tags. php needs that to get the information from the input fields. <input type = "text" class = "form-control" placeholder="Your name here ..."> <input type = "email" class = "form-control" placeholder="Your email here"> <input type = "text" class = "form-control" name="name" placeholder="Your name here ..."> <input type = "email" class = "form-control" name="email" placeholder="Your email here"> Your php script should then grab the name and email input using the $_POST method. $name = $_POST['name']; $email = $_POST['email']; However just doing that leaves the form very unsecure. You need to sanitize form input data. I would advise you Google for a secure php script if you are not a coder.
... View more
Jun 28, 2024
01:52 AM
See my reply in the post you copied the php code from...........see if that helps.
... View more
Jun 28, 2024
01:47 AM
If you named the page login.php then you need to change the action attribute in the form tag - From: <form name="login" action="secure_information.php" method="post"> To: <form name="login" action="login.php" method="post"> If you do that then the code should work. Any protected information should be inserted after the <!-- --> (comment tags) in the code: <!-- PROTECTED INFORMATION GOES HERE --> and before <?php } else { ?>
... View more
May 17, 2024
01:51 AM
Preview doesn't accommodate, I meant the whole html-page doesn't fit inside the Preview pane without scrolling. By @Avatar55977840 That points to the fact that your page is not responsive. In other words, you have not catered for smaller screen sizes. As an example, this is the image for desktops And this is mobile view By @BenPleysier Just as an aside note: Your 'Menu' text and 'burger' icon is not visible on page load - android tablet (Chrome browser) on the home page. One needs to swipe to the right to make it come into view, then when you click on the burger icon the dropdown menu link text is black, not gold, so against the black background the links appear invisible. The text links are there and the links work fine, you just can't see they are there. On all your other pages the burger icon is visible on page load and dropdown menu text/links are gold...........so you may want to investigate what's different about the set up on the homepage.
... View more
May 12, 2024
01:57 PM
1 Upvote
This place is unbelievable. It's like asking a hunk of plastic to perform a simple calculation. Truth be told, I suspected all along that I wasn't going to get any real help, but I had to check it off the list. I'll find my answers elsewhere. I only wish there was a way to mark the post as unsatisfactory. By @WHough Its advisable to go and learn some simple html and css before you post and you won't be so frustrated. Centering an image is a 30 seconds exercise for a child if they are paying attention. Sorry we couldn't be of any help........next one please.
... View more
May 12, 2024
09:22 AM
Just to tick it off the list, the following didn't work either: .container { display: grid; place-content: center; } Assuming, of course, that this was intended to be placed into a CSS (correct term, usage?) style that defined img. Precise placement was not specified. By @WHough No you don't attached the css to the image, you attach it to the parent container the image is located in: <div class="centerContent"> <img src="myImage.jpg" alt="" width="400" height="200"> </div> .centerContent { display: grid; place-content: center; }
... View more
May 12, 2024
07:46 AM
Wish I knew what bootstrap was. Brand new, remember (see original post). By @WHough You're using Bootstrap css classes in your code - col-md-6, text-center, so we are assuming you are using Bootstrap to construct your html. Bootstrap is a css, javacript front end library for creating, building responsive web applications.
... View more
May 12, 2024
05:52 AM
To centre an image, the image needs to be transformed from an inline-block level to a block level. This can be done using the Bootstrap d-block class. Then, the image needs to have a left margin set to auto. This will push the image to the right. Adding a right margin to auto, will push the image to the center. By @BenPleysier This will do it without the necessity to use d-block/mx-auto on the img tag <div class="container">
<div class="row">
<div class="col text-center">
<img src="yourImage.jpg" alt="" width="200" height="100">
</div>
</div>
</div> OR better still, without Bootstrap: .container { display: grid; place-content: center; } <div class="container"> <img src="yourImage.jpg" alt="" width="200" height="100"> </div>
... View more
May 12, 2024
02:09 AM
Well it looks like you are using Bootstrap and setting the column to 50% of the browser window width by using col-md-6 so your image won't be horizontally centered on the screen if that is what you require. The class of text-center set on the div which contains the image should be sufficient to center the image on screen IF the div which the image is located within is set to the full width of the screen and not 50% of it. Follow the advised Bootstrap set up which requires you to enclose your div in a 'container' or 'container-fluid' div and 'row' div: <div class='container'> <div class='row'> Your content should be inserted here. </div> </div>
... View more
May 06, 2024
05:49 AM
But this task will be roughly equivalent whatever the structured TXT file on which you base your logic (PHP array, XML, JSON....) the only file that would be flexible and easy to setup would be a CSV exportable from any spreadsheet program, if by any chance your quotes are already listed in a spreadsheet. By @L e n a I agree, producing any file which contains more than just a few choices is going to take time to build and is prone to mistakes......one miss-placed comma, bracket etc and you have a dysfunctional file............which is why unless you are a methodical worker you should use a database for storing large volumes of data. 200 quotes/authors l would personally use a database BUT it's certainly obtainable without one, you just have to be extra careful when structuring the information if it doesn't already exist in some other usable form whereby you could loop through the data to create a compatible workflow.
... View more
May 05, 2024
01:35 AM
2 Upvotes
I appreciate your trust in my PHP abilities, but I assure you, they are unfounded. 🙂 Yes, I use strings (a lot) and includes (a lot) but that's literally the totality of my PHP knowledge. I wouldn't even know where to begin to do this. By @Under S. Start by producing an array of php objects, see sample php code below. You can store this array of objects in a seperate php include file, name it 'quotes.php' $quotes = [
[
'quote' => 'A rose by any other name would smell as sweet.' ,
'author' => 'William Shakespeare'
],
[
'quote' => 'Tis better to have loved and lost than never to have loved at all.' ,
'author' => 'Alfred Lord Tennyson'
],
[
'quote' => 'He travels the fastest who travels alone.' ,
'author' => "Rudyard Kipling"
],
[
'quote' => 'No one can make you feel inferior without your consent.' ,
'author' => 'Eleanor Roosevelt'
]
]; At the end of the quotes array of objects, after the closing array bracket ]; and still in the 'quotes.php' includes file, add the following: shuffle($quotes);
$selectedQuote = array_slice($quotes , 1); The above shuffles the $quotes array of objects, like a pack of cards, on each page load. The next line selects the 1st object in the array of objects, after the array has been shuffled, so the quote is random. The more quotes obviously the more random the quote will be on each page load. Once the 'quotes.php' includes file has been included/linked to your main page where you want the random quote to appear then in the main page add the following where you require the random quote to appear: <blockquote>
<?php echo $selectedQuote[0]['quote']."<br><span>".$selectedQuote[0]['author']."</span>"; ?>
</blockquote> Style the quote with some css, how you require it to look: blockquote {
font-size: 20px;
}
blockquote span {
font-size: 15px;
font-weight: bold;
} That's it! You should now have a random quote on each page load. As a bonus, but not necessary, you can fade in the quote by adding the <script></script> below to your main page: <script>
const blockquote = document.querySelector('blockquote');
setTimeout(function() {
blockquote.classList.add('fadeIn');
}, 500)
</script> Then updating the css: blockquote { font-size: 20px; opacity: 0; transition: opacity 1s ease-in-out; } blockquote span { font-size: 15px; font-weight: bold; } .fadeIn { opacity: 1; }
... View more
May 04, 2024
12:09 AM
1 Upvote
I can't help thinking you are creating a mountain out of a mole hill. Since you use php and are comfortable with it then the simplest and best option in my opinion would be to store your quotes/authors in an organised php array of objects. It's just a simple matter of then using php to randomly select a quote/author from the array of objects on each page load. Everything is processed server side and only the 1 quote is returned to the page client side. The php array of objects acts more like a database of information without being one. Shout out if you want an example of the code to use. Also l cant help thinking that selecting just the 1 quote on page load is a bit simplistic these days. Quite often it's a bit more dynamic to cycle through a limited number of quotes whilst the user is on the page without them having to refresh the entire page to view another quote which is a limitation when using php. Of course you might have good reason to only want to load the 1 quote each time the page is loaded......just something to consider. Using images is a poor option. Consider how many times you might have to export them in the case of spelling mistakes, mis-matched quotes/authors etc which tend to creep in regardless of how careful you are.
... View more
Apr 26, 2024
08:39 AM
Thanks, osgood. I think this is a better carousel, overall... https://www.greenbeaks.com/aviary.html By @Haybound It's progressing but still not quite correct. The thumbnail navigation arrows should not be within the first and last thumbnail images, it's just too confusing when clicked. Search Google for 'Bootstrap 4 carousel codepen morten" that example is better in my opinion, when the navigation arrows are independent from the thumbnail images. By @osgood_ Why??? This is a perfectly working widget. If the arrows need to be moved, why not do so by adding the following to the stylesheet. By @BenPleysier I wasn't referring to the widget functionality, just the placement of the navigation arrows, in my opinion was a problem. I still think where you have positioned them is an issue because it now looks like they could be navigation arrows for the large image not the thumbnail sets........OK lm picky but its the small things that can make or break user experience. I provided reference to a solution which l thought was a decent example in terms of clarity not particularly which widget should or should not be used.
... View more
Apr 26, 2024
01:01 AM
Thanks, osgood. I think this is a better carousel, overall... https://www.greenbeaks.com/aviary.html By @Haybound It's progressing but still not quite correct. The thumbnail navigation arrows should not be within the first and last thumbnail images, it's just too confusing when clicked. Search Google for 'Bootstrap 4 carousel codepen morten" that example is better in my opinion, when the navigation arrows are independent from the thumbnail images.
... View more
Apr 24, 2024
11:15 PM
1 Upvote
@L e n a Thank you for this, it's very appreciated. I especially like that you can style the quote and author differently in both examples. Obviously I am leaning towards the first answer, as I don't even know what JSON is. However, I get the impression your first example requires that the end-user download ALL 200 quotes every time, rather than just the one they will be seeing on that specific page refresh. Do I have that wrong? Ifso, ignore what follows; but if not, is there a way to accomplish the same thing without downloading alli the quotes on every page load? For example, by storing them in a server-side file that would act as a makeshift database (that a PHP file could then pull 1 random quote from BEFORE sending it [and only it] to the end-user). By @Under S. As its just text quotes it really shouldn't matter as the kb 200 quotes would consume would be minimal. If it were 200 images then you might want to consider your options......so storing the quotes as a json file or in a javascript object would be perfectly acceptable, although you have a point, why include 199 quotes which are not needed. If you want a server side approach then use a php object to store the quotes which gets processed at run time and returns to the page only one quote at a time on page load. Json file or javascript object approach is good if youre intending to cycle through the quotes without a page refresh but as you only want a static quote on each page load the php approach would be more appropriate. A similar solution would. be to create an API (Application Program Interface) end point to store the quotes in json format or javascript object then use something like the Fetch API to return one quote. Plenty of options, it comes down to what you know and what you feel comfortable in deploying.
... View more
Apr 24, 2024
06:43 AM
1 Upvote
I did as you suggested. https://www.greenbeaks.com/aviary.html Am I loading more images than necessary? By @Haybound I'm troubled to be honest, maybe because l look for small issues, features which are absent and if introduced could improve user experience, which is important.. The biggest issue l have now is as a user l have no idea how many slides are in the gallery. It's not until the default set of thumbnails move along that l get an indication that there are additional images to view, so l may well miss those should l navigate away from the page before this event happens after several seconds. In my opinion you need to include some kind of indication like a navigation pager below the set of thumbnails so the user can clearly see there are additional resources to be viewed.........youre getting there, with a few small tweaks, good job. As for "are you loading more images than is necessary', yes of course you are as the majority are just 'hidden' in the code until requested. Is this an issue, not particular.y - l was merely pointing out in my other thread there are more streamlined ways to call the images into the code only when necessary but its an advanced technique which would be beyond the scope of this forum.
... View more
Copyright © 2024 Adobe. All rights reserved.
AdChoices