Css problem in fxml
Hi;
i made a css loaded in fxml:
<AnchorPane id="AnchorPane" fx:id="ac" prefHeight="200.0" prefWidth="320.0" style="-fx-border-width: 10px; -fx-border-color: black;" xmlns:fx="http://javafx.com/fxml" fx:controller="style1.Style1Controller">
<stylesheets>
<URL value="@Style1.css" />
</stylesheets>
</AnchorPane>just an anchorpane ac :
#ac {
-fx-background-color: palegreen;
}but my ac don't get the color
if i write it in the Style window in scenebuilder it's ok
why? !!!!
Hi kapac,
Before starting CSS let you know about this clearly.
FXML attribute
id = this is the CSS ID of the Node
fx:id = this is the javafx variable name of that Node
styleclass = this is the CSS styleclass of that Node
CSS stuffs
#mynode = You can style your node with id
.myclass = You can style your node with classIn your case you are trying to set color of anchorpane with id where your id="AnchorPane" .
Instead of *#ac* you can change your css to *#AnchorPane*.
Thanks
Narayan
Similar Messages
-
Css problem in internet explorer
Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
position:relative;
font-family:verdana; font-size:12px;
margin:0; padding:1px; border:0;
white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
display:none;
position:absolute;
left:+5px;
top:+24px;
background:#fff;
padding:10px 18px;
line-height:180%;
border:1px solid silver;
border-radius: 6px;
box-shadow:1px 2px 5px #aaa;
z-index:99;
#userpanel>span>a {
border-bottom:1px solid silver;
margin-top: 5px;
}So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobiHi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53 -
Yes another strange IE CSS problem
Hi all,
I was wondering if some kind soul could help me work out
hopefully my last CSS problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will see a light blue line at the bottom of the left hand
side navigation menu. In Firefox and other browsers it isn't there,
they are behaving, but I can't work out why IE is showing that
there.
This is the HTML
Class mid is what shows the blue line.
#shop #content-wrapper #menu .mid {
background: url(/images/menu_div.gif) no-repeat left top;
padding-top: 9px;
padding-left: 5px;
color: #FFFFFF;
font-weight: bold;
font-size: 100%;
I don't understand why its showing near the botton in IE.
SteveDoooza wrote:
> Hi all,
> I was wondering if some kind soul could help me work out
hopefully my last CSS
> problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will
> see a light blue line at the bottom of the left hand
side navigation menu. In
> Firefox and other browsers it isn't there, they are
behaving, but I can't work
> out why IE is showing that there.
> I don't understand why its showing near the botton in
IE.
Its on you background image?
http://www.aclighting.com/images/menu_bottom.gif
IE is probably making a container slightly higher for some
reason and
therefore shows more of te background image.
Just use a 'dedicatted' background image minus the blue line -
Hi All,
I am in the process of making a website for a friend, when I ran into what looks like a css problem.
I purchased the css file in a template from a guy who does tutorials on youtube, I have contacted him on several occasions but his customer service is pretty awful and he hasn't replied to any contact.
When using a mobile or tablet to view the website the header and footer area is pushed to the left. (please see attached image)
I added 100% to the following containers but still it never changed them.
#header-wrapper
#footer-content-wrapper
#footer
If I change the widths to 1000px then it sorts it out for the mobile view but then the website on a pc/laptop is distorted.
the website can be found at www.leightonsterling.com
Thankyou in advance.There's nothing wrong with your site. That's exactly what fixed-width, centered layouts do in smaller displays. They move to the left. If you want a responsive web site that adjusts to mobile and tablet device widths, you need a Responsive Layout.
Look at FluidGrid Layouts in Dreamweaver CS6 & CC. Or use one of the following Responsive Frameworks to jump start your project.
Project Seven's Page Packs (commercial CSS Templates, Widgets & Extensions for DW)
http://www.projectseven.com/products/templates/index.htm
Excellent products, excellent customer support. A+++
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Fluid Grid Layouts in CS6
http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
Nancy O. -
Windows 8 and CSS problems (FF 16 & 17)
I just got a brand spanking new Win 8 computer (intl English). The only things installed on it are Adobe Master's Collection, Steam, Office and Firefox. In addition I tried installing adblocker, because that's a must for me and if this problem is resolved by removing it I will have to switch to another browser.
Now, the problem is that FF is having problems loading pages with CSS. Occasionally, this results in a pages with nothing at all (except background color, it seems) or with just unformatted text. Most of the time this is fixed by doing a shift+reload, but not always. Some times it's just partially fixed and some elements don't load still.
I've tried disabling all extensions and plugins and I've also tried resetting FF. The problem always comes back. I've even tried resetting my hosts file.
Do you have any more ways of fixing it? I believe I've done everything in my power, except change browsers (which I really don't want to do unless it's my only option).
The only thing I haven't tried, which I'll try now, is unpin all my app tabs and see if that fixes anything. I'll update this if I can...
Pages affected: Facebook (some of the time), Couch Potato (installed on my server - never seen this on other computers or even other browsers on my computer, always), MyFitnessPal (occasionally), and some low-tech dating page I'm on.
Cheers,
LarsSo, it still happens with a new an clean profile without extensions?
In that case you may have security software (firewall, anti-virus) that block some content.
You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (MAC)
You can also try to use the Web Console (Web Developer > Web Console;Ctrl+Shift+K) to see if you can identify network related issues.
*https://developer.mozilla.org/en/Tools/Web_Console
*https://developer.mozilla.org/en/Using_the_Web_Console -
Css problem in spry gallery demo, ie "doubled margin" for thumbnails
http://labs.adobe.com/technologies/spry/demos/gallery/
View page in both Firefox and IE6. Note that in Internet
Explorer (Windows), the margin on the left is double that of the
same in Firefox. This is a well-documented IE CSS issue that occurs
when a floated element also has margin set on the side to which it
is floated, as in float:left; margin:5px;
It's an issue when the margin is such that it causes wrapping
within the thumbnails parent container... in IE browsers.
Add display:inline to the #thumbnails div rule to correct the
problem.
Just FYI.
Donna CaseyThanks Donna! The fix will appear in the next drop.
--== Kin ==-- -
Link to CSS problem (in Design View)
Hello Dreamweaver experts,
In the Design View Dreamweaver CS3 is not picking up the
styles specified in a linked stylesheet. Let me explain...
I am using an application in our office that relies upon HTML
(but does not use a standard web browser).
I need to refer to linked stylesheets using a variable like
so;
[example #1]
<link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet" type="text/css" />
The use of the variable construction "{FILES_DIR}" eliminates
the need to hard code a drive letter into the link which is
preferrable. Without "{FILES_DIR}" I have to hard-code the drive
letter like so;
[example #2]
<link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
rel="stylesheet" type="text/css" -->
Both examples above yield the same result in the application
(the stylesheet is found and its styles properly applied).
However, only with example #2 does Dreamweaver's "design
view" pick up and apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its styles using example #1.
My question is how can I make Dreamweaver understand and
apply what "{FILES_DIR}" means.
Any tips, tricks or pointers would be most welcome..."horse.badorties" <[email protected]> wrote
in message
news:fh9o12$80d$[email protected]..
> Hello Dreamweaver experts,
>
> In the Design View Dreamweaver CS3 is not picking up the
styles specified
> in a
> linked stylesheet. Let me explain...
>
> I am using an application in our office that relies upon
HTML (but does
> not
> use a standard web browser).
>
> I need to refer to linked stylesheets using a variable
like so;
>
>
[example #1]
> <link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet"
> type="text/css" />
>
> The use of the variable construction "{FILES_DIR}"
eliminates the need to
> hard
> code a drive letter into the link which is preferrable.
Without
> "{FILES_DIR}"
> I have to hard-code the drive letter like so;
>
>
[example #2]
> <link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
> rel="stylesheet" type="text/css" -->
>
> Both examples above yield the same result in the
application (the
> stylesheet
> is found and its styles properly applied).
>
> However, only with example #2 does Dreamweaver's "design
view" pick up and
> apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its
> styles using example #1.
Did you look into "design-time" styles sheets? That may solve
your problem.
It won't take care of the path in the document though...
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows. -
I am working on a project for a web programming class. The
page I
created works perfectly in Firefox, Opera, and Safari, but
not in IE :-(
I explained this to my professor who thankfully said that it
was ok if
it didn't work in IE (The project involves other stuff, like
database
access, that is more important than trying to work around
browser bugs.)
However, it would be nice if it also worked in IE. If anyone
could offer
a few pointers to get my page to display properly in IE, I
would be
grateful.
My page is at
http://cs.uccs.edu/~wgarces/bargraph.html
There appears to be 2 problems:
1) Borders for table rows and cells do not show up.
2) Cells in the table above the graph do not appear to retain
the proper
width
Oh yeah, one more thing. The javascript is also borked in IE,
so the
scrolling effect does not work. I've been using Firebug for
javascript
debugging in Firefox. What debugger is normally used with IE?mzanime.com wrote:
> Well, first, fix the bugs:
>
http://validator.w3.org/check?uri=http://cs.uccs.edu/~wgarces/bargraph.html
>
>
>
http://jigsaw.w3.org/css-validator/validator?uri=http://cs.uccs.edu/~wgarces/def
> ault.css
>
> After thats done, then I'll see if I can troubleshoot.
>
Ok. Fixed it. I'm not sure why the validator was complaining
about the
color "orange" though. Eric Meyer's book says that it is a
valid color
in CSS 2.1. -
H:panelGrid and css problem?
Hi,
I have following piece of code:
<h:panelGrid columns="3" columnClasses="columnHeader,oddRow,evenRow" rowClasses="oddRow, evenRow" styleClass="tableSettings">
<h:outputLabel for="accountName">
<h:outputText value="Account Name"/>
</h:outputLabel>
<h:inputText id="accountName" value="#{Edit.accountName}" required="true"/>
<h:message for="accountName" styleClass="errorText"/>
<h:outputLabel for="accountDescription">
<h:outputText value="Account Description"/>
</h:outputLabel>
<h:inputText id="accountDescription" value="#{Edit.accountDescription}" required="true"/>
<h:message for="accountDescription" styleClass="errorText"/>
<h:outputLabel for="accountTypeName">
<h:outputText value="Account Type Name"/>
</h:outputLabel>
<h:inputText id="accountTypeName" value="#{Edit.accountTypeName}" required="true"/>
<h:message for="accountTypeName" styleClass="errorText"/>
</h:panelGrid>
<br/>
<h:commandButton id="clearAccount" action="clearAccount" value="Clear" actionListener="#{Edit.clear}"/> <!-- -->
<h:commandButton id="sendAccountInformation" action="#{Edit.sendMessage}" value="Send"/>
<br/>
<h:commandLink id="goToAllAccounts" action="goToAllAccounts" value="All Accounts" />In my css file I have .classHeader, .oddRow, .evenRow and a and a:hover classes:
.tableSettings {
border: solid #000000 1px;
width: 100%;
.columnHeader {
text-align: center;
nowrap: true;
background-color:"#000000";
color:"#FFFFFF";
.oddRow {
background-color: "#E0E0E0";
.evenRow {
background-color: white;
.errorMessage {
color : #FF0000;
font-weight: bolder;
a {
text-decoration: none;
color: #337799;
font-weight: bolder;
a:hover {
text-decoration:underline;
color: #abcdef; /*FF5555*/
font-weight: bolder;
}And problem I have is that link at the bottom is rendered correctly (and when it is hovered it changes color), but panelGrid is missing almost all styles, only border of the table is present. I've already tried removing columnClasses and rowClasses...
Does anybody know where can be a problem?
Regards,
morhenFound the problem. At the beginning of my *.jsp document I had:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">when I deleted
"http://www.w3.org/TR/html4/loose.dtd"styles appeared, but I don't know why... interesting... -
Very simple CSS problem - ive given up :(
please help a brother out:(
im desinging a page with 3 separate HTML files, and a PHP
file calling them.
problem: i cannot get rid of 1px space in top margin :(
i have tried everything
ps! top-margin: -1px doesnt work
my website link:
http://www.heat.ee/newhome/[/L]
3 html files + php
thnx for your help!On Sun, 21 Oct 2007 20:18:42 +0000 (UTC), "vortons"
<[email protected]> wrote:
>please help a brother out:(
>
> im desinging a page with 3 separate HTML files, and a
PHP file calling them.
> problem: i cannot get rid of 1px space in top margin :(
> i have tried everything
>
> ps! top-margin: -1px doesnt work
>
>
http://www.heat.ee/newhome/
>
http://www.heat.ee/newhome/files.zip
>
> thnx for your help!
Further to Tim's comments - there are css codes within the
body -
which is incorrect.
Validation gives more info:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.heat.ee%2Fnewhome%2F&charset=%28detect+ automatically%29&doctype=Inline&ss=1&group=0&verbose=1#line-40
~Malcolm N....
~ -
CSS Problem working with Frames
Hi guys! I'm repairing a client's website that includes a
shopping cart. When the site is first visited, I have the view cart
button hidden:
============= Frame One ================
html code:
<a id="viewcart" href=#>View Cart</a>
CSS code:
a#viewcart { visiblity: hidden;}
============= Frame Two ================
<FORM><INPUT TYPE="HIDDEN" NAME="product[]"
VALUE="Here Today Gone Tomorrow">
<INPUT TYPE="HIDDEN" NAME="price" VALUE="14.95">
<INPUT TYPE="SUBMIT" value="Add to Cart" name="B1">
</FORM>
I would like to turn the button on whenever an add to cart
button has been pressed.
If I were working within the same page, I think I could get
away with something like:
CSS Code:
form submit:active, a#viewcart { visiblity: visible;}
Am I thinking in the right direction or am I screwing up.
HELP!!!To affect Frame one by a button in frame two you are going to
have to reload
the whole frameset, which could cause you problems. If the
top frameset is
only to hold this link then there is little point in using it
over having
all the code on the same page and controlling it via CSS as
you have.
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"WebXperience" <[email protected]> wrote in
message
news:eildvv$l57$[email protected]..
> Hi guys! I'm repairing a client's website that includes
a shopping cart.
> When
> the site is first visited, I have the view cart button
hidden:
> ============= Frame One ================
> html code:
> <a id="viewcart" href=#>View Cart</a>
>
> CSS code:
> a#viewcart { visiblity: hidden;}
>
>
> ============= Frame Two ================
> <FORM><INPUT TYPE="HIDDEN" NAME="product[]"
VALUE="Here Today Gone
> Tomorrow">
> <INPUT TYPE="HIDDEN" NAME="price" VALUE="14.95">
> <INPUT TYPE="SUBMIT" value="Add to Cart"
name="B1">
> </FORM>
>
> I would like to turn the button on whenever an add to
cart button has been
> pressed.
> If I were working within the same page, I think I could
get away with
> something like:
>
> CSS Code:
> form submit:active, a#viewcart { visiblity: visible;}
>
> Am I thinking in the right direction or am I screwing
up.
>
> HELP!!!
>
> -
Hi
I have created a style sheet and linked it to a template to
form the basis of a website. I have included a background image in
the masthead. It works fine in Firefox, but when I review the
template or any pages made from the template in Internet Explorer
the background image is not visible. I have checked my CSS with the
W3C validator and there are no errors, so I am assuming that it is
an IE problem. If anyone can help it would be great, as at least
50% of the people who will wish to view the site I am trying to put
together will be using IE.Assuming that this is the correct path to the background
image, change
this -
background: url("../graphics/for banner.jpg")no-repeat right
top;
to this -
background: url("../graphics/for banner.jpg") no-repeat right
top;
(note missing space after the closing parenthesis)
Also, it's very bad form to have spaces in your
file/pathnames. I suuggest
that you rename those files.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"sallw" <[email protected]> wrote in message
news:[email protected]...
> Oh, and here is the code to the CSS
>
> /***********************************************/
> /* HTML tag styles */
> /***********************************************/
>
> body{
> font-family: Arial,sans-serif;
> color: #333333;
> line-height: 1.166;
> margin: 0px;
> padding: 0px;
> background-color: #f8f8fa;
> width: 100%;
> }
>
> a:link, a:visited, a:hover {
> color: #006699;
> text-decoration: none;
> }
>
> a:hover {
> text-decoration: underline;
> }
>
>
> h1, h2, h3, h4, h5, h6 {
> font-family: Arial,sans-serif;
> margin: 0px;
> padding: 0px;
> }
>
> h1{
> font-family: Times New Roman;
> font-size: 120%;
> color: #002a69;
> }
>
> h2{
> font-size: 114%;
> color: #006699;
> }
>
> h3{
> font-size: 100%;
> color: #002a69;
> }
>
> h4{
> font-size: 100%;
> font-weight: bold;
> color: #002a69;
> }
>
> h5{
> font-size: 100%;
> color: #334d55;
> }
>
> ul{
> list-style-type: square;
> }
>
> ul ul{
> list-style-type: disc;
> }
>
> ul ul ul{
> list-style-type: none;
> }
>
> label{
> font: bold 100% Arial,sans-serif;
> color: #334d55;
> }
>
>
> /***********************************************/
> /* Layout Divs */
> /***********************************************/
>
> #masthead{
> margin: 0;
> padding: 10px 0px;
> background: url("../graphics/for banner.jpg")no-repeat
right top;
> border-bottom: 1px solid #cccccc;
> width: 100%;
>
> }
>
> #navBar{
> margin: 0 80% 0 0;
> padding: 0px;
> background-color: #eeeeee;
> border-right: 1px solid #ccc;
> border-bottom: 1px solid #ccc;
> }
>
> #content{
> float:right;
> width: 75%;
> margin: 0;
> padding: 0 3% 0 0;
> }
>
>
> /***********************************************/
> /*Component Divs */
> /***********************************************/
>
> #siteName{
> margin: 0px;
> padding: 0px 0px 10px 10px;
> }
>
>
> /*************** #pageName styles **************/
>
> #pageName{
> padding: 10px 0px 0px 0px;
> }
>
>
> /************* #breadCrumb styles *************/
>
> #breadCrumb{
> font-size: 80%;
> padding: 5px 0px 5px 10px;
> }
>
>
> /************** .feature styles ***************/
>
> .feature{
> padding: 0px 0px 10px 10px;
> font-size: 80%;
> }
>
>
> /************* #siteInfo styles ***************/
>
> #siteInfo{
> clear: both;
> border: 1px solid #cccccc;
> font-size: 75%;
> color: #cccccc;
> padding: 10px 10px 10px 10px;
> margin-top: 0px;
> }
>
>
> #siteInfo img{
> padding: 4px 4px 4px 0px;
> vertical-align: middle;
> }
>
>
> /************* #search styles ***************/
>
> #search{
> padding: 5px 0px 5px 10px;
> border-bottom: 1px solid #cccccc;
> font-size: 90%;
> }
>
> #search form{
> margin: 0px;
> padding: 0px;
> }
>
> #search label{
> display: block;
> margin: 0px;
> padding: 0px;
> }
>
>
> /*********** #navBar link styles ***********/
>
> #navBar ul a:link, #navBar ul a:visited {display:
block;}
> #navBar ul {list-style: none; margin: 0; padding: 0;}
>
>
> #navBar li {border-bottom: 1px solid #EEE;}
>
>
> html>body #navBar li {border-bottom: none;}
>
>
>
> /*********** .relatedLinks styles ***********/
>
> .relatedLinks{
> margin: 0px;
> padding: 0px 0px 10px 10px;
> font-size: 90%;
> }
>
> .relatedLinks h3{
> padding: 10px 0px 2px 0px;
> }
> .relatedLinks a:visited{
> color: #006699;
> text-decoration: none;
> }
>
> .relatedLinks a:hover{
> color: #006699;
> text-decoration: underline;
> }
> /************** #headlines styles **************/
>
> #headlines{
> margin: 0px;
> padding: 10px 0px 20px 10px;
> font-size: 80%;
> }
>
> #headlines p{
> padding: 5px 0px 5px 0px;
> }
> -
FW 8 popup-menu in CSS problem with IE7 & Safari
Hi,
hope that anyone out there got some ideas in my issue. I was
already searching the forum for advice, but couldn't find
meaningful infos.
Here is my problem:
I designed a page in FW8 (Mac) with a nice popup-menu. I
exported this thing into DW8 having set the option to export the
menu as CSS and slices to layers. Then I rearranged the html File
and included some editable regions, as it was to be used as an
template.
Everything works fine in Firefox but IE7 and Safari
experience some problems.
The popup-layers are displayed behind the main text-area and
not in front of it - this makes navigation a bit complicated.
So teh menu is displayed with text and everything, but behind
the main text.
What I tried:
I tried to reset the z-Index of the popup-layers to values
below 10 (were set to 500) - didn't help.
I gave every single item a z-index - didn't help.
I gave the main text area an z-index of 0 or -1 - made the
layer disappear.
I reexported the whole thing - made me just crazy.
I worked through the css file for errors - maybe I'm not to
good in CSS ;)
I checked the forums, but could only find issues where the
menu was not displayed at all or the text was missing - doesn't
apply.
-- no more ideas :(
Link to my page:
Website
Link
I really appreciate your help! Any comments welcome!
patrick> I think it's a bug with ie7. It doesn't support
javascript completely,
> nor
> does it css.
I don't think this is accurate. Each browser supports things
differently,
and CSS is no exception, but support for javascript is fairly
reliable
across the board.
> but I can't find one that I can use my own images, yet
Then you are not looking in the right place. Go here -
http://www.projectseven.com/
and examine their extensive collection of menu products.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"udigrudi" <[email protected]> wrote in
message
news:ful3t7$n9u$[email protected]..
> I've had a similar problem, menus made in Fireworks 8
don't show up
> completely
> in ie7 for windows either. The menu shows up, but the
text of submenus
> with
> submenus doesn't show up.
>
> I think it's a bug with ie7. It doesn't support
javascript completely,
> nor
> does it css.
>
> Since your website has disappeared, I'm sorry I can't be
of more help.
> I'm
> thinking of getting a "third party" submenu generator
(but I can't find
> one
> that I can use my own images, yet)
> -
CSS problem-not rendering correctly in IE
Hi Group,
I'm relatively new to using CSS in my web sites, and have a
question concerning a site that I'm having a problem with.
The site is <
http://lennyhirsh.com/> and
the problems I'm having are with the top navigation 'rollovers' and
the inline navigation at the bottom of each page. On Firefox and
Safari, the site renders fine, and both the CSS rollovers and the
bottom navigation are rendered right.
However, I just looked at the site on Windows IE 5.5, and the
top rollovers are cut off and the bottom navigation is showing
vertically, instead of horizontally.
If anyone might have a few moments to take a look and offer
some guidance, it would be greatly appreciated.
Thanks so much!First off, you might like to check your page in a validator?
I saw this in your code:
<h1>Design Freedom – Universal Choice<h1/>
It's wrong and it might cause some layout anomolies. It should be:
<h1>Design Freedom – Universal Choice</h1>
I don't think it's the only place it's happening.
I only looked at the first site.
Martin -
CSS problems in Dreamweaver CC?
I am having problems getting the CSS to update properly when I make changes to the code in the CSS document in the left panel. I have to go into CSS Designer to make the changes in addition to writing code in the css document, but it is often easier to update the code in the document and not use CSS Designer.
At one point, a bizarre thick border appeared on an element that I had NOT styled in either CSS Designer or in the CSS document. When I tried to change the border, the border did not show up in settings in CSS Designer or in the CSS document panel. The only place that affected the border was by using the Properties in the panel at the bottom of the app window. Once I accessed the "CSS Designer" from the Properties panel, I could see the settings and get rid of them.
Wondering if this is some kind of bug? Or if anyone else is experiencing problems making changes to css in the css document window?I'll look for a DW forum. FYI, I'm on a Mac OS10.8.5, with most recent update for DW CC. I attached an external css to the file and it is shown correctly under Sources in CSS Designer (no extra styles are in the head of the document); that part works just fine. Formatting borders is pretty straight-forward—specify style, width, color for each side.
The question is why changes to the css don't always take effect if I write the css as code in the css panel (on the left side using split view)—even when I do a save. When I ALSO change settings in CSS Designer the changes DO appear in the CSS code panel, even duplicating the code I just entered there. One time I had to use the "Edit Rule" in the Properties box at the bottom of the app window to get the css to update.
The lack of consistency interferes with workflow.
I wish I could write the css in the code panel and have a refresh button like the one for Source Code changes.
Often it is much faster to write the css in the code panel. Scrolling through all the settings of the CSS Designer can be tedious and it's easy to make mistakes.
An example of this css is a sidebar div with a bottom border. When I was setting this up, it ended up with a thick solid black bottom border and I had trouble making a change. Eventually I succeeded via the Properties panel, but it should have updated via the css code panel OR CSS Designer.
#sidebar {
border-bottom: thin dotted #055900;
So, maybe this is a Creative Cloud issue, or maybe a DW issue.
Maybe you are looking for
-
Someone did some mayhem, to my " new to me " Apple eMac G4. I came home, (the G4 was asleep) when I woke it, the trash was an eject button, I had two web pages minimized, I went on line and Firefox worked as it had before. After, I shut it down that
-
I have an Officejet Pro L7680. I am attempting to print PowerPoint slide that have a blue background and white text with a white background and black text. I've made changes within PowerPoint and made adjustment when printing and neither helps. I sti
-
I have just upgraded my iPad to iOS 7 and now FaceTime and iMessage will not allow me to sign in. I enter my appl I'd and password but after a few minutes I get a message to say cannot activate try network connection then try again no matter how many
-
Running Windows Vista (64-Bit) with widescreen monitor.
-
Hi everyone, I was wondering if pages has something like an "autorecovery folder" and/or how I can set pages to save automatically every five minutes. It happened two times in a row to me, that a saved file was not refreshed after I worked on it for