Formatting with HTML and CSS issues

When I have upgraded to Dreamweaver CS5.5, make simple changes to a website has become more complicated.

Let's say I want to Center a line of text. Before I could just press the center alignment button in the "Shortcut" pane at the bottom.

Now, I find 2 choices in the "Properties" pane to see how to format a web page:

One choice is HTML, I know. But there is no central alignment button here.

The other choice is CSS, which I am not familiar with. There is a center alignment button, but when I hit him, he asked me to create a "new CSS rule" with a strong name as "style130."

I worked on this site for many months without understanding what it means...

http://www.brasstackspress.host-Ed.me/

Now if I format anything (Center, "BOLD", etc.), some unrelated page will also get to the format.

What should I do?

Learn CSS.

http://www.html.NET/

Adobe dropped deprecated HTML tags "align" DW interface, so your code will not throw validation errors.

HTML - http://validator.w3.org/

To center the text, create a reusable class name called .center.

. Center {text-align: center}

Apply this class to your paragraph or the position since the HTML by clicking the drop-down list properties panel class.  See screenshot.

class = "center"> this paragraph is centered

This paragraph is not centered

Centering of Pages, Images and other elements with CSS

http://cookbooks.Adobe.com/post_Centering_web_pages_and_other_elements_with_CSS-16640.html

Nancy O.

Tags: Dreamweaver

