HTML+CSS Issue

Hi there,
I am not sure if my question can be answered here, but here's what's happening:
I have a blog on my page that's hosted by Zenfolio, and they don't support this, yet its their interface doing this and not me. Whenever I insert a new image, and click next to it and then "enter" to make a new paragraph below for text or another image it is adding unwanted paragraphs! In the photo below there should be one paragraph and not 8.
I used to have this happen to me in Dreamweaver rarely, but I was able to go in HTML view and simply delete the extra paragraphs without altering the rest of the layout. If I go in HTML view in that interface it will not just delete those paragraphs, but would mangle up everything....see the other screen shot: It is moving the text around the image which is not what I want.
This interface I am typing now is very similar with the one from Zenfolio, here too I inserted these photos, and had to click next to them + enter to go down to the next paragraph, and when I looked at the HTML there was only one paragraph spacing between the images as it should be; so the question is why is it doing this and how do I stop it!? I rather not use tables. (Which was their suggestion, and which has also a spacing problem; I set the height of the cell to 22 for example and when previewing the post its at least 60).

Hi,
I don't have that option...this is what I have there: They don't allow many options apparently on the posts; I can't change the margin either, and its set to like 45 or something...really far from the side of the page. I can customize the CSS for the rest of the page, but not the blog part. I have an issue with the text size too because it makes it 1.36% larger by default, and whenever I change that it won't remember it as I continue on the same line. I set the size at 12, and after I put a period, and continue on the same line it blows the text again at 16.
I emailed them about it...that interface also doesn't correct spellings; it underlines them but not offers the correction, it offers me to paste from word...which is very annoying.
Thank you,

Similar Messages

HTML+CSS conversion issue with nth-child() selector

Why doesn't Adobe Acrobat XI Pro convert the below HTML code correctly when I try to create a PDF from it?
I've simplified the actual code significanly in order to present the problem in its simplest possible form. The code below uses the CSS "counter" feature to modify <li> elements according to a specific pattern. This code enumerates and indents every third line in the progression 1,4,7,10,13, ...
In Firefox and Internet Explorer, this code is displayed correctly, but Acrobat XI Pro ignores the lines with the "nth-child(3n+1)" selector which contain directives to hide line enumeration on non-matching lines and to indent text on matching lines. Acrobat XI Pro instead displays line enumeration for all lines and doesn't indent text on any line, as if the two directives containing the "nth-child(3n+1)" selector were not present at all.
Is this a bug or is it an unsupported feature in Adobe Acrobat XI Pro?
Whichever the case, any suggestions on a not too labourious alternative method to achieve the same result?
As things are, I've been forced to resort to using the so called "poor man's nth-child selector" workaround (abouthalf.com/development/poor-mans-nth-child-selector-for-ie-7-and-8/), which requires manual specification of each line's content with ever-increasing code extension/repetition. It gets the job done, but in a very messy and time-consuming way, and it only works with pre-defined static content. In terms of size, the difference is that of less than 1kb CSS file size when using the nth-child() selector vs more than 75kb CSS file size when using the above mentioned workaround, for a 250 line predefined stylesheet.
Surely there has to be a better way to deal with this issue? Support for a core HTML/CSS feature that generates ordered layout patterns for line enumeration, indentation, etc, would seem like a top priority feature to support in a product such as Adobe Acrobat Pro, given its focus on page layout...
<html>
<head>
<style type="text/css">
body { margin: 75px 90px; }
li { list-style-type: none; counter-increment: listing; }
li:after { content: counter(listing); float: right; margin-right: -2em; visibility: visible; }
li:not(:nth-child(3n+1)):after { visibility: hidden; }
li:nth-child(3n+1) { text-indent: 25px; }
</style>
</head>
<body>
<li>Line One</li>
<li>Line Two</li>
<li>Line Three</li>
<li>Line Four</li>
<li>Line Five</li>
<li>Line Six</li>
<li>Line Seven</li>
<li>Line Eight</li>
<li>Line Nine</li>
<li>Line Ten</li>
</body>
</html>

