(Max-Height) to hide the text - CSS transitions reveal text... ?

Hi all.

I'm trying to make use of the CSS transitions in DW CS6.  I have an icon that is located in a div with text underneath.  I set the max-height of the div to show only the icon and in my transitions, I put the maximum at 900 px height when a score event has occurred.  I don't get this job.  I can still see the text even with my max-height set to show only the icon.

I guess I'm missing something simple here.

Any help would be appreciated.

Your link was useful because I discovered that I have not set the overlow hidden.  However, I am still not able to get the transition to work.  Here is my css code for the div one, that I'm working on. My transition should force the div tag for more great based on the amount of content is beyond the point of overflow.  Am I missing something else?

{#photosection}

position: absolute;

left: 39px;

top: 207px;

Width: 258px;

z index: 202;

-webkit-transition: all s 0.75 facilitated in 0.75 s;

-moz-transition: all s 0.75 facilitated in 0.75 s;

-ms-transition: all s 0.75 facilitated in 0.75 s;

-o - transition: all s 0.75 facilitated in 0.75 s;

transition: all s 0.75 facilitated in 0.75 s;

overflow: hidden;

height: 175px;

}

{#photosection: hover}

Max-height: 999px;

}

Tags: Dreamweaver

Similar Questions

  • Hide the text output of Web app

    I have a web application that is released to two lists in numerical order.  A list of the 10 works very well. The others, I want to show only the largest number in this list. It displays the highest number in this list, but it also generates the following:

    • 1
    • 2
    • Next

    I want to hide the text from view. The module I use is {module_webapps, 19851, c., 77844, 1, 1} . Now what input CSS or Java can use to hide the text above?

    Thank you

    Why do? You can do this with pure CSS >

    Wrap the list in a container with ID and you can hide the paginaiton as it has class fairly easy. The rest and how BC outputs paging is also easy.

    First element of a list of li thus is also done in pure CSS.

  • hide the text label in the section report IR under certain conditions

    Hello
    We have a textlabel and a calculated field in a section of report to the IR 11.1.2.1. Is it possible (in a script) to hide the textlabel and field based on certain conditions, like for example, if the field computes to 'zero '?
    Thank you.

    Use a field instead of the text label. In the Expression Editor you can use the function if() {} else {}

    HTH

    Wayne

  • How to hide the text fixed when it is not needed?

    Hi all
    I use a fixed text in many reports to detailed questions.
    How to cancel or hide these fixed text when there is no data returned for a query in detail in the report?

    Note: I use reports 6i.

    Select the text and press F11 to invoke the PL/SQL Editor and use the code below.

    IF your_condition_when_no_data_returned THEN
      RETURN FALSE;
    ELSE
      RETURN TRUE;
    END IF;
    

    -Clément

  • Show and hide the text in a page of questions / answers

    I need to create a FAQ page in Flex3. The page initially lists all questions with a "Show" button after each question.

    A click of a button 'Show', the answer to this specific question is inserted and displayed below

    the question and the button becomes "hide the answer.

    A click on the button "Hide the answer," despairs the answer to this question, the questions (and answers if there is)

    below moves upward to support the space and the button becomes «See the answer»

    Suggestions or examples? DataGrid with masking of rows? Directly using state transitions?

    I would use visible and includeInLayout properties

    Alex Harui

    Flex SDK Developer

    Adobe Systems Inc..

    Blog: http://blogs.adobe.com/aharui

  • Show / hide the text box drop-down list database

    Hi all

    First time post here - wahoo!  :-)  Brand new user of LiveCycle, and so far I'm loving - very cool app!  I am a bit puzzled, however, and hoping someone can help...

    I am using LiveCycle version 8.05 and try to build a form that has a drop-down list with departments in our Organization.  If the user selects the elements 1-5 on my list, I want two other fields at autopopulated (one for the Admin Assistant) and one for Dept Head.  If however the user selects 'Other', I want a text box (it will be hidden the rest of the time) where the person will be able to type in the Department they work for.  For now, I'm only interested on getting the box 'Other' to appear; I'll worry about the other stuff later.

    Elsewhere in my form, I have a functioning drop-down list that displays a text based on the selection field; However, for some reason this logic does not work with the situation described above.

    My code for the working text field is (in JavaScript)

    var
    
    (sNewSel)
    case "1": 
    switch
    {
    
         TextField6.rawValue = "My text is in here";
    break;
    case "2":
    
    
    
    = "My second text is in here ";
    
    
    break;
    "3":
    
    case 
    
    = "My third text is in here.";
    break;
    TextField6.rawValue
    
    default:
    }
    break;
    
    
    TextField6.rawValue 
    
    
    sNewSel = this.boundItem(xfa.event.newText);
    

    After many fruitless hours yesterday, I got only to the extent where the code below; This was more or less copied right out of a post here.  When I click on the drop-down list, select 'Other', the text field is displayed.  I tried the definition of the text field to the times 'Hidden' and 'Visible' through properties of the object, but no luck.  I tried to use IF statements, subforms and anything else I could think of but am getting nowhere.

    var nSubLength = Subform1.nodes.length;
    var 
    sSelectField 
    for
    
    {if
    {switch (xfa.event.newText) 
    (case "6":
    Subform1.nodes.item(nCount).presence
    break
    default:
    Subform1.nodes.item(nCount).presence
    break
    }
    }
    }
    ;
    = "invisible";;= "visible";((Subform1.nodes.item(nCount).className == 
    "field") &(Subform1.nodes.item(nCount).name== sSelectField)) 
    (var nCount = 0; 
    nCount < nSubLength; 
    nCount++) sSelectField = fieldList.rawValue;
    = sSelectField.replace(' ', '');

    Any ideas?  This is very new to me, but I am familiar with other programming languages, and something this simple should not be difficult which leads me to think I'm missing something.

    Thanks in advance

    Chris

    It was easier to create a sample for you... Please see the attachment.  I think that's what you want.

    The code is on the change event of the DDList

    Paul

  • Hide the 'Text Input Port' of the text frames

    Hi guys,.

    I have this small problem where I use a path as a block of text. Naturally, this block of text automatically gets the small squares in the corners which are used for blocks of text string set (I think they are called input and output ports). However, now I want to change the path using the direct Selection tool, but I can't move the top left node because it is covered by the port of entry of text.

    Here is a picture to help understand my problem: http://imgur.com/i4aTiiP

    As you can see, the top left node of the path is covered by a small blue square. When I click on that tool Direct Selection, I get the cursor text appended to the end and could now link this text block to another. But I want to switch the node instead.

    Is it possible to hide these places of port of entry of text or otherwise circumvent this problem?

    Thanks in advance!

    See you soon

    HappyTetrahedron

    First thing I would try is zoom way on this point, and you might be able to see and enter it.

    If this does not work, turn off the path, then go over it with the direct Selection tool and you should be able to select the point and move it without releasing the mouse.

    If all else fails, move one of the points on each side of this one to change the geometry and the inport must move the starting point.

  • Date and form validation if java is disabled and obligation to hide the text areas to start

    Hi, currently my web page has a form on it where it select where there is a date entry and a speaker, and two text boxes where only is visible depending on the results of the verification of availability.

    Here is an example of the part of the shape of my page.

    Screen+shot+2011-04-06+at+5.32.32+PM.pngScreen shot 2011-04-06 at 5.32.54 PM.pngmy form with spry validation. no date or selected speaker.

    I have a few questions.

    First of all:

    When my page loads first the speaker's text non-reserved area is visible and the speaker is reserved textarea is hidden.  I guess that's because loading my page it refers to my database and nothing is so the speaker is non-reserved textarea is visible and the speaker is the placeholder text is hidden.

    How to get two text boxes to hide on start to the top of the page?  Here is my php code to the beginning of the model.

    ==============

    <? php require_once('.. / Connections/conEmjMarketing.php');? >

    <? PHP

    If (! function_exists ("GetSQLValueString")) {}

    function GetSQLValueString ($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")

    {

    If (via PHP_VERSION < 6) {}

    $theValue = get_magic_quotes_gpc()? stripslashes ($TheValue): $theValue;

    }


    $theValue = function_exists ("mysql_real_escape_string")? mysql_real_escape_string ($TheValue): mysql_escape_string ($theValue);


    Switch ($theType) {}

    case 'text ':

    $theValue = ($theValue! = "")? « " ». $theValue. "" "": "NULL";

    break;

    case "long":

    case "int":

    $theValue = ($theValue! = "")? intval ($TheValue): 'NULL ';

    break;

    case "double":

    $theValue = ($theValue! = "")? doubleVal ($TheValue): 'NULL ';

    break;

    case "date":

    $theValue = ($theValue! = "")? « " ». $theValue. "" "": "NULL";

    break;

    case "set":

    $theValue = ($theValue! = "")? $theDefinedValue: $theNotDefinedValue;

    break;

    }

    Return $theValue;

    }

    }



    @mysql_select_db ($database_conEmjMarketing, $conEmjMarketing);

    $query_rsCurrEvents = "SELECT speakerRequested, event, place, datebooked, startTime, endTime OF booking ORDER BY datebooked ASC";

    $rsCurrEvents = mysql_query ($query_rsCurrEvents, $conEmjMarketing) or die (mysql_error ());

    $row_rsCurrEvents = mysql_fetch_assoc ($rsCurrEvents);

    $totalRows_rsCurrEvents = mysql_num_rows ($rsCurrEvents);

    $query_rsCurrEvents = "SELECT speakerRequested, event, place, datebooked, startTime, endTime OF booking ORDER BY datebooked ASC";

    $rsCurrEvents = mysql_query ($query_rsCurrEvents, $conEmjMarketing) or die (mysql_error ());

    $row_rsCurrEvents = mysql_fetch_assoc ($rsCurrEvents);

    $totalRows_rsCurrEvents = mysql_num_rows ($rsCurrEvents);

    $query_rsCurrEvents = "SELECT speakerRequested, event, place, datebooked, startTime, endTime OF booking ORDER BY datebooked ASC";

    $rsCurrEvents = mysql_query ($query_rsCurrEvents, $conEmjMarketing) or die (mysql_error ());

    $row_rsCurrEvents = mysql_fetch_assoc ($rsCurrEvents);

    $totalRows_rsCurrEvents = mysql_num_rows ($rsCurrEvents);



    @mysql_select_db ($database_conEmjMarketing, $conEmjMarketing);

    $query_rsSpeakers = "SELECT speaker speaker speaker ORDER BY ASC";

    $rsSpeakers = mysql_query ($query_rsSpeakers, $conEmjMarketing) or die (mysql_error ());

    $row_rsSpeakers = mysql_fetch_assoc ($rsSpeakers);

    $totalRows_rsSpeakers = mysql_num_rows ($rsSpeakers);


    $colname_rsAvailability = "-1";

    If (isset($_POST['speakerRequested'])) {}

    $colname_rsAvailability = $_POST ['speakerRequested'];

    }

    $colname2_rsAvailability = "-1";

    If (isset($_POST['datebooked'])) {}

    $colname2_rsAvailability = $_POST ['datebooked'];

    }

    @mysql_select_db ($database_conEmjMarketing, $conEmjMarketing);

    $query_rsAvailability = sprintf ("" SELECT speakerRequested, datebooked FROM reservations WHERE speakerRequested as AND bookings.datebooked %s = %s ", GetSQLValueString ('%'.") $colname_rsAvailability. ('%', 'text'), GetSQLValueString ($colname2_rsAvailability, 'date'));

    $rsAvailability = mysql_query ($query_rsAvailability, $conEmjMarketing) or die (mysql_error ());

    $row_rsAvailability = mysql_fetch_assoc ($rsAvailability);

    $totalRows_rsAvailability = mysql_num_rows ($rsAvailability);

    ======================

    The second question:

    My form works very well with spry validation.  Validation of date format for the date text box work, validation for the speaker select jobs.  My question is how to validate that the date is a valid date and speaker selection box is not empty if java is disabled?

    Where do I put this code? How do I call? How can I show that the field is in error?

    Thank you winrol

    If you return to the solution I created for the date, you will see that the error messages are displayed by elseif clauses. You must do the same for the message of the speaker.

        Please select a Speaker.    Please select a Speaker.
    
        Please select a Speaker.
    
    
  • Firefox exceeds the page down when a bar at the top of some websites (ThinkProgress) opens and hides the text time that Firefox has already moved to the bottom.

    When I go to one of the new articles (not the home page) of http://thinkprogress.org/ , and then press the 'next page', a bar or window appears in the upper part, which obscures the part of the page. I think it's because the site does not place the bar until after I have scrolled down several rows on the initial page and then that Firefox has already calculated the number of lines to move down. The problem will not occur on the bottom of next page because the bar is already in place. I did not have the bar and want to make him stop appearing.

    -- I already have "block pop-up windows" activated and ThinkProgress is not one of the allowed exceptions.
    -- I am using Mac OSX 10.9.2 on a 3.06 GHz Intel Core 2 Duo
    

    Ahh... This is a header. Some web pages, when you move down, place it in
    the top of the screen. If you go up to the top of the page, it should
    Go away.

  • try to hide the text of apex via dynamic action element

    the question becomes hidden but still visible label...
    Thank you

    Hello

    This probably has something to do with the model of the label used for the element.
    If your don't not using a language model try using a (probably solve your problem immediately).
    If you use a template which the theme / what model / version apex?

    Concerning
    Bottom

  • Firefox 4.0. Give me a "home" without the text label button please

    In Firefox 4.0 the 'Home' button may not appear without the text "home".

    If you are unable to keep this hidden text then try this code in userChrome.css

    See:

    Add code to userChrome.css below @namespace.

    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
    #home-button .toolbarbutton-text { display:none !important; }
    

    You can hide the text on the bookmarks menu button with this code:

    #bookmarks-menu-button .toolbarbutton-text { display:none !important; }
    
  • hide the div tags

    I'm tying to hide the text phone and e-mail in the office, but shown in mobile.

    The following code does not work for some reason any? Any suggestions?

    @charset "utf-8";

    {.mobilecontact}

    display: none;

    }

    @media only screen and (min-width: 481px) {}

    {.mobilecontact}

    Display: block;

    }

    }

    Thank you


    Chris

    Bootstrap has some helper classes for this.

    Reference Classes CSS bootstrap Helper

    This content is hidden on the medium & large devices

    Nancy O.

  • How to hide post text of item in page element

    Hi friends,

    I have a page titled Justification in which under the element text of this article post I give as
    <br><div style="color:blue" font size="1">(240 char max)</font></div>
    Inorder to view a note behind the element.

    But the element of justification page must don't come until after checking the page of another element called reason (which is an option button). So for this I wrote a DA(hide/show) for display of the justification of the point of the page only when the page right element is checked.

    But the problem is that the text of element position within this element of page Justification does not hide with this element (in the DA).


    How can I hide the text of item post in the justification for page element. so I can see this text when the reason page element box is checked as well as the justification for a page element.

    Brgds,
    Mini

    Hey Mini,

    I just write bad :/

    The function is $x_Hide () not $p_Hide ();

    Thnx

  • Hide the month displayed in the calendar

    Is it possible to hide the text indicating the month and year in the calendar?

    That is to say. September 2008

    I want to use an element of the selection list instead so that users can choose which month they want to display instead of scrolling thru 1 at a time.

    You can do this by using the CSS, which would depend on the theme, for example, the little calendar on page 4 of the sample application, using the 15 theme:

    .t15SmallCalendarHolder {
      border-top: 1px solid;
    }
    .t15SmallCalendarHolder .t15MonthTitle {
      display: none;
    }
    

    put the CSS code in your style or HTML page header sheet.

  • Question of FACT while hiding the text field

    Hello

    Code written in the way: trying to hide the text field by ticking a box (box is to have fire action)... when the user activates the box to check, capturing fire action and hide the text field...

    Question: but when the action of fire box is drawn, no code executes methods processformdata and processformrequest of my custom controllers but throwing error saying forces de FACTO fields are required and my box is checked, but field text is not hidden.

    If required: here, if DFF fields mandatory error throws then box must be unchecked.


    Note: required fields in FACT have not yet entered. If entered and then clicking on the check box text box will be hidden. the problem is only when de FACTO mandatory fields are not entered and trying to hide the text on the checkbox fields.


    Required resolution: have to skip the mandatory FDF check GOLD fields when a FDF survey error then the box should not be checked (automatically unchecked)


    Thanks in advance...


    Kind regards

    RAM

    Hi AJ,.

    implemented in the other direction...

    Fact FDF mandatory configuration option and run the mandatory audit of de FACTO on the presentation page.

    now it's completely works well...

    Thanks AJ.

    Kind regards

    RAM