Similar Questions

  • Image with HTML and CSS placement - please help I'm a newbie

    Hello
    The CSS code for my entry page/index.html page is attached. Some great people helped me fix the css code so that the picture fills the space properly and looks the same in IE and Firefox. So now I have the photo in the right area, but in doing so, my text has fallen out of the area on the inside... EEEEEK
    Thank you!
    the Web site address so it can be accessed: www.jonasphoto.com

    Steve...
    Look at the site entrance page, and you will see that the news of the site entry are now down below...
    I like to keep the text within the borders
    Get closer... Thank you

  • Mix ADF Faces with HTML, JavaScript, CSS, JSTL question

    Dear all,

    The project is now starting to deploy to the production server. When we try to deploy to the production server who made a lot of mistake. As this used widely used project mix ADF faces with
    HTML/JavaScript/CSS/JSTL. I would like to know what are the most error when we have mixed to use each one and how can we overcome them there?
    There is in the project

    1 mix of tags html with ADF Faces components
    2. the use of JavaScript/CSS inline
    3. mix the JSF/ADF Faces and JSTL tags

    Help me how to address this issues as well as links to useful blog.

    JDeveloper IDE version: 11.1.1.5.0 with Webcenter
    WebLogic version: 10.3



    Best regards
    KT

    Published by: KT on May 16, 2013 21:23

    Hello

    In addition to this project widely used mixture ADF faces with HTML, JavaScript, CSS, JSTL.

    JavaScript, CSS, and JSTL is not a problem, whereas - according to the JSF version - HTML is. JSF 2 is the first version of the JSF, which allows you to mix HTML with less side effects, if you use Facelets as view declaration language.

    I would like to know what are the most error when we have mixed to use each one and how can we overcome them there?

    There is in the project

    + 1. mixture of html with ADF Faces components tags +.

    This could ruin your pages, lead to update issues and - in case of frequent use in the trees - even destroy the functionality

    + 2. online use of JavaScript / CSS +.

    Poor performance because of heavy weight pages. If you were using ADF Faces and your JS addresses the DOM instead of the architecture of client cJavaScript ADF Faces then chances are JS will fail for the components that have changed their HTML output (which has an impact on the DOM structure) or changes are not submitted to the server.

    For CSS, CSS inlineStyle not applay to the DOM element that is external, which means for example af:input the background text color will color the lavel

    + 3. mix JSTL and JSF/ADF Faces tags +.

    Dependa on how you do. JSF has postponed EL syntax, which means that EL resolves at run time, whereas JSTL resolves at compile time. So the race conditions could become a problem

    Overall, it is difficult to say if things were coded wrong in the project (although for the use of HTML you can be sure) without seeing the code. It seems that the team that built the application however did not dare to the suite of recommended practices

    Frank

  • Squarespace user. Want more options on my site. Adobe has tutorials on Java Script, HTML, and CSS? [was: new user Question!]

    Hello!

    I am a new user to adobe creative cloud. I'm a Web site manager for pge production broadcast in my school and I use squarespace but I want to upgrade and have more opportunities with my websites. Adobe has tutorials on Java Script, HTML, and CSS?

    Not in the way, I think you mean. There are a number of very generous gurus on this forum that will help hard problem solve you your code, and the best way to learn is always, spoil, figure it out and move on to the next thing. :-)

    Googling a question will generally help to guide you on the right track and you can always visit W3 Schools or Code Academy for free tutorials or check if there is a Free Code Camp in your area. Sources for tutorials or classes are Lynda.com, Noble of officeand the General Assembly.

    Chris

  • HTML and CSS best practices for Eloqua?

    Hello Topliners community,

    My name is Ben and I am a Web Designer. Currently looking for guidance on best practices in HTML and CSS when you work with Eloqua. I am interested in best practices for email and landing pages.

    Thank you

    Ben

    For landing pages, you can use a bit of HTML, CSS, and Javascript like on any other page. For example, we use the Bootstrap on a couple of our Eloqua landing pages.

    Support for HTML and CSS is much more limited. It is one of the best resources I've seen for CSS support:

    http://www.campaignmonitor.com/CSS/

  • I have a modal using html and css that opens very well.  However, given that modal is on layer 2 layer 1 objects fade out (gray out) in the background.  I can't put the modal on the top layer, so that it appears on all my pages.  It is specifi c that

    I have a modal using html and css that opens very well.  However, the modal is on layer 2 that the objects in the layer 1 fade out (gray out) in the background when the modal opens.

    I can't put the modal on the top layer, so that it appears on all my pages.  It is specific to the single page on my site.

    Here is the link: http://www.ueonline.com/website_NEW/certificationsapprovals.html#openModal

    Any help is appreciate!

    You can create a separate mask for this specific page with modal to the top layer and then apply that master page.

    Thank you

    Sanjit

  • Html and css site design

    Hello

    Does anyone have a nice easy way to create widget BB pages in a normal browser before moving a Widget? I'm going nuts making a tweak, debugging of pressing, in expectation of the build to succeed, checking my widget, tweaking some css more etc etc.

    I'm sure I saw an article somewhere on how to do it outside of the Simulator, but I'll be damned if I can find it again

    any help much appreciated

    see you soon

    Lee

    The easiest way that I do is the following:

    (1) put my source of the widget on a shared folder on a web server

    (2) set my config.xml file to have its starting point to the page on my web page server

    (3) whitelist the domain where my source of the widget is on my web server

    (4) adds a Menu item "Refresh" in a common *.js file do a refresh of the standard browser

    (5) to build and run the widget in the Simulator

    So I can make all the settings in HTML and CSS I love and you simply press the element menu to update in the Simulator.

    The only time wherever I need to re - build, it's if I modify a config.xml file.  Then when I'm satisfied, I simply change my config.xml file to package resources locally and make a final test.

  • software standard in the industry for HTML and CSS

    Hello

    I'm curious to know if Adobe Dreamweaver is the industry standard, used software in the industry. I understand that many developers prefer to use HTML editors, but is it true for web designers too?

    Are publishers of text or html (apart from Dreamweaver) used in higher education, as well to teach students, HTML and CSS? If that's true, then I wonder if creating delicate design will not become more complicated if it is rested solely on coding, when we have available Bootstrap. Please let me know your point of view.

    Thank you

    I'm curious to know if Adobe Dreamweaver is the industry standard, used software in the industry. I understand that many developers prefer to use HTML editors, but is it true for web designers too?

    A word processor (such as Notepad) is the standard, all other applications, including Dreamweaver, add modules to facilitate faster processing of industry. In Dreamweaver, these modules are primarily for HTML, CSS, JS, and PHP. Other processors may include the likes of ASP.NET or ColdFusion. Next to word processing, Dreamweaver also has a module that manages the FTP. Some developers can use a number of processors as media alongside Dreamweaver.

    Are publishers of text or html (apart from Dreamweaver) used in higher education, as well to teach students, HTML and CSS? If that's true, then I wonder if creating delicate design will not become more complicated if it is rested solely on coding, when we have available Bootstrap. Please let me know your point of view.

    As far as I know, Dreamweaver is the unique integrated development program which is used to teach the subject.

    Bootstrap is one of many front end development infrastructure and should not be included in deciding to use the processor. The fact that it is included in Dreamweaver does not mean that it should be used, it is simply more convenient to use when using Dreamweaver.

  • I downloaded a free trial of Adobe Creative cloud and dreamweaver CC. I am not able to download a .psd to see how to extract the HTML and CSS.

    I downloaded a free trial of Adobe Creative cloud and dreamweaver CC. I am not able to download a .psd to see how to extract the HTML and CSS.

    Download button is disabled. What is the case for a free trial?

    Hey girijamg,

    I asked that you try to open a page because snippet Panel will be disabled until there is a html page is open in DW.

    Excerpt from Panel will be ready for the job that after any html page is open in DW.

    Hope it makes sense.

    Lalita

  • should what version of html and css I learn

    I want to learn html and css.  I googled and asked the question that I should learn first.  Most of the responses said that there not a lot of difference.  I got several different answers as to which version that I should learn.  I'm a beginner so that the forms of html and css should learn to get a better handle on DW.

    Thank you

    Mike

    You should learn the version that is currently adopted by the W3C as a standard.  It would be HTML 4.01 and CSS2.  Knowing that those will position you for a segue in HTML5 and CSS3 (this one which is not so different from what you have learned already), as soon as they become the standard.

    You can get a large number of http://www.w3schools.com site information this topic.

  • Outlook HTML and CSS Validator problem

    Hello

    I downloaded Outlook HTML and CSS Validator for DreamWeaver 8 (WordMailSupportMacromedia.msi) but when I followed the instructions and went to check the browser settings, "Microsoft Word" has not shown in the list of target browsers.

    Anyone know why, or have a fix?

    Thank you very much!

    Well, I got it. The default installation path was to be changed FROM:

    C:\Program Files\Macromedia\ \Configuration\BrowserProfiles\ Dreamweaver MX 2004

    TO

    C:\Program Files\Macromedia\ \Configuration\BrowserProfiles\ Dreamweaver 8

    for someone else who could meet this slight problem.

  • Difficulties with templates and CSS in DW CS3

    I have trouble with CS3 and models.

    I started a new site. I created a file HTML (with CSS for formatting - colors and margins) and made a template from the HTML, creating an editable file (the value by default both the page title and the additional area in the header). Then I created my site to this new template HTML files. When I tried updating the model, I got an error that I had nested editable regions in the HTML files. I checked the template, and I do not have. I checked the HTML files and I did see two < / body > tags at the end.

    I started on. I updated my home folder and made a new template, overwriting my old. I created new files from the new model. Although HTML files display well in browsers, when I try to view them in Design mode, this round DW make with CSS, and he did it the first time.

    What is happening, and I can get it to stop?

    Thank you!

    Quote:
    Posted by: pixlor
    I use file > new > Page Page template, select the template, navigate to the editable add my content, then save the result as an HTML file. Even as I have done many times. Page updated when the model changes check box is enabled.

    Quote:
    Posted by: newsgroup user
    > Then, I created my site to this new template HTML files

    How? FILE | Save under...?

    Or FILE | New model > model name > create?

    > What is happening, and I can get it to stop?

    Let's see the template page, please.

    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)

    Gah! Stupid editing errors! Well... show them to show his recklessness are a way to force you to find them! Not a good way, but... it does the job.

  • Flash embed tag does not obey the dimensions of percentage, even with html and body to 100%

    For some reason, I can't get this swf file to show the height and the width of 90%. I tried to add a style sheet in the header to explicitly set the html and body to 100%, but this is not always enough. can you see if there is a problem in the code?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    
    <html>
    <head>
    <title></title>
    <style type="text/css">
    html, body {
      	margin: 0;
    	padding: 0;
      	height: 100%;
    	width: 100%;
    }
    </style>
    
    </head>
    
    <body>
    <center>
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="90%" height="90%" ID="Captivate1">
      <param name="movie" value="tutorial.swf">
      <param name="quality" value="high">
      <param name="menu" value="false">
      <param name="loop" value="0">
      <embed src='tutorial.swf' width='90%' height='90%'  quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash'/>
    </object>
    
    <BR>
    <p>
    <align=center><a Href="javascript:window.close();">Close Window</a>
    </p>
    
    </center>
    
    </body>
    </html>

    This can happen because of the < center > element that does not have a height and a width specified. Don't forget to specify the dimensions for all containers if you use percentages, otherwise you can end up with 90% of 0 or a default value.

  • Firefox 38.0.1 get up errors in the console with JS and CSS htaccess enabled compression

    Hello

    I worked on improving the performance on my Wordpress site, one of the things I've done, I switched to a dynamic delivery of CSS and JS files (so they are compressed by PHP), which has worked very well for the performance tests.

    Now, I ALSO added it to the .htaccess in my JS and CSS (wp - TTC) file on a wordpress site:

    <filesMatch "\.(js|css)$">
    Header set Content-Encoding x-deflate
    # Header set Content-Encoding compress
    # Header set Content-Encoding x-gzip
    </filesMatch>

    to compress JS and CSS files. It works fine on IE, CSS, Android and speed, but the wrong tests, is that the site seems broken in Firefox 38.0.1, it can not load my menus and revolution Slider (image carousel).

    main error seems to be jQuery is not defined...

    Here's a montage that shows thedl.dropboxusercontent.com/u/28979877/FirefoxErrorsCollage.png errors...https://

    is there anything else that I could change in this .htaccess syntax that make each happy browser?

    any thoughts?

    Thank you very much
    Gabrio

    Hello

    I have disabled the function of .htaccess for now...

    We discovered (with assistance from Frank Autoptimize, I can TOTALLY recommend also, it's great!) said that he could not work because that makes the output is compressed, but not actually... compression. If firefox is right, others wrong.

    This should be used, IF the server supports it (ours is not because it is just shared):

    < IfModule mod_deflate.c >

            <FilesMatch "\.(js|css)$">
            SetOutputFilter DEFLATE
        </FilesMatch>
    </IfModule>
    

    so for now, I removed the .htaccess to compress JS and CSS files and FF is happy now.

    Thank you
    Gabrio

  • Formatting with OneNote application printing issues

    It seems there is no flexibility/feature for printing on the OneNote application.

    I type in font size 11 but when I printed, it looks like he is about 16 or 18 size of police and does not fit on the page. I do not have (nor devrais I must) reduce the font size for say 6 or 8 so he can print in font size 11.

    Also, I've inserted on the photo page and I try to reduce the size without reducing the size of my entire page.  He doesn't like it, nor does he want to do that.

    I'm an ex-PC Office OneNote user now switch to MAC (that I hate, but unfortunately am stuck with Mo ') and using the OneNote application.  Office OneNote has much more capacity and features that the app does not. Shame...

    Is the problem of printing/getting just one of the glitches associated with the application it takes to smile and bear-shaped or is there something that can be changed. There is no layout of the OneNote application and there is nothing in the print settings.  Same observation in PDF, formatting (font size) is whack.

    Thank you.

    P.S., Buddies from Microsoft, you can update your categories as there is no category that exists for this query.  I am not referring to the office for OneNote, but the OneNote application.

    Seen on the screen, the font sizes are not very significant.  For example, you can use a font size 6 (not that I think you should have either), but the pinch and zoom (or ctrl + scroll on the mouse) and it seems so much more important, but then print to the original scale.

    The reverse is also true.  You can use a larger font, 16-18, but be zoom out, so it seems smaller.  But the zoom scale based on your dash of zoom (touch screen) or ctrl + mousewheel zoom (not touch) is used only for display, not printing.

    I guess that's the zoom view that is the origin of what you see.

    -You are quite correct that Office OneNote features much larger than the app. And it always will be.  The app is intended to be used soon clear on a phone or a tablet.  Office OneNote will always be the powerful program for serious users.

Maybe you are looking for

  • Barrier of 135 GB HDD on Satellite M100

    A Satellite M100-165, barrier of 135 GB HDD? null

  • USB controller without driver

    HP COMPAQ 15-a026sgOS: Win 7 Ultimate 64-bit I have lack of one tool in the tool Manager.The name USB (Universal Serial Bus) - controller and I can see the details: PCI\VEN_8086 & DEV_1E31 & SUBSYS_218F103C & REV_04It's something like "Intel (r) USB

  • hang the envy 4520 printer wireless

    My Internet and wireless services are by Qwest Prism.  The HP4520 does not want to connect.  I want to just connect the printer without wireless connection.  Just like a connected old school not wireless printer.  Is this possible?

  • Wireless and VPN RV042 router WRT54G

    Respected member, please help if you can! I have an ADSL with dynamic connected with the wrt54g router, I recently bought RV042 and want to connect the wire coming from wireless with ports. so, basically, I want to use RV042VPN for help after the rou

  • Mute participants on join

    Hey all,. How I can cut all participants on the join using the conductor Server & telepresence?  I know there will be a JSON command, but I can't get the right combo. Also, is there a way to disable the * 6 to activate yourself? Thank you Justin