Layout and CSS

http://www.video-excel.com/GUtest.html
i have been struggling to figure out exactly what he's doing
with the above site. can someone recommend some tips or tutorials
on the web related to applying classes to div's? i understand how
to apply css to div's using identifiers but i was unaware that you
can apply classes to divs. i thought that was only for textual.
any help or forwarding links are appreciated.

.foo { color: green; }
<div class="foo">This is green</div>
Select, and right click on the <div> in the Tag
Selector bar. Select Set
Class > foo.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Deaf Mike" <[email protected]> wrote in
message
news:ervnek$h93$[email protected]..
>
http://www.video-excel.com/GUtest.html
>
> i have been struggling to figure out exactly what he's
doing with the
> above
> site. can someone recommend some tips or tutorials on
the web related to
> applying classes to div's? i understand how to apply css
to div's using
> identifiers but i was unaware that you can apply classes
to divs. i
> thought
> that was only for textual.
>
> any help or forwarding links are appreciated.
>

Similar Messages

HTML layout and CSS handling in CQ5

OK...so this may sound like a newbie question...because it is. Kinda.
I'm new to CQ5 but am an experienced web developer. CQ5 doesn't appear to provide tools to layout of web pages (html tags, divs, css styling, ...). I'm comfortable doing this by hand, but that seems rather old school in the days of Dreamweaver and such.
What layout/design tools do you recommend for creating HTML and CSS pages for use in CQ5? I have wireframes in-hand and ready to translate to HTML.
Thanks!

None of the enterprise content management systems that I've used, including CQ, provide WYSIWYG tools for building the layouts/templates of the site.
I always build complete static versions of the designs/wireframes by hand entirely outside of CQ. I prefer Textmate, but of course you can use whatever visual tool you prefer. After the static HTML passes muster it then needs to be integrated, by hand, into CQ in the form of page and content components. This is generally straightforward (depending on the design).
CQ 5.5 does give you the Site Importer to help bring an existing page (or set of pages) into CQ which it then breaks up into the beginnings of a project, but in reality the developer will still need to break that up even further anyway. Applying this integration by hand from the ground up will likely give you better control and awareness of what's going on in your project. Letting to much "magic" happen behind a slick wizard or WYSIWYG won't help you when something (inevitably) needs debugging and dissection.
Having said all this, since the Adobe acquisition of CQ, I wouldn't be surprised if there was some kind of Dreamweaver plugin in the works for connecting to CQ!
Good luck!

Not able to access Site logo from layout and css After removing all the permission from site

Hi Techis,
I have stucked here, actually I have removed permissions from all the users from the site and after sometime I got the mails from client that they are not able to access the Site logo and css in the site.
When I logged from Farm account and checked I can see everything working fine.Also the masterpage and all are checked in
I am not getting whats the exact issue.I stucked here from last one day Please help me to solve this issue.
Thanks Regards,
Simanchal

Hello,
Is it the publishing site? If so then go to site permission and provide permission to "NT AUTHORITY\authenticated users" to "Style Resource Readers" group.
You also need to make sure that "style library" is inheriting permission from parent otherwise you need to give at least read permission to library for all users. To verify this, just open view all site content page-->then click on style library,then
check permission.
Let us know your result
Hemendra:Yesterday is just a memory,Tomorrow we may never see<br/> Please remember to mark the replies as answers if they help and unmark them if they provide no help

Css layout problems - css and tables

