In this tutorial we see how to change background images using the CSS pseudo-class :hover. This allows us to create better interactive designs for the styles of our links.
CSS Rollovers Changing Background Images was originally found on Access 2 Learn
Assistant Professor
Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.
Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.
He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.
A web page is made up of tags, which help tell the browser how to display a webpage. Within a tag, you may have attributes which provide some additional information to help display the webpage better. Tags Tags are used to define the elements within a web page. Tags are enclosed within angle brackets, <…
This will put together all of your previous examples and information such as adding links, adding images, controlling text, etc. Think of this as putting a puzzle together. This is a step by step guide to build and layout your website. Pre-Production Phase This has already been done to some degree for your first web…
While a lot of layout in a website can be done with your grids, you don’t want to necessarily use grids to display tabular data. Therefore, you want to use a table. Bootstrap has given us several CSS classes that we can use to easier layout our tables. For basic styling, you will only want…
Building your navigation is immensely important to any website, whether it is a single page, or a multi-page behemoth. Bootstrap’s navbar is responsive , and supports branding, navigation, search and more. Some basic info from Bootstrap’s site about Navbar, that you might want/need to know. Navbars require a wrapping .navbar with .navbar-expand{-sm|-md|-lg|-xl} for responsive collapsing…
CSS Sprites allows websites to load faster by reducing the number of objects (images) that are needed to download. CSS Sprites uses part of a larger image to display a section so that it displays correctly. Using CSS Sprites was originally found on Access 2 Learn
Installing jQuery Mobile into a website is an easy task.As with jQuery UI, you can choose to install it locally, or you can run the JavaScript and CSS from jQuery’s website. Most people run it from their local site, as it reduces the DNS look-ups, which are slower in most mobile browsers/networks. To download jQuery…