Maybe you are looking for

  • Why Firefox Sync does not work on my home network, but at work?

    Firefox Sync on my laptop does not work when my laptop is connected to my home network, but for example if I'm at my desk. The internet connection in my house is fine, I can surf the web with this same Firefox on IPv4 and IPv6, DNS etc. also works. C

  • AdBlocker keeps disappearing

    I was glad with no problems for centuries, but he just disappeared one day. As in, he's going to go to work with the small icon in the browser, to be simply missing, no notification, no icon and of course advertising not being blocked, and don't chec

  • G40 black screen and no bios

    I was intending to downgrade my laptop to 8.1Then I go to the bios and enable the legacyAfter recordingAll I have now is a black screen(does not appear the lenovo logo)And I can't enter bios mode or same recoveryI need helpThanks in advance Mod edit:

  • How change HP Photosmart B209a default scanning, such as changing .jpg at the exit of the .png file?

    Since upgrading my all-in-one HP Photosmart B209a, I can't find any more a link to the dialog box used to change things like .jpg .png output files, or the folder in which the Photosmart stores.  How to make these changes now?

  • Solution needed! can not play videos on media center via pc or xbox360

    When I click on media center to windows on my pc, I go to my videos click 1, and then press play, the media center closed its doors and only comes with error messages or anything and I'm back on the desktop. Is there a way to solve the problem?