How do I make the header, content, and footer transparent in Dreamweaver CS6?

I try setting background color to transparent but it just turns white instead. I want to be able to just see my background image and color and have all content "floating" on my web page.
Also on backgrounds, what is the coding for making sure the background is contained within whatever monitor size it is viewed within or will it automatically scale up/down?
Thanks,
Jennifer

I'm just using a basic Dreamweaver page that has some CSS already in the head (haven't done much work on it yet, just trying to get those things transparent first):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title></title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background-image: url(../images/helia_bg.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #fff0c1;
    margin-bottom: 200px;
    margin: 0;
    padding: 0;
    color: #000;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
    padding: 0;
    margin: 0;
h1, h2, h3, h4, h5, h6, p {
    margin-top: 0;     /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
    padding-right: 15px;
    padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
    border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
    color: #42413C;
    text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
    color: #6E6C64;
    text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
    text-decoration: none;
/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
    width: 960px;
    background-color: #FFF;
    margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
    background-color: #ADB96E;
/* ~~ This is the layout information. ~~
1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
.content {
    padding: 10px 0;
/* ~~ The footer ~~ */
.footer {
    padding: 10px 0;
    background-color: transparent;
    font-size: x-small;
    text-align: center;
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
-->
</style></head>
<body>
<div class="container">
  <div class="header"><a href="#"><img src="" alt="Insert Logo Here" name="Insert_logo" width="180" height="90" id="Insert_logo" style="background-color: #C6D580; display:block;" /></a>
    <!-- end .header --></div>
  <div class="content">
    <h1>Instructions</h1>
    <p>Be aware that the CSS for these layouts is heavily commented. If you do most of your work in Design view, have a peek at the code to get tips on working with the CSS for the fixed layouts. You can remove these comments before you launch your site. To learn more about the techniques used in these CSS Layouts, read this article at Adobe's Developer Center - <a href="http://www.adobe.com/go/adc_css_layouts">http://www.adobe.com/go/adc_css_layouts</a>.</p>
    <h2>Layout</h2>
    <p>Since this is a one-column layout, the .content is not floated. </p>
    <h3>Logo Replacement</h3>
    <p>An image placeholder was used in this layout in the .header where you'll likely want to place  a logo. It is recommended that you remove the placeholder and replace it with your own linked logo. </p>
    <p> Be aware that if you use the Property inspector to navigate to your logo image using the SRC field (instead of removing and replacing the placeholder), you should remove the inline background and display properties. These inline styles are only used to make the logo placeholder show up in browsers for demonstration purposes. </p>
    <p>To remove the inline styles, make sure your CSS Styles panel is set to Current. Select the image, and in the Properties pane of the CSS Styles panel, right click and delete the display and background properties. (Of course, you can always go directly into the code and delete the inline styles from the image or placeholder there.)</p>
  <!-- end .content --></div>
  <div class="footer">
    <p>© Moving Harmonies - Site Design by <a href="....">JRH Creative</a></p>
    <!-- end .footer --></div>
  <!-- end .container --></div>
</body>
</html>

Similar Messages

  • How do we make the table content in Mobile and CRM synchonize?

    Hi,
    We had the user customized table in CRM and Mobile client also had this table at the first place.
    If we are adding or deleting the records in table in CRM,
    how do we make the table content in CRM and Mobile in sync.?
    Is anyone can help?
    Regards,
    Nat

    Hi Nattawat,
    There is a concept known as CDB(consolidated database).
    Whenever you create/change something in CRM a BDOC gets generated. This BDOC gets stored in CDB in mobile sales scenario and then from CDB the data goes to the mobile clients.
    Here you will have to enable the CDB. I guess we can do it from the SPRO configuration. Take inputs from functional guys here.
    You will have to create the mobile clients as sites and then define Publication, subscription from Admin Console. The transaction is SMOEAC.
    <b>Don't hesitate to ask further questions.</b>
    <b>Please reward points if it helps.</b>
    Regards,
    Amit Mishra
    Message was edited by: Amit Mishra

  • Edu DVD in computer iTunes but does not show up in iPad iTunes or iPad video.  How do I make the DVD contents available on the iPad?

    Educational DVD added successfully to computer iTunes but does not show up in iPad iTunes or iPad video.  How do I make the DVD contents available on the iPad?

    Thanks!  For whatever bizarre reason for which I have no answer - I sync'd my iPad to my MBP the old fashion way (not iCloud) and the movie showed up just fine.  It is Nikon camera 'how to' video. I like to watch them for a better indepth discovery of what the camera can do.  The only weird thing about the hard wire sync is that it was placed in a catagory "home movies" which was never there before...actually it showed up in two places "home movies" and TV shows.
    So, thanks anyway!  Pretty cat!
    Mona

  • How we will display the header data and item data seperately in lists

    how we will display the header data and item data seperately in lists

    REPORT z_alv_list_block.
    TYPE-POOLS: slis. " ALV Global types
    SELECTION-SCREEN :
    SKIP,
    BEGIN OF LINE,
    COMMENT 5(27) v_1 FOR FIELD p_max. "#EC NEEDED
    PARAMETERS p_max(2) TYPE n DEFAULT '02' OBLIGATORY.
    SELECTION-SCREEN END OF LINE.
    DATA:
    1st Table
    BEGIN OF gt_kna1 OCCURS 0, " Data displayed
    kunnr LIKE kna1-kunnr, " Customer number
    ernam LIKE kna1-ernam, " Name of Person who Created
    erdat LIKE kna1-erdat, " Creation date
    name1 LIKE kna1-name1, " Name 1
    END OF gt_kna1,
    2nd Table
    BEGIN OF gt_mara OCCURS 0,
    ernam LIKE mara-ernam, " Name of Person who Created
    matnr LIKE mara-matnr, " Material number
    ersda LIKE mara-e rsda, " Creation date
    brgew LIKE mara-brgew, " Gross weight
    END OF gt_mara,
    3rd Table
    BEGIN OF gt_vbak OCCURS 0,
    vkorg LIKE vbak-vkorg, " Sales organization
    kunnr LIKE vbak-kunnr, " Sold-to party
    vbeln LIKE vbak-vbeln, " Sales document
    netwr LIKE vbak-netwr, " Net Value of the Sales Order
    waerk LIKE vbak-waerk, " SD document currency
    END OF gt_vbak.
    INITIALIZATION.
    v_1 = 'Maximum of records to read'.
    START-OF-SELECTION.
    Read data
    SELECT * FROM kna1
    UP TO p_max ROWS
    INTO CORRESPONDING FIELDS OF TABLE gt_kna1.
    SELECT * FROM mara
    UP TO p_max ROWS
    INTO CORRESPONDING FIELDS OF TABLE gt_mara.
    SELECT * FROM vbak
    UP TO p_max ROWS
    INTO CORRESPONDING FIELDS OF TABLE gt_vbak.
    CALL FUNCTION 'REUSE_ALV_BLOCK_LIST_INIT'
    EXPORTING
    i_callback_program = sy-cprog
    i_callback_user_command = 'USER_COMMAND'.
    PERFORM list_append TABLES gt_kna1
    USING '1'
    'GT_KNA1'.
    PERFORM list_append TABLES gt_mara
    USING '2'
    'GT_MARA'.
    PERFORM list_append TABLES gt_vbak
    USING '3'
    'GT_VBAK'.
    PERFORM f_list_display.
    FORM USER_COMMAND *
    FORM user_command USING i_ucomm LIKE sy-ucomm
    is_selfield TYPE slis_selfield. "#EC CALLED
    CASE i_ucomm.
    WHEN '&IC1'. " Pick
    CASE is_selfield-tabname.
    WHEN 'GT_MARA'.
    WHEN 'GT_KNA1'.
    WHEN 'GT_VBAK'.
    READ TABLE gt_vbak INDEX is_selfield-tabindex.
    IF sy-subrc EQ 0.
    Sales order number
    SET PARAMETER ID 'AUN' FIELD gt_vbak-vbeln.
    Display Sales Order
    CALL TRANSACTION 'VA03' AND SKIP FIRST SCREEN.
    ENDIF.
    ENDCASE.
    ENDCASE.
    ENDFORM. " USER_COMMAND
    ----< /div>
    Form list_append
    FORM list_append TABLES ut_table
    USING u_no TYPE char1
    u_tabname TYPE slis_tabname.
    Macro definition
    DEFINE m_fieldcat.
    ls_fieldcat-fieldname = &1.
    ls_fieldcat-ref_tabname = &2.
    append ls_fieldcat to lt_fieldcat.
    END-OF-DEFINITION.
    DEFINE m_sort.
    ls_sort-fieldname = &1.
    ls_sort-up = 'X'.
    append ls_sort to lt_sort.
    END-OF-DEFINITION.
    DATA :
    ls_fieldcat TYPE slis_fieldcat_alv,
    lt_fieldcat TYPE slis_t_fieldcat_alv, " Field catalog
    ls_sort TYPE slis_sortinfo_alv,
    lt_sort TYPE slis_t_sortinfo_alv. " Sort table
    DATA:
    lt_events TYPE slis_t_event,
    ls_event TYPE slis_alv_event,
    ls_layout TYPE slis_layout_alv.
    ls_layout-group_change_edit = 'X'.
    ls_layout-colwidth_optimize = 'X'.
    ls_layout-zebra = 'X'.
    ls_layout-detail_popup = 'X'.
    ls_layout-get_selinfos = 'X'.
    ls_layout-max_linesize = '200'.
    CASE u_no.
    WHEN '1'.
    Build field catalog and sort table
    m_fieldcat 'KUNNR' 'KNA1'.
    m_fieldcat 'ERNAM' 'KNA1'.
    m_fieldcat 'ERDAT' 'KNA1'.
    m_fieldcat 'NAME1' 'KNA1'.
    m_sort 'KUNNR'.
    WHEN '2'.
    m_fieldcat 'MATNR' 'MARA'.
    m_fieldcat 'ERNAM' 'MARA'.
    m_fieldcat 'ERSDA' 'MARA'.
    m_fieldcat 'BRGEW' 'MARA'.
    m_sort 'MATNR'.
    WHEN '3'.
    m_fieldcat 'VBELN' 'VBAK'.
    m_fieldcat 'VKORG' 'VBAK'.
    m_fieldcat 'KUNNR' 'VBAK'.
    m_fieldcat 'NETWR' 'VBAK'.
    m_fieldcat 'WAERK' 'VBAK'.
    m_sort 'VBELN'.
    ENDCASE.
    IF u_no CA '13'.
    MOVE 'TOP_OF_PAGE' TO ls_event-name.
    CONCATENATE 'TOP_OF_PAGE' u_no INTO ls_event-form.
    APPEND ls_event TO lt_events.
    ELSE.
    MOVE 'TOP_OF_LIST' TO ls_event-name.
    CONCATENATE 'TOP_OF_LIST' u_no INTO ls_event-form.
    APPEND ls_event TO lt_events.
    ENDIF.
    CALL FUNCTION 'REUSE_ALV_BLOCK_LIST_APPEND'
    EXPORTING
    it_fieldcat = lt_fieldcat
    is_layout = ls_layout
    i_tabname = u_tabname
    it_events = lt_events
    it_sort = lt_sort
    i_text =
    TABLES
    t_outtab = ut_table
    EXCEPTIONS
    program_error = 1
    maximum_of_appends_reached = 2
    OTHERS = 3.
    IF sy-subrc <> 0.
    MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno
    WITH sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
    ENDIF.
    ENDFORM. " LIST_APPEND
    Form f_list_display
    FORM f_list_display.
    DATA ls_print TYPE slis_print_alv.
    ls_print-no_print_selinfos = 'X'. " Display no selection infos
    ls_print-no_print_listinfos = 'X'. " Display no listinfos
    ls_print-reserve_lines = 2. " Lines reserved for end of page
    CALL FUNCTION 'REUSE_ALV_BLOCK_LIST_DISPLAY'
    EXPORTING
    i_interface_check = ' '
    is_print = ls_print
    EXCEPTIONS
    program_error = 1
    OTHERS = 2.
    IF sy-subrc <> 0.
    MESSAGE ID sy-msgid TYPE sy-msgty NUMBER sy-msgno
    WITH sy-msgv1 sy-msgv2 sy-msgv3 sy-msgv4.
    ENDIF.
    ENDFORM. " F_LIST_DISPLAY
    FORM top_of_page1 *
    FORM top_of_page1. "#EC CALLED
    PERFORM top_of_page.
    ENDFORM.
    FORM top_of_page3 *
    FORM top_of_page3. "#EC CALLED
    PERFORM top_of_page.
    ENDFORM.
    FORM top_of_page *
    FORM top_of_page.
    ULINE.
    WRITE : sy-uname, sy-title(56) CENTERED, sy-datum.
    ULINE.
    ENDFORM.
    FORM top_of_list2 *
    FORM top_of_list2. "#EC CALLED
    WRITE 'TOP OF LIST2'.
    ENDFORM.
    END OF PROGRAM Z_ALV_LIST_BLOCK ***********************

  • How do you make the background of an object transparent in Adobe Illustrator?

    Hello Forum.
    How do you make the background of an object transparent in Adobe Illustrator?
    I have been having issues with using the Magic Wand tool in Adobe Illustrator as well as the lasso tool.
    Basically, I am trying to put a small graphic into a new Illustrator file.
    The first thing I tried to do is to use the magic wand tool.  But I found out that this did not work on a jpeg image since it did not have any individual objects to select.
    So I tried something new.  I opened the file in Adobe Photoshop and used the lasso tool to select an area.  Then I coped this area.  Then I tried to paste it into Adobe Illustrator.  But the background was not transparent for the pasted image.
    How do I make the background transparent.
    I made this small video to show what I am talking about:
    http://youtu.be/2LgMGEF6z10

    Don't Copy/Paste the image.
    Make it transparent in Photoshop, save a PSD and place it in Illustrator

  • How do I make the background in an image transparent?

    ...How do I make the background in an image transparent?

    It sounds like you're gif is a picture of a white background with a black chess piece on top. If that's the case, you're going to have to cut the black chess piece out of the gif. Save ~just~ the image of the chess piece. Discard the white background. Use only the image of the black chess piece with no background image at all.
    Keep in mind that Java doesn't know that the white background isn't a part of the image. It doesn't understand that the white part is just the background. As far as it's concerned, the whole gif is the image. Only the component that ~contains~ that gif can become transparent.
    So, if you want to have a white background to start with and then have that background become transparent when the piece moves, make the background of the ~component~ holding the image of the chess piece white. When the piece moves, have the background of the component holding the image of the chess piece become transparent.

  • How do I make the background of my photo black in Photoshop CS6?

    How do I make the background of my photo black in Photoshop CS6?

    Hello there-
    There are several ways to go about this. Without more specific description on the photo you are using, I have provided a few links:
    Using the quick selection tool:
    Magic Wand tool:
    Others:
    Please let us know of any other questions:
    Janelle

  • Spry Accordion menu - How do you make tabs without content and make panel height fit the content?

    I have an Accordion Menu on my site and I would like to put a tab at the top that links to my homepage when clicked, instead of sliding open to show a content panel. I don't have any extra info to put in the content panel, so it would look kind of redundant to have it there.
    Also, each panel has a different amount of content, but they all default to the same height to fit the largest content. I want them to fit to the content of each panel. The only thing I've read said to set the height of the content panel to 100% in the CSS, but it didn't change anything.
    Thanks!
    Andrea
    http://www.andreamutsch.com

    You make it look so simple but it doesn't seem to be working for me...
    My first thought with getting rid of the tab content was to simply delete it, but when I do that I get a warning that 'The structure of the accordian appears to be damaged'. Then when I preview none of the tabs will open.
    This is what my accordian structure looks like with the tab content code deleted...
    <div id="Accordion1" tabindex="0">
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">home</div>
            </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">graphic design</div>
            <div class="AccordionPanelContent">
              <p align="center">identity </p>
              <p align="center">print </p>
              <p align="center">packaging</p>
              <p align="center">web </p>
            </div>
          </div>
    <div class="AccordionPanel">
            <div class="AccordionPanelTab">photography</div>
            <div class="AccordionPanelContent">
              <p>traditional</p>
              <p>digital</p>
              <p>retouch</p>
            </div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">contact</div>
            <div class="AccordionPanelContent">
              <p>email me</p>
              <p>design quote</p>
              <p>purchase photography</p>
            </div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">resume</div>
            <div class="AccordionPanelContent">download resume (.pdf)</div>
          </div>
          <div class="AccordionPanel">
            <div class="AccordionPanelTab">design blog</div>
            <div class="AccordionPanelContent">2009</div>
          </div>
    Also, getting rid of the height in the CSS had no effect (I did this before I did the above)
    Below is my current CSS for the Panel Content
    .AccordionPanelContent {
        overflow: auto;
        margin: 0px;
        padding: 0px;
        font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
        font-size: large;
        background-color: #633408;
        font-weight: normal;
        word-spacing: normal;
        text-align: center;
    Also there is a note in the CSS that says this...
    * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
    * Content container.
    I'm not sure how accurate that is since I don't have a height in there and it worked (although not how I wanted) but I just thought I would throw it in.

  • How can I make the text crisper and less blurry on my MacBook Pro?

    I just purchased my first MacBook Pro, and I absolutely love it, save for one potential deal breaker: The text displays blurry. Instead of stark, black on white text, there is a slight halo of grey (or whatever color the font is in) around every character. It makes the text look nice, but much harder to read. The characters are deliberately out of focus. Apparently this is normal, according to this article: http://seattletimes.nwsource.com/html/businesstechnology/2015823073_ptmrsh06.htm l
    Is there a way to fix (or work around) this? As a writer, I cannot type for eight hours a day on a computer that "softens" the text. I have tried adjusting my screen resolution (it's at the highest possible) and turning off "font-smoothing" (it's off). Nothing works. I called Apple support and they couldn't help me either. I can't believe there's not an easy fix for this.

    Humor me.
    Let's revisit the things you did, because they -should- have fixed the problems.
    !) to set screen resolution, you MUST use:
    System Preferences > Displays ...
    Use of the MenuBar item simply shows the last three chosen, not all available.
    And what is the screen resolution you are using now? 13" 15" or 17" display? Do you have the default glossy screen or the enhanced matte display?
    2) font smoothing.
    System Preferences > Appearance.
    I see no OFF. I see a checkbox to default to LCD smoothing, and I see   "turn off font smoothing for characters smaller than nn point", where nn is 4 to 12.
    How do you have these set?

  • How do I make the background of a file transparent (clear)?

    I am trying to place our logo into a presentation. It always comes up with a white backround, altho it shows transparent in the photshop file. How do I get it to be clear around the name and art that is in the logo?

    Hi Mimi,
    If your logo is coming up 'transparent' when you insert it into Photoshop but coming up with white background when you save it, it is one of the two things:
    You have a background layer (white) in your photoshop file
    You're exporting as JPEG or one of the other file formats that doesn't support transparency
    Follow these steps to get a transparent image from Photoshop for use in other programs such as Powerpoint or Word.
    Create a new document in Photoshop (File > New), ensure your background content setting is 'Transparent' as shown above
    Notice that your document doesn't have any white background
    Click File > Place and choose your logo file into Photoshop
    Notice the image I've placed is already a transparent image (based on your original question)
    Click on 'Crop' tool as shown above on the left and change setting to 'Unconstrained' as shown above. This will let you crop your image to the size of your logo before exporting it. Choose the sliders and select your crop area for the image. Hit Enter once you've selected your area.
    Now you'll have something like this. Your photoshop file will be cropped to your image and we're now ready to export this as an image.
    File > Save As to directly export this as a usable file for other applications. You could also first 'Save' the file as .PSD (for future editing) and then proceed to 'Save As'.
    Ensure the file format is 'PNG' or 'GIF''. This allows for transparency and also is lesser in filesize. I prefer PNG due to its superior quality. Hit Save.
    This is the output PNG file - a transparent file.
    Trust this helps.
    Feel free to post back if you have any more questions.
    Cheers,
    ST

  • How do I make the background of a logo transparent on a slide?

    This seems to be doc'd in the Captivate 7 User Guide, in "Properties of images and rollover images":
    ImageTransparent Background Select the color filler icon. All occurrences of one particular color in an image can be made transparent.
    ...  However, steps to reproduce:
    1. Ctl+sh+m to insert image (logo; lots of white background).
    2. Double-click image to open image's Properties Inspector.
    3. Under image is the following:
    4. I open what seems to be the color selector on the right, and select white.
    5. I click the eye-dropper icon on the left (which, when I mouse over it, has the tooltip, "Make the selected color transparent."
    Expected result: The white background becomes transparent.
    Actual result: The white background remains white.
    Am I barking up the wrong tree? What is the correct and effective way to render the white background in an image transparent?
    Thanks,
    Jeff

    Let us just say that Adobe UI designer was not in a good mood that day.
    If you notice closely, there is a semi-colon between the eye-dropper icon, which indicates that this icon is just a "label". Next to that is a button that you need to click. Click that, you get the color palette which also has the standard Pick Color filler. Select that filler and click the area on the image which you want to make transparent.
    Another alternative for this is, save the image in the PNG format and import it into Captivate. This is hassle-free and in my experience is more cleaner.
    Sreekanth

  • How do you make the background of your photo transparent?

    I have just cropped my pic using elements 12 and saved it as a png but it still has white corners around my circular pic. How do I get rid of the white corners?
    Thanks

    Rename the Background layer to anything else; this converts it to a "regular" layer. Select the white corners using the Magic Wand and Delete the selection. The white will be replaced by transparency.
    Initially, before you do the crop you can convert the Background layer. Then after cropping, with the circular selection still active, invert the circular selection and Delete.

  • How do I make a box change radius when hovering in Dreamweaver CS6 CSS

    I am trying to make the radius of my box containing text change when I hover over the link. I don't want the link to be the text itself because I need the link to span across each of my images.
    So here is my HTML:
    <div id="contentbox">
        <div id="pageblock">
           <div id="cdphoto">
                 <h2><a href="costumedesign.html"><div class="h2box">COSTUME DESIGN</div></a></h2>
           </div>
           <div id="gdphoto">
           <h2><a href="graphicdesign.html"><div class="h2box">GRAPHIC DESIGN</div></a></h2>
           </div>
           <div id="hmphoto">
           <h2><a href="hairandmakeup.html"><div class="h2box">HAIR &amp; MAKEUP</div></a></h2>
    CSS:
    .h2box {
      height: 20px;
      width: 240;
      margin-top: 272px;
      -moz-box-shadow: inset 0 0 10px #777777;
      -moz-box-shadow: inset 0 0 10px #7777777;
      box-shadow: inset 0 0 10px #777777;
      background-color: #000;
      opacity: 0.8;
    help

    Moved to the main Dreamweaver support forum.
    Without seeing the actual web page, it's difficult to give definitive advice on CSS. However, there are several problems with your HTML markup.
    It looks as though you're using <h2> tags for a navigation menu. <h2> tags are for second-level headings. They're not suitable for menu items.
    You have <div> elements nested inside your <h2> elements. A <div> is a standalone element that forms a block of its own. It cannot be used inside a text element, such as a heading or a paragraph. To apply markup to a part of a text element, you should use <span> instead of <div>.
    The simple answer to your original question, though, is to apply border-radius to .h2box:hover.
    .h2box:hover {
       border-radius: 15px;
    But for better help, post a URL to the page you're working on. Seeing everything in context makes a big difference to the advice that anyone can offer.

  • How do I make the screen contents normal size

    I have my screen contents too big and it does not all fit the screen. How do I change it to all fit in the screen?

    Check in SystemPreferences>Universal Access and see if Zoom is on. If you have toddlers or cats this can accidentally turned on by hitting a group of keys that include Option + Command + 8.
    To prevent this being accidentally activated in the future go to System Preferences>Keyboard>Keyboard Shortcuts>Universal Access and uncheck all the boxes.

  • When I upload pictures to my Air, they end up in a Pictures folder but not in iPhoto? How can I make the folder contents automatically go to iphoto?

    I recently had to get a new hard drive installed on my Air.  Now the contents of the Pictures folder are not in iPhoto.  This never happened with my old hard drive.   What do I need to do so that my pictures automatically go to iphoto.   PLUS, there are now two Pictures folders....

    List the contents of the two Pictures Folders?
    Regards
    TD

Maybe you are looking for

  • How can you transfer photos from one phone to another

    How can you transfer photos from phone to phone

  • Input and ouput out of sync by 16 samples

    I am generating a continuous ouput at 1khz at the maximum sample rate of my DAQ NI6363.  I want to read one period at the input but if i capture 2k sample at 2Mhz contunuously I dont get a ful perod and my input measurement results in a "running wave

  • Implementing a Mobile Positioning Provider

    I'm attempting to develop a mobile position provider (as described in the Wireless Dev. Guide, Section 15.7). Implementing the required interfaces seemed relatively straight forward (MPProviderSelector, MPProvider, and Positioner). I've run into an i

  • Nokia 5800 - Word-pdf

    Hello, How is it possible to view a word or pdf file i.e. file.doc and file.pdf Thanks

  • MacBook Pro Retina display with scratch/crack in the glass

    Hi, Can it be real, that on my new MacBook Pro Retina display I have a little scratch/crack in the glass out of the box? You can only see it if you have light (e.g withe) background on the display. I hope Apple Care will replace it. Does anybody else