How do I create multi color boxes using CSS3

OS - Windows 7 using DW Cs5.5

I need to create a screen with many similarly sizes boxes colored with colors of text that will be easily visible in their breast.

I have a class implemented as follows:

{.yellowbox}

do-family: "Lucida Sans Unicode", "Lucida Grande", without serif.

font size: small;

Color: #F00;

background-color: #FC3;

text-align: center;

vertical-align: middle;

margin: 4px;

padding: 4px;

Clear: none;

float: left;

height: 10em;

Width: 30%;

position: relative;

border: thick solid #F00;

}

Appears in a box that is yellow with a red border.

With a set of 9 divs in this class, I get 9 boxes arranged in a grid of 3 x 3 in a container wide 960px.

How can I edit the CSS so that the background color changes with each box, and the color of the text is always in a color that is legible?

First change the CSS as follows

. Box {}

do-family: "Lucida Sans Unicode", "Lucida Grande", without serif.

font size: small;

Color: #F00;

text-align: center;

vertical-align: middle;

margin: 4px;

padding: 4px;

Clear: none;

float: left;

height: 10em;

Width: 30%;

position: relative;

border: thick solid #F00;

}

. Yellow {}

background-color: #FC3;

}

. Blue {}

background-color: blue;

}

Then use the following tag

or

Tags: Dreamweaver