Any suggestion what the issue and/or solution might be?

How can I use my Html/CSS Navigation bar to control an Edge Stage?

I have an HTML/CSS navigation bar set up in my EDGE created page. The Navbar is not created in edge. I would like to use these buttons to control the stage.
Inside the stage the main timeline has labels and stop actions every 1.5 secs to create a horizontally sliding site.
The labels are as follows: home, work, blog, profile, and contact. I can easily use a symbol created inside edge for example:
sym.play("home");
and animate a 6000px width symbol across my 1000px stage in 1000px increments.
I do not want to use a symbol inside of edge to do this because I cannot create the effect that the html/css navbar has on mouseover inside of edge.
So I am interested in knowing if I can use this bar to control my main timeline so I don't have to sacrifice design for functionality.
currently the link list is setup with the standard hyperlink. What code would I use to play the stage on click of the html navbar?
Many thanks to anyone who can help with this!
Here is the code for the navbar:
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
Full HTML:
<!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 <title>Untitled</title>

 <script type="text/javascript" charset="utf-8" src="workapp_edgePreload.js"></script>
 <style>
 .edgeLoad-EDGE-57204389 { visibility:hidden; }
 .block-menu {
 display: block;
 background: #000;
 .block-menu li {
 display: inline-block;
 .block-menu li a {
 color: #fff;
 display: block;
 text-decoration: none;
 font-family: 'Passion One',Arial,sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-font-smoothing: antialiased;
 font-smoothing: antialiased;
 text-transform: uppercase;
 overflow: visible;
 line-height: 20px;
 font-size: 24px;
 padding: 15px 10px;
 /* animation domination */
 .three-d {
 -webkit-perspective: 200px;
 -moz-perspective: 200px;
 perspective: 200px;
 -webkit-transition: all .07s linear;
 -moz-transition: all .07s linear;
 transition: all .07s linear;
 position: relative;
 .three-d:not(.active):hover {
 cursor: pointer;
 .three-d:not(.active):hover .three-d-box,
 .three-d:not(.active):focus .three-d-box {
 -moz-transform: translateZ(-25px) rotateX(90deg);
 -webkit-transform: translateZ(-25px) rotateX(90deg);
 -o-transform: translateZ(-25px) rotateX(90deg);
 transform: translateZ(-25px) rotateX(90deg);
 .three-d-box {
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 -o-transition: all .3s ease-out;
 transition: all .3s ease-out;
 -webkit-transform: translatez(-25px);
 -moz-transform: translatez(-25px);
 -o-transform: translatez(-25px);
 transform: translatez(-25px);
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 -ms-transform-style: preserve-3d;
 -o-transform-style: preserve-3d;
 transform-style: preserve-3d;
 pointer-events: none;
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 100%;
 height: 100%;
 .front {
 -webkit-transform: rotatex(0deg) translatez(25px);
 -moz-transform: rotatex(0deg) translatez(25px);
 -o-transform: rotatex(0deg) translatez(25px);
 transform: rotatex(0deg) translatez(25px);
 .back {
 -webkit-transform: rotatex(-90deg) translatez(25px);
 -moz-transform: rotatex(-90deg) translatez(25px);
 -o-transform: rotatex(-90deg) translatez(25px);
 transform: rotatex(-90deg) translatez(25px);
 color: #FFE7C4;
 .front, .back {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background: black;
 padding: 15px 10px;
 color: white;
 pointer-events: none;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 </style>

</head>
<body>
<div id="menu"><ul class="block-menu">
 <li><a href="/home" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>
 <li><a href="/demos" class="three-d">
 Work
 WorkWork
 </a></li>
 <li><a href="/deals" class="three-d">
 Blog
 BlogBlog
 </a></li>
 <li><a href="/about" class="three-d">
 Profile
 ProfileProfile
 </a></li>
 <li><a href="/about" class="three-d">
 Contact
 ContactContact
 </a></li>
 </ul>
</div>
<div id="Stage" class="EDGE-57204389">
</div>
</body>
</html>

I've come across this from the Edge API:
Edge.getComposition(compId)
Anyone having trouble with this same issue should try this:
var targetComp = AdobeEdge.getComposition('TARGETCOMPID');
 targetComp.getStage().play();
in their trigger or event handler.
How I got it to work:
<li><a href="javascript:var targetComp = AdobeEdge.getComposition('EDGE-57204389');
 targetComp.getStage().play();" class="three-d">
 Dynamic
 DynamicArtisans
 </a></li>

HTML/CSS match to InDesign layout

Hello,
I have been given the task of taking an InDesign layout from CS6, and building it in HTML/CSS. The challenging part is that it is required to be 1:1 pixel perfect. When I open it in Google Chrome–which is going to be the standard browser it’s opened in–the font raggs differently.
When I overlay a PNG of the HTML site, and a PNG from the InDesign file it is no where close to pixel-perfect. The text wrapping differently is the main issue at hand. I have tried every CSS hack possible to adjust letter-spacing and word-spacing, I've also explored Google Fonts to attempt to get a better match.
Does anyone have any experience with a similar ask? In CS6 you can’t specify type pixels, I’m not sure it would matter if you could, because it seems that InDesign is using it’s own conversion for what it considers a pixel.
Please help!!!

Agreed, it's way too optimistic. InDesign is a typographic design application, under development since 1999. Already in its very first version, its type engine came "fully grown and armed, with a shout", supporting enough advanced features to squash all but the very stubbornest competition (I'm looking at you, TeX).
HTML/CSS, on the other hand, has had problems displaying "plain text" since its very beginnings. Only the very latest version of CSS finally addresses some typographic features (probably unnecessary to add, but anyway: with mixed results for different browsers).
" ..it seems that InDesign is using [its] own conversion for what it considers a pixel", you bet it does. After all, there was a web crowd that outright demanded "pixels" to be a measurement unit in InDesign. Adobe did a have a stab at adding pixels, and if one would ask me, they did it the wrong way. But that's no fault in InDesign. ID has its roots firmly in the "real world", that is, you can design a document with a precision right up to the wavelength of visible light; and ID will happily produce output for it. Your "pixel", on the other -- Darker -- Side, "is" not a real thing. It has no width or height. If you think it does, it goes only for your screen. You may say, "but if necesasry I can hold a magnifier to my screen and count the itty bitty lights!" What if you do so, and discover that your screen does not consist of square pixels, but round ones, or hexagonal, or elongated rectangles? And any measurement would only be value for just your screen. What about mine, your bosses', or your client's?
Following John's advice, here is a list of features you would need to switch off (as most are enabled by default) before you can even think of mimicking ID's sophisticated text engine in HTML:
ligatures
alternate characters
real small capitals
tabular or oldstyle figures
.. wait -- better switch off *all* OTF features
Paragraph composer. Use the dumb One Line At A Time And We'll See How Far We Get Composer.
Language based hyphenation.
Minimum/Optimal/Maximum Word Spacing (CSS must be using this internally, else it could not show justified text; however, I don't think you can set its parameters)
Letter Spacing and Glyph Scaling (although to be fair, these seem to be already off by default).
~16 decimals of precision for every object, line width, text size, spacing, et cetera
any real-world based measurement unit.
I probably forgot a few too.
--- add.
Advanced character/class kerning
Optical kerning (not enabled by default)
-- add2.
Balance Ragged Lines (off by default; but you can't use it)
Optical Margin Alignment (as above)
Align to Baseline grid
last line indent
Align to spine
justify last line (can only be achieved with span/div tricks)
tabs
about all internal hyphenation settings (CSS allows 'none', 'manual', and 'auto')
live text color outline (I may be mistaken, but I bet if it were possible literally everybody would be using it by now -- just like the dreaded "blink" tag did, before it was deemed illegal by federal law)
skewed text. I know, nobody with a grain of sense uses it in ID.[*] Still, you can't do it in CSS so I'm gonna list it anyway.
[*] Except myself, by the way. But I don't use it willy-nilly, only after exhausting all the good and the bad options; then yes, I go for the Ugly look.
Message was edited by: [Jongware]
Message was edited by: [Jongware]

Firefox 3 CSS issues.

Hello,
We haven't seen any big issues either with the Firefox 3 beta's or Firefox 3 but now that FF 3 is out in the wild and no longer beta there are many more people using it. If you see any strange new CSS issue , in the Application Builder , SQL Workshop .. etc. I'd be much obliged if you posted it here.
Here is a good example http://oracleinsights.blogspot.com/2008/06/oracle-apex-builder-css-fix-for.html even though Mark went so far as to figure out the fix , thanks Mark , don't feel the need to do that just a quick post on the page and/or circumstance you saw it would be great.
Thanks in advance,
Carl
blog : http://carlback.blogspot.com/
apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5

Hi Carl,
Here's something Firebug showed me:
FirebugContext.browser is undefined
E("ContentArea")apex_ns_3_1.js (line 1)
? in apex_ns_3_1.js@1("ContentArea")apex_ns_3_1.js (line 1)
$x("ContentArea")apex_3_1.js (line 1)
$x_Style(["BB", "ContentArea", "ContentBody"], "display", "")apex_3_1.js (line 1)
$x_Show(["BB", "ContentArea", "ContentBody"])apex_3_1.js (line 1)
filterAttributeRegions(a#ALL.htmldbButtonListCurrent f?p=4000:4...682252#ALL, "#DEFAULTALL")apex_builder.js (line 1)
propTest()apex_builder.js (line 1)
? in apex_3_1.js@1()apex_3_1.js (line 1)
[Break on this error] var NameSpaceOnly=false;var apex={};if(a...aram("x02",C);H.ajax.add(I,B);H._get()};
Regards,
Dimitri
-- http://dgielis.blogspot.com/
-- http://www.apex-evangelists.com/
-- http://www.apexblogs.info/

CSS issue in IE 7

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3300698008_833609
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
Hi
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and
picking it up as I go along. Yep another learner!
It¹s at
http://www.dmcdist.co.uk/CSS_Site/index.html
As I see it the Spry menu I¹ve created is shunted up to
the top over the DMC
logo whereas if I look at in Firefox 3 and the Mac browsers
it¹s absolutely
fine. Has IE 7 got issues with certain CSS inputs because
I¹ve tried
everything to get it to jump down.
Thanks.
--B_3300698008_833609
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>CSS issue in IE 7</TITLE>
</HEAD>
<BODY>
Hi 
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and pic=
king it up as I go along. Yep another learner! 
It’s at <a href=3D"
/www.dmcdist.co.uk/CSS_Site/index.html</a> 
 
As I see it the Spry menu I’ve created is shunted
up to the top over =
the DMC logo whereas if I look at in Firefox 3 and the Mac
browsers it&#8217=
;s absolutely fine. Has IE 7 got issues with certain CSS
inputs because I&#8=
217;ve tried everything to get it to jump down. 
 
Thanks.
</BODY>
</HTML>
--B_3300698008_833609--

> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3300714750_1854234
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
I¹ve got around it by putting line spacing in above the
Spry table but I¹m
sure there must be a better workaround.
On 04/08/2008 5:00 pm, in article
C4BCE642.8A9E%[email protected], "Garry Bradley"
<[email protected]> wrote:
> Can I bump this as I need to try and figure it out.
>
>
> On 04/08/2008 12:33 pm, in article
C4BCA798.8A57%[email protected],
> "Garry Bradley" <[email protected]>
wrote:
>
>> Hi
>> I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and
>> picking it up as I go along. Yep another learner!
>> It¹s at
http://www.dmcdist.co.uk/CSS_Site/index.html
>>
>> As I see it the Spry menu I¹ve created is
shunted up to the top over the DMC
>> logo whereas if I look at in Firefox 3 and the Mac
browsers it¹s absolutely
>> fine. Has IE 7 got issues with certain CSS inputs
because I¹ve tried
>> everything to get it to jump down.
>>
>> Thanks.
>
--B_3300714750_1854234
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>Re: CSS issue in IE 7</TITLE>
</HEAD>
<BODY>
I’ve got around it by putting line spacing in
above the Spry table b=
ut I’m sure there must be a better
workaround. 
 
 
On 04/08/2008 5:00 pm, in article <a
href=3D"C4BCE642.8A9E%garry.bradley@btin=
ternet.com">C4BCE642.8A9E%[email protected]</a>,
"Garry Brad=
ley" <<a
href=3D"[email protected]">garry.bradley@btinterne=
t.com</a>> wrote: 
 
<BLOCKQUOTE><=
SPAN STYLE=3D'font-size:11pt'>Can I bump this as I need to
try and figure it o=
ut. 
 
 
On 04/08/2008 12:33 pm, in article <a
href=3D"C4BCA798.8A57%garry.bradley@bti=
nternet.com">C4BCA798.8A57%[email protected]</a>,
"Garry Bra=
dley" <<a
href=3D"[email protected]">garry.bradley@btintern=
et.com</a>> wrote: 
 
<BLOCKQUOTE><=
SPAN STYLE=3D'font-size:11pt'>Hi 
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and pic=
king it up as I go along. Yep another learner! 
It’s at <a href=3D"
/www.dmcdist.co.uk/CSS_Site/index.html</a> 
 
As I see it the Spry menu I’ve created is shunted
up to the top over =
the DMC logo whereas if I look at in Firefox 3 and the Mac
browsers it&#8217=
;s absolutely fine. Has IE 7 got issues with certain CSS
inputs because I&#8=
217;ve tried everything to get it to jump down. 
 
Thanks. 
</BLOCKQUOTE>=
 
</BLOCKQUOTE>
</BODY>
</HTML>
--B_3300714750_1854234--

ADA Fixes for Robohelp: Frames & CSS Issues

Fellow Robohelpers:
I am attempting to resolve a set of major issues within Robohelp 8
a) Frames are not properly named in Robohelp 8. Is anyone aware with which files to change (post generation or pre-generation of outputs) to rename Frames so the visually impaired user is clearly informed which frame they are on
b)When you disable CSS, the navigational elements (frames) become a jumble. They do not function correctly (TOC, Index, Search) since Robohelp is heavily CSS dependent and hides objects (text fields, the various left hand navigational elments) behind CSS.
Any reccomendations how to resolve these, or insights as to how to make Adobe aware of this! I have been reaching out to them about this for quite some time! I am hoping capturing a workaround for at least a) will make the tool one step closer to ADA compliance (screen reader compliance)
Thanks
Yaseen

Hi,
I guess your output is WebHelp. First, try to create 'Section 508 compliant' output or pure HTML output. This may solve quite a bit of your problems.
If you don't want that output, this is what I think:
a) RH nests a lot of frames, but start looking at the launch file, the csh.htm file, whskinfrmset01.htm and whskin_frmset010.htm. Note that if you change the names of frames, this may cause some scripts to stop functioning...
b) As for the CSS issues, the only way to make that work is to manually sort out all problems and amend the javascripts.
If you want to let Adobe know your wish, use the wish form: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&product=38
Greet,
Willam

Background image seems to be applied twice Can someone help with this CSS issue....

Can someone help with this CSS issue....
http://66.162.81.144/cms400min/default.aspx
If you view the main page you will see that our background is
2 shades of
orange.. if you look at the line that divides those colors to
the right and
left you wil notice that the line is higher
if you notice that it seems that there is another background
on top of the
first one..its the only thing i can think of..
the only place where the image is being referenced is in this
CSS style
html, body
min-height:100%;
margin-bottom:1px;
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Is there something wrong with the above CSS that could or
would cause this?
is it because im applying the image to both the HTML and
BODY?
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008

You've attached the background to both the html and the body.
I would do this:
html, body {
min-height:100%;
margin-bottom:1px;
body{
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Having said that the image doesn't look any higher on the
right than the
left to me in Firefox. Is it just an optical illusion?
Daniel wrote:
> Can someone help with this CSS issue....
>
>
http://66.162.81.144/cms400min/default.aspx
>
> If you view the main page you will see that our
background is 2 shades of
> orange.. if you look at the line that divides those
colors to the right and
> left you wil notice that the line is higher
>
> if you notice that it seems that there is another
background on top of the
> first one..its the only thing i can think of..
>
> the only place where the image is being referenced is in
this CSS style
>
> html, body
>
> {
>
> min-height:100%;
>
> margin-bottom:1px;
>
> text-align:center;
>
> background-repeat:no-repeat;
>
> background-image:url(images/Background-Color2.jpg);
>
> background-color:#F74902;
>
> background-position:center;
>
> background-attachment:fixed;
>
>
> }
>
> Is there something wrong with the above CSS that could
or would cause this?
> is it because im applying the image to both the HTML and
BODY?
>

Odd CSS issue in Design View

In either Design View or Split View (in the Design view
section), I cannot mouse select or highlight text in the main
content portion of the page. The cursor remains as the default
arrow and does not switch to the text cursor. As far as I can tell,
this is a CSS based issue (since if the CSS file is not used, the
text can be selected). This occurs in CS2 and CS3. The CSS and
XHTML validate, so I'm really confused.
The troubled area is the central content starting with the H2
heading "About Us." I know Dreamweaver can be a
little on on displaying CSS properly, but this just seemed to be
too much. Any one else seen anything this flakey? Or, does any one
else see an error in the CSS that I am missing?
The big issue with this is that the code
appears fine and displays in browsers ok, but client's will
use the Design view in Dreamweaver to update content. If they
cannot select the text then it is possible they will think the
HTML/CSS is broken. Even though designs can be done in multiple
ways, I like this solution to a 3 column fixed-width design with
header and a footer that moves down depending on body
content.

The first thing is to remove this code from your file:
<style type="text/css">

</style>
The above code isn't doing anything special when you have already defined the style sheet using this:
<link href="styles/styles.css" rel="stylesheet" type="text/css" />
Once you have done it, post back again and tell us what other problems do you actually see.
The page online and your code given here aren't the same. So check this and rectify it.
G/L

Wrong Alignment of data in the HTML CSS format

hi,
i generated a report in both HTMLCSS & in PDF
in the PDF all the headers & the fields alignment are alright
but if i am generating it in HTML CSS the format is collapsed
can anyone tell me what is the issue while generating it in HTML format
Thanks

Hi,
I am not sure are you using spring framework or what. if yes you can populate data in command object in referenceData method of simpleformcontroller and that data will be available to the UI.

Urgent CSS issue in Safari! LIVE site *****

A site I recently wrapped up was working great in all
browsers, and for some reason I hopped on Safari today and noticed
it's not formatting right at all! I'm not sure where the issue is
as it was hunkey dorey before, and am hoping somebody on here might
know so I can fix it quickly before there are complaints from
people browsing to the site.
http://www.mackinnonicehorse.com
Anybody have any ideas? If you look at it in other browsers
you'll see how the navigation should be, and there are some other
small CSS issues in Safari that I'm seeing. It was working fine
though… ideas? Please help!

Never mind… there was ONE little mistake in my
stylesheet that I fixed and BAM - everything back to normal.
PHEW!!! :)

Inserting HTML/CSS in a Tabbed Panel

I've been having trouble inserting HTML/CSS into a Tabbed Panel widget. In this case, the HTML/CSS is creating a text box with scroll bars (as described in an excellent workaround for getting scroll bars to work).
Has anyone else come across this situation?
Thanks!

I'm not seeing the same problem (the scrolling text box displays fine in the tabbed panel for me).
Does your HTML container fit within the content area of the panel?
Here are screenshots from Muse Design view:
and Preview in Browser (Firefox):
When you say it's not working, what exactly do you mean? What's happening?
Best regards,
Corey
Edited: Adding topic on creating scrolling text box for reference: http://forums.adobe.com/message/4327943#4327943)

Hierarchy Viewer CSS issue

Hi,
I have a Fusion Web Application in Jdeveloper 12C that gets the colors and skinning from a CSS file.
When i add:
af|dvt-hierarchyViewer
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #000000 300%);
    background-color: currentColor;
    background-attachment: scroll;
to my CSS file and run my application, the Hierarchy opens with a grey colour but then it flashes back to the default light blue gradient of fusionFx-simple-v2.desktop as soon as it tries to fetch data.
But if i change these settings on the Hierarchy itself, the colour changes to the grey and it stays grey.
Any help with this will be appreciated
Stefan du Preez

Duplicate Hierarchy Viewer CSS issue
Timo

MSOutlook HTML newsletter issues - large gaps between large images and small gaps...

Please can you help me!
Searched the web & found plently of advice but still getting formatting display issue when viewing HTML newsletter in MS Outlook.
Fully aware on the basics regarding the multiple issues when creating HTML newsletters but this is driving me crazy.
Apparently there is a image height limit within Outlook (can't find out what this is) so I have sliced my larger images into 5/6 parts which solves the display issue in Outlook.
But the gaps between the slices are now being displayed as small blank spaces within Hotmail.
I did use between each slice as without caused the fixed 600px wide containing table to expand due to the slices stacking hoz.
Also still getting small gaps (like spaces) between all images in Outlook when displaying perfectly (no gaps) in a browser.
This is my newsletter displaying correctly via a browser:
http://eu.shorts.tv/site-admin/modules/mod_mail/SHORTSTV_DECEMBER_2012.htm
Using Dreamweaver 4 (do have the latest version via Adobe Creative Cloud Membership but not on this system).
Hope you can help
Many thanks

Many thanks David
I also found this article which is currently sitting on my desk.
Pdf would make perfect sense or even a url link to view via a browser but these guys need it contained within the email.
Thanks again for your kind advice.
Regards
ShortsTV
Date: Fri, 30 Nov 2012 18:05:08 -0700
From: [email protected]
To: [email protected]
Subject: MSOutlook HTML newsletter issues - large gaps between large images and small gaps...
 Re: MSOutlook HTML newsletter issues - large gaps between large images and small gaps...
 created by David__B in Adobe Creative Cloud - View the full discussion
Hey Shortstv, Not something I know much about, searched and found thishttp://robcubbon.com/create-html-email-newsletters-outlook/ Maybe create it as a PDF attachment instead? -Dave
 Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4888255#4888255
 Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4888255#4888255
 To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4888255#4888255. In the Actions box on the right, click the Stop Email Notifications link.
 Start a new discussion in Adobe Creative Cloud by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

CSS issue in EM

HI,
We have soa suite installed in cloud for the learners and sometimes the Em doesn't load properly..looks like some CSS issue.
How to debug it? what could be the problem?
thanks
Sanjeeva

Sanjeeva,
What do you mean by "Em doesn't load properly"?
Can you post more details? While loading EM look at the log file as well.
Arik

HTML+CSS Issue

Similar Messages

Maybe you are looking for