Hi guys,
Well as some of you suggested months ago, I've been trying to
learn to layout with CSS... It's actually getting a bit rewarding
now as I start to figure a few things out but there's still plenty
of questions!!!
If anyone can take a look at what I'm working on at the
moment and give me some help I'd REALLY REALLY appreciate it!!
My main trouble (I think) is working with a drop-down menu
system that I found on the web and I'm dying to use it because it's
perfect for this design. It's layed out using a table so I'm trying
to incorporate that...
Click
[url=http://home.iprimus.com.au/jediwdog/ltc/mockup2.jpg]here[/url]
for a picture of what i'm trying to get this page to look like and
[url=http://home.iprimus.com.au/jediwdog/ltc/example1.html]here[/url]
to see how far I've got. You can download the stylesheet from
[url=http://home.iprimus.com.au/jediwdog/ltc/example1.css]here[/url].
Here's what I need to know:
1. I'm trying to push the table down so it looks better lined
up with the logo but when I tell it to be further from the top, it
doesn't seem to move. Any ideas on why?
2. As you can see, I've inserted some blank space into the
middle of the menu so that the logo doesn't cover any of the menu
items. I can't seem to get the same 1px black border on this
section.
I assume this is because the border on the other parts is a
layer/div border? Will I have to somehow put a div in there so as
to create the same border effect?
3. I'd really like to keep the header and footer visible at
all times, even if there's lots of content to scroll through. I
found this:
http://www.cssplay.co.uk/layouts/basics2.html#Top
but when I tried to implement this on my page, it all went haywire!
Is this going to be a possibility?
4. I guess other than that, have I completely stuffed this
up!? I don't think I have but it's worth asking I guess!
THANKS IN ADVANCE! I'm really loving using css layout rather
than tables - it's soooo much more versatile. I just need to get
past some obstacles I think!
Cheers
Neil

On Wed, 24 Jan 2007 22:17:20 +0000 (UTC), "Barb S."
<[email protected]> wrote:
>Ok, I made your suggested changes and have this:
>
> body {
> font-family: Georgia, "Times New Roman", Times, serif;
> text-align: center;
> font-size: 1em;
> font-style: normal;
> text-decoration: none;
> top: 15px;
> background-image:
url(/images/backgrounds/background1.gif);
> padding-top: 15px;
>>>> width: 70%;
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
> }
>
> #body {
> margin: 0 auto;
> text-align:left;
> width: 760px;
> padding-right: 20px;
> padding-bottom: 20px;
> padding-left: 20px;
> background-color: #FFFFCC;
> padding-top: 20px;
> font-family: Georgia, "Times New Roman", Times, serif;
> font-size: 1em;
> color: #003366;
>
> }
>
>
http://www.japanesetemari.com
>
> The page is on the left size of the screen and the
yellow box does not expand
>out. Not exactly what I'd wanted. I like to take
advantage of larger screens
>and have the page expand out but not so far out so the
lines of text are real
>long.
> Barb
It's this in the body style that is limiting the width -
change that
to 100%
>>>> width: 70%;
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
> }
~Malcolm N....
~

CSS layout and Internationalization of JSF apps

We use message bundles to handle internationalization in our JSF applications. This approach seems to work as we used HTML tables (or rather <h:panelGrid> tags) to layout components on the page.
We had numerous customer complaints about tons of extra white space left on the screen in languages like German (where some words are very long). There are other issues with grid layouts, and we decided to give CSS positioning a try.
I wonder, what folks on this forum think about using CSSP in conjunciton with JSF components. Also, given that text strings have different length in different languages, what is the i18n approach? Afterall, coordinates that work in English may not be accurate in German.
Any suggestions, ideas, pointers would be greatly appreciated.
Thanks,
Vadim.

Hi guys.
The problem seems a little bit weird. But you could try the following. It is just the idea.
1. You should recover the .properties file and get the Map for the current Locale. This should have to be done maybe in the Backing bean.
2. Get the maximum length of the UIOutputText elements present in the form that you need to control its length. Now the important thing here is that you should have the value atribute of the UIOutputText objects based on an internationalized Base Bundle prefix. Just cut -based on the substring of the value attribute- the name of the property.
3. Consider that you have to look in the Map the entry you just obtained from the UIOutputText object. After get the value of that Map entry (a String object) and get its length. At the end of the loop you sould have get the maximum length in characters of the component values to be displayed.
4. Fix that value as an attribute in the backing bean.
5. Use the output of that value to generate the style in CSS, as an String attribute of the Backing Bean. Base your CSS construction in "em" measures
6. Change the -style- attribute in each component to reflect the correct length using CSS like this -style="#�{backingBeanName.style}"-. With this you will get an space dependent of the length of the localized values.
Again. It is just a suggestion, I had not tried it already but I guess that will be my way in that case.
Greets from Ecuador

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)

How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;