Similar Questions

  • How can I create a text box

    How can I create a text box? Canany body help me create a text box? I need examples of code for the creation of the text box.

    Thanks and regads: -.

    Jitendra.Balla

    Take a look at this example.

    http://NA.BlackBerry.com/eng/devjournals/resources/journals/jul_2005/creating_textbox_field.jsp

    Also check this thread.

    http://supportforums.BlackBerry.com/Rim/Board/message?board.ID=java_dev&message.ID=41759&query.ID=23...

    Concerning

    Bika

  • How can I create a photo book using Photos app on an iPad mini?

    I know how to create a photo book using Photos on a MacBook Pro app.

    I want to know if a photo book can be created using the Photos app on my iPad mini. If so, how?

    Hello imawa,.

    Thank you for using communities of Apple Support.

    Yes, you can certainly create a photo book on your iPad mini. Take a look at the following article to learn how to create a photo book.

    iPhoto for iOS (iPad): create a photo book

    See you soon.

  • How can I create a gif image using photoshop. I mean photoshop shortcut keys and the steps for creating gif

    How can I create a gif for my blog [url removed by host] image using photoshop. I mean photoshop shortcut keys and the steps for creating gif

    CTRL + Alt + Shift + S Windows Mac CMD + Option + SHIFT + S change the image that you normally edit images.

  • How do you create accounts on ESXi using an LDAP interface as the central authentication server?

    How can I get ESXi server to use myOpenLDAP backend for accounts to manage VM guests?

    See the image as an attachment.

  • How to draw with multi colors in a single graph XY?

    Hello

    I do hesteresis measures. In this case, I collect the data while sweeping the voltage first from 0 to 2V and then again from 2V to 0V, and the data is plotted in a unique XY Chart. XY graph, I want sweeping plot forward a color while the scanning reverse with another color, so I can easily make comparisons. And I want to see the real time data. I tried to wire 'plot color' in 'property node', but that will change the color on a global scale and cannot be applied to a data section. Can someone tell me how to proceed? Thank you!

    Guanglei

    Hi Guanglei,

    see the attached example.

    It will be useful.

    Mike

  • How do I create ebay feedback to use every time that I leave comments

    I would like to create a recurrent phrase to use feedback from ebay.  Instead, a phrase of old feedback shows that I need is no longer.  How to create a new phrase to use?

    Hi Brenton,

    I believe that the following article (and the references it contains) helps you configure standard feedback options (some pre-made and some you can create yourself - up to 10 more personalized, I think).  Then simply select the one you want to use and click on and it will be added without requiring you need type unless you want to add or remove what it says.  This is done using the Sales Manager.  Using selling Manager Pro gives you more options to automate the process.  http://pages.ebay.com/help/sell/leave-feedback-for-buyer.html.

    All sellers receive a free subscription to selling Manager.

    You can try selling Manager Pro for free for the first 30 days. After the 30 day trial period, if you continue your subscription, you will be charged a monthly fee. (If you are owner of a premium or anchor, or a subscriber of Blackthorne eBay store you will continue to receive the selling Manager Pro free.)
    You can cancel your subscription at any time on the Subscriptions page in my eBay.

    Tip: Do not forget that free subscriptions may still appear as a charge on your monthly bill. However, you will also see a credit of this subscription on the same invoice.

    I hope this helps.

    Good luck!

  • How close or minimize the menu box using Display.screenshot ()?

    Hello

    Did someone help out me in finding what way I can minimize or close the menu box while I take the screenshot of any screen?

    The problem is when I select the menu item Printscreen, the Display.Screenshot () method runs, and it takes the screenshot including the menu box that I opened for the selection of the menu-item (Printscreen).

    So, how to remove that box of Menu before you take the screenshot?

    Please answer

    Thank you.

    You might find some useful options in this thread;

    http://supportforums.BlackBerry.com/T5/Java-development/context-menu-coming-in-screenshot-by-using-D...

  • How can I create a text box border.

    Hello

    I want to create the border of the text box without using XYEdge or BorderFactory.

    means the custom text box.

    Give me a simple solution

    answer please.

    Thank you

    Himanshu

    Something else that might help:

    http://supportforums.BlackBerry.com/T5/Java-development/TextBoxField-revisited/Ta-p/548410

  • How can I create a simple VM using the EFI firmware?

    I created a VM with OS 'Another 64 - bit' and edited the .vmx file, change only the "bios" = firmware firmware = "efi".

    Whenever I start the virtual machine, it uses the BIOS instead of the EFI. I can see when to start directly to the firmware, or by starting with a 8.1 Windows Installer disk and installing Windows checking connects immediately after that it started ("" detected boot environment: legacy ' ").

    How create/configure a virtual machine to use systematically the EFI, without her 'crush' or 'back' to my configuration?

    I use VMware Fusion 7.1.0 (2314774).

    Hi michielvoo

    Welcome to the VMware communities forum.

    I wrote an article on the use of EFI in a machine virtual here: Boot via the EFI firmware | PlanetVM

    Basically, what you're doing are correct. The part, I wonder about is if the double quote characters you use double quotes a normal and not the "fantasies" (as you can see in the above article, these are those fancy)

    It takes standard double quotes on your keyboard.

    Another possible reason to make it work is not is if you edit the vmx while your merger still works as he could return your changes to protect the virtual machine.

    If you don't know everything that's wrong with your vmx file, then send the vmware.log file is also in this folder to an answer here and I or someone else will take a look and see if everything's okay what is wrong.

    --

    Wil

  • How can I create columns of text using Dreamweaver cs6?

    Hello.  I can't create text columns.  As an experiment, I created a div with a width to 450px and 200 px in height.  After typing the first line inside the div tag, the type goes to the second line when it reaches the width of the div to 450px.  But when you type in the second line, the text continues beyond the width of the div to 450px.  When I checked to see how it appears in the browser window, the text goes beyond the viewport.  Why does that happen? And how can I make the text to stay within the width of the div?   Thank you.

    You must be typing a single string of characters without spaces.

    Try to use some Lorem Ipsum (dummy) content.

    Heading 3

    Lorem ipsum dolor sit amet, adipiscing elit computer.

    Mauris vitae libero lacus, vel hendrerit nisi.

    Maecenas quis nisl volutpat viverra felis total.

    Vestibule luctus mauris sed sem dapibus luctus.

    Pellentesque aliquet ligula aliquet, and restore justo auctor varius.

    Amongst City nunc eget lectus varius.

    Aenean dignissim ante ut tristique enim.

    Nancy O.

  • How can I create my first blog using the Dreamweaver CC model

    Hello forum members. I would use the new "blog template" in Dreamweaver CC 2015. I'm looking for advice on the tutorials on the implementation of this new feature.

    It is possible to use DW to customize a WordPress theme in Code view.

    However, you must create the content of the site by a CMS/dashboard WordPress browser-based.

    Personally, I like WP Themes that are based on delicate framework Bootstrap.

    25 best free WordPress themes built with Bootstrap 2015 - Colorlib

    Nancy O.

  • How can I create a model muse using my creations?

    Hello

    I need to create a template using the design that I already have in my Muse Site, in order to to use in the catalyst.

    Is there an easy way to do it?

    Thank you!

    I would recommend throughout this tutorial using your design in place of one that is planned. If you need assistance please let me know.

    https://helpx.Adobe.com/PDF/muse_reference.PDF

    See you soon,.

    Craig

  • How can I fix a color box on top of image rotation (which causes the streak of contrast)?

    Right Undernead the logo is a box with reference numbers. You can see the area contrast with the line passes through the part numbers. I know what is the cause, but I don't know how to fix it. under the text grey box is a rotating image. This line is exactly the border of the rotated image. It doesn't look like that when I'm looking at home on the computer, but when I print it, it looks like this. I need help solving this.

    SCAN_000877.jpg

    Could be a case of YDB: (box discoloured gross)

    http://InDesignSecrets.com/eliminating-YDB-yucky-discolored-box-syndrome.php

  • How to create an error box will appear in CS5?

    How do I create an error box pops up (modal, "locking" the system until what you press OK, etc.) in response to an invalid entry for a field of spry validation? For ouvertede an answer non-numeric in one digital domain or an invalid date in a date field, etc., it was easy to do in HTML, but I have no idea how that imitate in CSS.

    In addition, so I is not abandoned this forum with questions of novice CSS can you recommend a good book/tutorial/etc. ?

    Thank you.

    Ross

    Maybe do it in JavaScript with a simple alert box is not a bad idea...

    Agreed.

    CSS is great for some things.  But it cannot do everything.

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

Maybe you are looking for

  • Upgrade memory on Satellite M60

    HelloI recently installed Vista Ultimate on my computer Satellite M60 laptop, it is activated and updated, but I think it is out of memory. I have two 512 memory banks and bought two chips of memory of 1 GB crucial to install instead of 512 banks.It

  • Need help with the 2011 Macbook Pro, OS x 10.6.8 upgrade

    I have a Macbook Pro, Mac OS x 10.6.8 2011. I don't know the first thing about software update, but Safari browser (currently version 5.1.10) displays funny websites, and I can't download some plugins. According to me, because my laptop is so old? Wh

  • AirDrop - old MACs?

    I have a 13 "MacAir, end of 2010. iMac 20-inch, mid 2007 the two OS 10.10.5. They are both on the same wireless network. When I run AirDrop on two iMac computers see the MacAir, but the iMac does not see the MacAir. I do not see the "See who you are

  • No Logitech G35 headset sound after Windows updates

    Original title: last updated Twenty minutes earlier on 11/08/2011 my self out of the windows updated. After the update has been installed and restarted my computer, my logitech g35 headset is not working properly. If I turn them off in the control pa

  • from unknown sources, he is unable to turn on double z3

    My Xperia Z3 double lollipop 5.0.2 I cannot activate the unknown sources to another user (not invited! A user which I explained).Unknown sources in the settings is disabled (gray color not black).You have a solution?