This takes the concept of the CSS float with the text, a little further. Normally HTML elements must follow a box. However, in print, text and follow an outline of an image’s shape. This video tutorial will show you how to mimic that effect in a web page.
Wrap Text Around an Image Shape Using CSS 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.
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…
Unlike working with Navigation in the mobile environment, forms input will be more about styling and proper use of HTML tags/attributes. Because of the size of the screen, we need to find good ways that we can overcome the small space. This means providing an easy and clear way for users to enter information into…
There are two basic places you can define styles. There are legitimate reasons for both of them, and they should be used accordingly. In both cases, styles defined first may be overwritten with subsequent style definitions. It will only overwrite a value given to a property, not the whole style. So if you have a…
An ordered list provides a list of items that should be viewed and/or performed in a certain order. In a college or university setting, you might be given a series of classes that are recommended to take in a given order due to prerequisites. Or you might have a list of steps needed to perform…
All pages will use the same starting point and a basic structure. This is what we’re going to start building. Now it won’t really be effective for anything but the most basic pages, but it gives it the necessary start that all HTML 5 pages need. First, we need to define what we call the…
Previously we’ve talked about network limitations for mobile devices, and limitations in the mobile device itself. Now we will look at the limitations of the user/design aspect. No Hover State The hover state allows users to know where they are going to click. It provides a very simple method to give visual feedback to the…