Abdelqader Alnobani wrote:
How can I make a part of the body of my content full width of the screen with a fluid grid layout in CSS? (In dreamweaver program)
and I know it is being over-ridden by
.gridContainer {
width: 88.5%;
max-width: 1232px;
padding-left: 0.75%;
padding-right: 0.75%;
margin: auto;
clear: none;
float: none;
Logically a structure something like below should work BUT whether or not it will upset the FG I don't know as I wouldn't ever use it.
<div class="gridContainer">
Top Code Section Goes Here
</div>

<div id="fullWidth">
Full width section goes here
</div>

<div class="gridContainer">
Bottom Code Section Goes Here
</div>

HTML and CSS Best Practices for Eloqua?

Hello Topliners Community,
My name is Ben and I am a Web Designer. I am currently looking for any guidance on HTML and CSS best practices when working with Eloqua. I am interested in the best practices for e-mail and landing pages.
Thank you,
Ben

Personally I like to upload my custom created html/css into Eloqua instead of using the WYSIWYG.
But if you must then right clicking on text boxes and click edit source is the way to go.
There was a good discussion on editing your forms with CSS:
Energize Your Eloqua10 Forms with CSS
created by Ryan Wheler on Nov 2, 2012 8:44 AM, last modified by Greg Stotler on Sep 19, 2013 2:00 PM
Version 2
CSS can be used to heavily customize the layout of forms in Eloqua10. In this article we will provide sample cover some common formatting use cases on Eloqua10 Landing Pages. Further details about uses of CSS in Eloqua10 form templates can be found here: EE12 - Do It - Eloqua - Energize E10 Forms
Eloqua10 Forms HTML Structure
Below is an outline of the structure of the HTML generated by Eloqua when a form is added to a landing page. By targeting the HTML classes highlighted below, we can control the layout of any form on your landing page.
For the rest of page: http://topliners.eloqua.com/docs/DOC-3015

Newsletter creation and CSS export in Adobe Fireworks

I am a new to adobe fireworks and am currently in the trial mode of my download.
I was advised that Adobe FIreworks CS6 is the ideal program to create graphics and text to build a newsletter for my company.
Not knowing much about the program, I was able to add graphics, text and hotspots on specific images and text with an html link for customers to be able to click to sign up for the newsletter via our website.
The million dollar question I have is how in the world do I export this document and paste it into the "body" of an email to send to 5k contacts?
I do not want an attachment, I want the body fo the email to be html or css coded, but I know nothing about either of the two or how to do it.
I did find one video that walked me thru the export css process, but none of my images were shown and 90% of the text was missing.
I believe I need to understand "layers" to get this to work properly but could really use some help!
I am dangerously close to missing out on advertising to all 5k contacts before the holiday. Please help!!
BTW - the reason for doing this instead of using standard mailchimp or constant contact is because I purchased my email list and those are forbidden in both constant contact and mailchimp hence why i need to create my own opt-in newsletter to get people to opt-in via my website.
Thanks in Advance!!

Seriously, do not use Fireworks to generate the html for your webpage. It is graphics program with *some* html capabilites, but I would never use it for a live site. It is always best to create the layout in Fireworks, slice it up as for use as individual images, or uses 'pieces' for background images and write the markup (html + css) in Dreamweaver or a HTML editor of your choice.
This tutorial may help you make the transition. Naturally it helps to have at least a basic knowledge of html and css before working with Dreamweaver, it will make using DW so much easier.
TAKING FIREWORKS COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Creating your first website (series) (using Dreamweaver)
http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WS42d4a1c0291fbe4e59147ede1232ff9686c-8 000.html
Nadia
Adobe® Community Expert : Dreamweaver
http://www.perrelink.com.au
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
http://twitter.com/nadiap

Trying to make sense of div tags and css

i know that i am a few years late here, but i am looking ot make the migration from using tables and switching over to div tags and css. i have watched a few tutorials on you tube and am trying to understand everything.
please tell me if this is correct. a div tag is basically a table and css is what is used to style that div tag to meet your needs, is this a correct assumption??
if you go to my current site www.tankinz.com you can clearly see that the site is made up of tables, basically these boxes or tables contain a different item or package that a customer can click on and buy. by using div tags and css would each of these boxes, or tables be their own div?
sorry for sounding a bit moronic but i am trying to make sense of all of this.
please help!

Markup (html) contains elements, such as html, body, h1, h2, p, span, div and so forth. Hence a <div>-tag is part of an element; the other part being the </div>-tag.
The element structure of many web sites is basically (using HTML5 element names)
html
     head
     body
          header
          nav
          aside
          article
          footer
These elements can be positioned and styled using style rules (css). Depending on the style rules, the above structure can take on many different styles, without ever touching the markup.
Have a look here for a simple two-column layout using the same structure as above http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

Tiles, jsf and css

Hi,
I use JSF with Tiles for the first time to built a web application.
I have a problem with my stylesheet which I use for my layout and the other pieces of pages.
When I start my application, the first page works and the look and feel uses the stylesheet. But when I call an other page, the stylesheet isn't apply. I know there is a problem with the context path ...
For the moment, I declare my stylesheet like that :
<link rel="stylesheet" href="/css/style.css" type="text/css">
So, it works only the the first page.
I tried like this, thanks to the struts html tags :
<link rel="stylesheet" href="<html:rewrite page='/css/style.css'/>" type="text/css">
but this time, i have an error :
[ServletException in:/tiles/layout.jsp] org.apache.struts.taglib.html.MessagesTei'
If someone has a solution ...
thanks..

Will you please explain to me how you are doing CSS layout? I am having a problem with JSF 1.1 RI as everything is in a <td>. I want to get rid of these and change the rendered markup to output <div>s unless I can alter the location of <td>s on the page. This sounds like it would break the table model, so I doubt this is possible.
Thank you for any input,
TacoEater

DW Beginner - Tables, Div Tags and CSS Confusion

Hi,
I am a beginner to DW. The layout I am designing is as follows:
First I have an overall "container" on the outside of my layout which I called "wrapper" and I made it using a div tag.
Next I made a table within or right after this "wrapper" div tag, which I called my "navbar".
After this table I made another table named left and right column (r:1 cz:2).
And lastly, another table, called "footer".
Now, I made a CSS for the div tag, no problem. But, when I go to make CSS for the tables, that's where it gets confusing.
For example, I went into my "navbar" table, selected on the "trail" <td>, and then tried to create a CSS for this particular table.
Problem: Why when setting my font or background or any other setting, are the other 2 tables changing also if I only assigned this specific area for the CSS navbar table? Am I selecting the wrong "trail" or is it because it is still entrapped somehow in the "wrapper" div tag, so it won't allow my new CSS settings? I would appreciate any help. This can really get confusing fast, especially for us beginners trying to learn.
Thanks,
S

Since you're new to DW, I'm assuming you're new to HTML and CSS, too. So start by learning code basics first and you'll have a much easier time understanding DW.
Begin here:
HTML & CSS Tutorials - http://w3schools.com/
CSS layouts are much more flexible than tables. Below are some example of CSS layouts (no tables needed)
http://alt-web.com/TEMPLATES/I-page-with-floats.html
http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
How To get Help Quickly in DW Forums
http://forums.adobe.com/thread/470404

Unable to draw AP Div from Insert Panel as described in Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver"

I tried to perform the draw AP Div from the Insert Panel as described within the Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver" but that option isn't available/visible from my most recent update t Dreamweaver CC. The only thing noticeable is that the instructor is using a Mac version of the software. Help!

CS4 is 6+ years old. A lot has changed in web standards and Dreamweaver since then.
APDivs were never a good or sensible way to make primary layouts. Today, they are downright impossible in Responsive web designs because content in APDivs is removed from the normal document flow. See links below for further details on why APDivs should be avoided.
http://www.apptools.com/examples/pagelayout101.php
http://css-tricks.com/css-beginner-mistakes-1/
If you're going to work with DW CC, you need to find tutorials to match your product version. CS6 is wildly different from CC and CC 2014.
Creating your first web site in DW CC-
https://helpx.adobe.com/dreamweaver/learn/tutorials/how-to/first-website-part1.html
Nancy O.

HTML 5 and CSS 3 Support In Dreamweaver CS5

I cannot find any information on this web site about whether and how Dreamweaver CS5 supports HTML 5 and CSS 3. There are lots of other fancy high-end whiz-bang technologies highlighted in CS5, but without support for HTML 5 and CSS 3, Adobe has left a great big hole in the middle of the new Dreamweaver. If I'm going to have to code these by hand, then there's little incentive for me to upgrade from CS4. Adobe may, by this oversight, intend to extend the useful life of Flash, but if this is so it's penny wise and pound foolish. There is much to like about Flash - and much to dislike about how it works on the user side. Leaving these problems unresolved hurts Flash, and leaving HTML 5 and CSS 3 support out of Dreamweaver hurts Dreamweaver. In other words, this is a lose-lose strategy.

Hi Scott
Sorry for the delay in replying, but I turn my internet connection off when working, otherwise I have found I tend to do more research than work.
Media-Queries:
I had viewed the video on the possible implementation of media-queries when it was first released, and in most respects the implementation is as I would expect, but it would be helpful if it was, (in a future development of the use) possible to show a list of 'common' smartphone/handheld devices, (makes/models) within the dreamweaver interface that would be usable with the screen size being used, (possibly as an import from the 'device central' device list as a drop-down list). My reason for asking for this feature is primarily as a time saving feature for the css layouts via media-queries as it would then show the targeted/usable devices in a list, and possibly alleviate the requirement of developing layouts that are not really required.
Video:
At the moment I am using the video feature as you have indicated where possible, and am doing so with the use of IECC's for IE as a fall-back for that browser. I have tried targeting versions if Firefox and Safari that support the video element by testing for it with JavaScript, but I have found this unreliable, possibly when the standard is finalized this may be the better method.
SVG:
I personally have decided to go with svg in preference to canvas. I have seen a few 'wow' factor demo's produced using canvas but as they use cross-compiled java to javascript code they are in reality showing nothing that has not been done before, (If we had 4Ghz processors with multi-core in 1999 similar trial graphics in vml would have worked just as good then, showing my age here!).
My current work-flow with svg is - Inkscape - Modify the code by hand/preview in a browser - copy/past the code into dreamweaver.
The current in-line implementation of svg's in the IE9 preview is where I see the main future of the svg implementations, as this makes using svg's for graphic elements and basic animations much more viable/easier for the average designer/developer, and lets not forget that as it is a vector it is ideal for resizeable background images in fluid/liquid layouts.
I should say here, that I will for the foreseeable future use flash/swf's for more complex animations, as these are still much better quality than anything that can be achieved with svg or canvas.
I would like to see the possibility of using Fireworks for the creation of svg's, and a work flow similar to that available between fireworks and dreamweaver at the moment.
Cache manifest and database:
As you have rightly grouped these two together, (and I cannot really envision a situation that they would not be used so) the situation with these is for me, (when trying to create the code for use) the necessity of 'remembering' what I must include in the cache and the transfer of the data for the database.
Both are probably better explained with a typical scenario -
A new research/development firm has developed the technology and parts to upgrade an autos internal combustion engine to an hydrogen powered engine. However the products list is specific to the motor manufacturers engine type, and to make matters worse the sales department also wishes an off-line version of the demos and parts list to be available to its sales team and customers, (o/k, maybe this is not a typical scenario, but it does demonstrate the usage).
When developing the 'custom' html 5' enabled page I would require the cache manifest to include all necessary javascript/images/videos that would be required for the particular auto manufacturer to be available off-line, and compiling the list must be done at present by hand making it subject to possible errors.
As for the database, (manufacturer specific) this must also be available off-line and updateable by the sales person and customer, as they are not always on-line and no hard-copys of material will be produced, (except when printed by the mechanic).
My solution for me regarding the cache manifest would possibly be a dialogue in dreamweaver that would show all resources associated with the auto manufacturers model type used in the html site. I have used namespaces, (or some form of identifier) for general and model specific javascript, and a model identifying code for images and videos. The dialogue would then allow me to filter the resources required using the namespaces and identifier and include them in the list as required, possibly in much the same way that items are moved from a general list to a more specific list when creating the 'favourites' toolbar in dreamweaver.
The database is on first appearance much simpler, as I would simply download the database using the motor_id as a filter, (yes Scott, you can see where I am going with this ) for those who cannot this would be wrong. You have correctly seen the problem with doing this, but I will explain for those who have not. The sales person and the customer would not see any of the images or videos that have references stored in the database, as these are just references and not the actual images/videos, yes one could use 'BLOB' for storing the items but this is not in my experience a reliable method. What is required is some form of method that would also download these items and place them into the required file position for off-line viewing, (which is what the cache manifest would do).
So I would also require the possibility to add dynamically to the cache manifest from an sql database at the same time as the 'save for off-line' option is generated, (I have experimented with doing this in a similar manner that xml is created from an sql database).
That's it for the html 5.
Accessibility:
For checking I use the firefox accessibility extension and total validator extension first, then the WAVE evaluation tool.
But for Dreamweaver I would like to see the inclusion of the ARIA options as standard, especially when developing 'rich-internet-applications' particularly the aria-live and role options. I often find it interesting in discussions about html 5 where it is seen by many as a 'new' mark-up' language for the web, but rarely seen in the context of helping in accessibility when used correctly. Even the html 5 spec contains a section on using the new mark-up as part of accessibility and how the ARIA roles should be applied, (see - http://www.whatwg.org/specs/web-apps/current-work/multipage/content-models.html#annotation s-for-assistive-technology-products-%28aria%29).
The inclusion of an extra live-view option in dreamweaver that render the page in 'screen reader' mode would also be a possible accessibility checking help. This could be done by simply turning off the background-images 'on-mass' and rendering any items as they would be seen by a screen reader. As most screen readers do now parse JavaScript and css, it would illustrate the problems of using such techniques as light-boxes without using the aria-live role to tell users that the light-box in now the focus of the page.
For anyone who has stayed with this post, my sincere thanks, and any comments on the content would be welcome.
Paula Z

ITSMobile - Problems when changing screen layout with CSS

Good afternoon,
I have a service ZLM00(SICF) with some public screens in the stile MOBILE4(Service of internet-se80), and I am trying change your layouts with CSS.
Steps taken:
    1 u2013 I activated the repository MIMES (/default_host/sap/public/bc/its/mimes);
    2 u2013 I copied the mobile.css from internet service standard ITSMOBILE for my service ZLM00(se80) with the name ZRF01.CSS;
    3 u2013 I added the parameter ~ITSMOBILECSSINCLUDE = ZRF01 in my service ZLM00(SICF);
    4 u2013 I published all screens and file ZRF1.CSS;
The problem:
      When I test the service in the browser, I see in the source code that the file CSS was added u201C<link rel="stylesheet" href="/sap/public/bc/its/mimes/zlm00/99/ZRF01.css" type="text/css" />u201D
      And the screens received some changes, however when I added a new line in file CSS for exemple
/* --- Basic Row -
      .MobileRow {
        white-space:pre;
        vertical-align:middle;
        background-color:#F3F3F3; "new lineu201D
        Is not ok. Just the command standard works.
        I am doing something wrong ? Is missing some step ?
        My configurations:
         - Version SAP ECC 6.0/SAP_APPL 604 SP8;
         - Device mobile Symbol/motorola MC3190;
         - Operating system Windows CE 6.0 with Internet Explorer 6.0;
         SICF:
         ~THEME                          99
         ~TRANSACTION                          LM01
         ~ITSMOBILE                          1
         ~SOURCES                          ZLM00,ITSMOBILE
         ~POPUPS                           1
         ~ITSMOBILECSSINCLUDE     ZRF01
         ~ITSMOBILEELEMUNITS      px
         ~DYNPRO_COMPRESSION     1
         ~ITSMOBILECUAINCLUDE     ZCUAAREA
         ~ITSMOBILEELEMFACTOR      6
      PS: I am trying change the layout of the screens only to remove blank spaces placed on the screen MOBILE4, the objects do not fit the device screen.
      Best regards,
      Gerson S. Livio

No.
If you want to see how the screen will look; look in the iPhone/ iOS 7 section of this site.

Dreamweaver and CSS display problem

Hi,
I am new to CSS layouts and trying to build a site in pure
CSS but I am having a problem with how it is dispayed within
dreamweaver.
here is
the html page as it looks in a browser
But
here is how the page currently looks is dreamweaver
As you can see, my divs which run along the bottom of the
page in the browser are actually shown contained in another div in
dreamweaver which is very misleading!
Is this due to something i have done or is this how it
displays in dreamweaver?
HTML code as follows:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Untitled Document</title>
<link href="lovellkits.css" rel="stylesheet"
type="text/css">
</head>
<body>
<div id="main">
<div id="logo"></div>
<div id="navbar">Nike Kits | Optimum Kits | Lovell
Rugby Kits | Training Wear | Equipment</div>
<div id="bannerlarge"></div>
<div id="smlbanner1"></div>
<div id="smlbanner2"></div>
<div id="smlbanner3"></div>
<div id="smlbanner4"></div>
</div>
</body>
</html>
and
my CSS can be found here
Thanks for reading
Steve

FWIW, there were significant rendering improvements made in
DW8, so it
may be worth the upgrade if you're creating layouts in DW.
In the meantime, try adding some content to the bannerlarge
container. I
think DW may be incorrectly collapsing that tag since it's
empty.
HTH,
Randy
> Dreamwaever MX 2004 for the mac

Layout and CSS

Similar Messages

Maybe you are looking for