(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..
-
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.
my 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.
-
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 youHello
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; }
-
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
ChrisBootstrap 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
Inorder to view a note behind the element.<br><div style="color:blue" font size="1">(240 char max)</font></div>
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,
MiniHey 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
-
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
-
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:
-
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?