Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!
Learn how Concerto can help you.
Solved
CSS / DIV issue
Posted on 2010-08-27
I'm having some DIV issues with my CSS. Please help.
Here's an example of what my page is supposed to look like: http://thinkingdavis.com/review/NFFR/index.html
Note the 3 green boxes across the bottom -- each is a DIV with a background image and a DIV with text floating above it.
Now look at this page: http://thinkingdavis.com/review/NFFR-CMS/index.php
This version incorporates some changes I had to make to get my CMS to work. I needed to change each of those green boxes so that there's an image placed in the DIV (rather than utilizing a background image), then the DIV with text floating above that. This is where my stacking is messing up -- see attached screen shots.
Any help is greatly appreciated.
Here's an example of what my page is supposed to look like: http://thinkingdavis.com/review/NFFR/index.html
Note the 3 green boxes across the bottom -- each is a DIV with a background image and a DIV with text floating above it.
Now look at this page: http://thinkingdavis.com/review/NFFR-CMS/index.php
This version incorporates some changes I had to make to get my CMS to work. I needed to change each of those green boxes so that there's an image placed in the DIV (rather than utilizing a background image), then the DIV with text floating above that. This is where my stacking is messing up -- see attached screen shots.
Any help is greatly appreciated.
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
3
3 Comments
Next, you have changed align="right" to style="float: right" for div containing boxes 2 and 3. Align is not nice, but this is what you have got in the original design.
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Creating a CSS block that only applies to printing
By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever. You can, however, add CSS that only applies under certai…
When writing CSS, there are a few simple rules that will make your life easier.
1. Using ‘* {box-sizing:border-box;}’.
Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property
Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property
Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses
Course of the Month6 days, 16 hours left to enroll
705 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.