rule to the CSS style question

Hello

I have a < h1 > and < h2 > rule of style to get the effect voor my headers as can be seen here: http://www.ecstechnics.com/modules/page.phtml?dimensionid=17 & pageid = 23

I think the main header (< h1 >) style rule I can do easily: simply apply the correct font style and that's all.

But for the header < h2 > I need a colored line extending the width of my liquid main content container, unless she is disturbed by a floating picture. Example on the same site: http://www.ecstechnics.com/modules/page.phtml?dimensionid=24 & pageid = 37

The line spans a certain width (preference with my container of liquid, if it is not fixed wide), but if a picture or other object interferes, I want to shorten accordingly.

Is this possible? All advice please?

Thank you!!

Erik

CSS:

rehydration {}

border-bottom: 1px solid red;

Width: 400 PX;

}

{of scale

border-bottom: 1px solid red;

Width: 100%

}

HTML:

It's short


It is wide

Does that help?

Nancy O.
ALT-Web Design & Publishing
Web | Graphics |  Print | Media specialists
www.Alt-Web.com/
www.Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • Rule to the CSS style question: positioning of block next to the image level

    Hello

    I have this site for example: http://www.ecstechnics.com/modules/page.phtml?dimensionid=18 & pageid = 24 and I had a previous question on this topic: http://forums.adobe.com/thread/427154?tstart=0. Here, I asked for a way to draw a line of fixed length under a header < h1 > (resolved) and a way to draw a line under a heading < h2 > where the line was shortened by an image inline (left or right header, as can be seen in the example of the ecstechnics.com site).

    The problem however is not yet solved for an image on the LEFT of the header. With the above solution and a fixed width line, this line is inspired right through the image to the left.

    I need a solution for a header that is positioned to the right of the image (which I'm floating on the left) and where I want the line to start under the first letter of the heading and extends to the border of the container.

    Thanks for the tips.

    Erik

    From time to time, this is the best approach (question to rephrase in a new thread). But give the existing question some time for people to see. A few hours on a weekend is not generally enough time.

    I did that cause confusion. My apologies, it won't happen.

    Cool. It was kind of fun playing Hunt the answers in the nets - this time only! ;-)

    I hope that this is the method of work (one that we it was).

    --
    Mark A. Boyd
    Keep-on-Learnine :-)

  • How can I add the CSS styles used by Firefox player mode?

    When loading from the view of the reader, the text is aligned to the left by default. I would like to be well to the left and right justified. At present, I can arrange this by editing the css style in the view "Inspect element", but it's not permanent (and we don't know where the player load css style). Is there a way to make such a change in the permanent reader view css style?

    See also:

    • chrome://global/skin/aboutReaderControls.CSS
    • chrome://global/skin/aboutReaderContent.CSS

    The main switch is #moz - player - content

  • is there a code (not the css style) to leaders (periods) for a table of contents

    is there a code (not the css style) to leaders (periods) for a table of contents

    Well, in this case, you are drunk. The only thing left is to add leaders to hand.

  • Question: Style af:column header using the CSS style class

    Hello

    I have a simple requirement to set the background color of a column heading to 'red '.

    We use a custom look and I put in this entry in the .css. file

    AF | : column-head - cell.customcolheader {background-color: #FF0000 ;}}

    In my .jsff file, set the styleClass for the desired column

    < af:column id = "c27".

    Align = "center".

    headerText = "#{uiBundle.TEST} '"

    styleClass = "customcolheader" >

    < / af:column >


    Deployed to the app and navigated to the web page expecting to see the background of the column header color changes to red.

    No luck.


    I removed the qualifier (.customcolheader) and all the column headers in the corner of the Red application.

    AF | : column-to-head-cell {background-color: #FF0000 ;}}


    Only when I specify the name of the class and apply it to a specific column, it does not work.

    This happens on all 3 major browsers: IE, Firefox and Chrome.

    I find it very strange.


    JDeveloper version 11.1.1.5.0

    Version of CSS CSS Level 2 revision 1


    All entries will be appreciated.

    Thanks Shay.

    What you mentioned was infact my original code.

    I found the problem. The CSS was not the problem.

    To set the background color of a column heading, I was put in the name of the class under StyleClass for FY: column.

    Infact there is an attribute called "HeaderClass" to af:column and we need to set the name of the CSS class entry there.

    Works like a charm :-)

    Thanks for all the good entries.

  • How can I the CSS Styles Panel to view the list of styles in external style sheet?

    Hi all

    I'm having a devil of a time getting my CSS Styles Panel to see the styles of my style sheet attached. Yesterday, he worked as usual, and today it does not work. I feel that I tried all my options. Usually, I work in "All" instead of "Current" so I can see the entire list and have to do not refer to the CSS page. Does anyone know how to fix this?

    In addition, even if I have a style sheet attached, whenever I made a new style he puts it in my HTML page. What is probably related as well.

    In addition, this is the link of code which is in my HTML: < link href = "Alto.css" rel = "stylesheet" type = "text/css" / > "

    So, how can I get this Panel to view the list of styles? <-I can click on a timeline without going back to the CSS page.

    Thank you!

    Screen Shot 2013-02-15 at 9.33.24 AM.png

    Is it possible all the rules section has been reduced to the minimum?

    Mouse over the border between all the rules and properties and the pointer should turn on a top/arrow down, click and make it slide down and see if there are any properties.

  • CSS Styles question

    I was wondering how to get the css and all styles. All I see IS the designer of CSS and I can't find simple css tabs styles that I'm used to previous versions of dreamweaver.

    Thanks for any help

    Which explains how to use the CSS Designer panels new & improved.

    CSS Designer: A tool of Visual design in Dreamweaver cc | Inspired by Adobe Magazine

    Personally, I prefer to work in mode code with features the DW code hinting.  For my workflow, it is much faster.  But some people really like the Visual Designer.  I think he should just get used to.

    Nancy O.

  • Links to the CSS styles on the same page... How?

    Hi all
    relatively new to CSS. I have a page with several tables, each with different background colors. There are links on each table. I need to use CSS style sheets to manage the site, but I need to have the links a different color in each table. Help would be very appreciated.

    .oO (Mabou2)

    > Sorry to be a numbskull, but could you show me what would be the exact code
    > for my navtable example (above) would be?

    Pretty much the same as in the example given, simply adjust
    the names. In your HTML, you apply the class "navtable" to the table
    itself:


    ...

    Then try this (a bit optimized) CSS:

    .navtable a {}
    text-decoration: none;
    do-family: Arial, Helvetica, without serif.
    do-size: 10px;
    color: #FC0;
    }

    .navtable a: hover {}
    text-decoration: underline;
    color: #FFF;
    }

    Micha

  • a links do not use the css style

    Hello friends-

    The a 'BACK TO TOP' links are style to be lieutenant gray (#CCC) with a dark red (#900) to the overview, but they show as purple.

    Jordan K. Rose - author of Paranormal Romance and urban Fantasy

    Thanks for your help

    . Novella1 p a: link, .novella2 p a: link {}

    do-family: 'gondola SD;

    do-size: 14px;

    text-transform: uppercase;

    color: #CCC;

    text-align: left;

    letter-spacing:-1%;

    top of the margin: 20px;

    display: block;

    Width: 200px;

    height: 12px;

    }

    . Novella1 p a: hover, .novella2 p a: hover {}

    color: #900;

    margin-top: 10px;

    }

    You seem to be missing your: visited pseudo-class so that you see the default value of the browser for these links.

    When you add it, make sure that you use this command in your css (Las Vegas has Action)...

    a: link

    a: visited

    a: hover

    a: active

  • Link to the CSS styles with images

    Hello

    I'm fairly new to Dreamweaver so forgive me if I'm stupid.

    I created my first website, and I'm struggling with the color of the links. I don't want blue and purple links as they don't go with my color palette. I spent a few hours looking on this site and I used the suggested code and style sheets. This has made my textual hyperlinks go the right color but not the image of those.

    This means that all my buttons and all the images that I used that the links are still blue and purple. I see no code on my model which could possibly be control this - obviously, the bits that I've changed worked on text links and they look great. I'm not great with the code - I understand it so that I could do something really stupid.

    Can anyone help?

    Helen.

    geographygeek wrote:
    > Hi,.
    >
    > I am relatively new to Dreamweaver so forgive me if I'm stupid.
    >
    > I created my first website, and I fight with the color of the links.
    > I don't want blue and purple links as they don't go with my color palette.
    > I spent a few hours looking on this site and I used the suggested code
    > and style sheets. This has made my textual hyperlinks go the
    > correct the color, but not the image of those.
    >
    > This means that all my buttons and all the images that I used as links are
    > still blue and purple. I don't see any code on my model that could possibly
    > - check the bits I've changed obviously worked on the text
    > Links and they look great. I'm not great with the code - I understand the kind of
    > if I could do something really stupid.
    >
    > Can anyone help?
    >
    > Helen.
    >

    Add this to your css:

    an img {}
    border: none;
    }

  • Rule of CSS style for the background image

    I'm doing a tutorial "Create your first website" and set up a CSS rule to add a background image.  The rule indicates in the CSS styles, but it does not appear in Design view.  I re-read the instructions 100 times.  Any ideas what I am doing wrong?

    Here's my DSS rule for the main image:

    #main image {}

    background-image: url (.. / images/main.jpg);

    background-repeat: no-repeat;

    position: relative;

    height: 376px;

    Width: 968px;

    }

    Thank you!  This is a duh moment where you finally see what is obvious.  I should have taken him.

    I appreciate your help

  • Two quick questions (hopefully) - right way to dynamically change the CSS class and put of Splash screen implemented

    Couple of quick questions have left me speechless!

    So, it seems obvious that many JavaFX applications want to dynamically change the CSS styles.  Is the best way to do it through la.getStyleClass () .add ("classname") < node >?  The underlying data structure is a list of observable.  So let's say we have 5 styles that simply to change the fill color of a circle of 5 different colors, respectively.  So if I have a condition in which I want to dynamically apply 1 of these 5 styles, as I do now it's by setting all 5 styles as a string in a list by using a static initializer, then I call < node > .getStyleClass () .removeAll (list), then getStyleClass () .add ("classname").  I do this to avoid adding again and still the same style and inflate the underlying list.  What is the right way to manage dynamic CSS styles?

    Finally a very simple I think.  So I know there's a little differently to implement a splash screen.  My app has certainly got bigger in the last few months of development and I noticed there are about a 5 second delay between when I run the application when I see the main stage.  I was thinking what a splash screen would be nice to fill that time.  I had no time to prototype using a Preloader and I fear that using another, early stage start-up again would be too long of a delay.  "I actually thought that using the Nice and simple JVM argument" - splash: image name > "would be simple, easy and effective.  Unfortunately when I try to do, the splash screen appears but never goes away.  Anyone know what is happening with this?

    Your mechanism to manage the css style classes is a good approach; I've used several times. I wonder why the style classes have been implemented as a list, instead of a game, but there may be cases of good use for the use of a list.

    In some cases you can also consider using CSS PsuedoClasses, which were presented in JavaFX 8. Here is a little easier to use, especially if you have two options. But a use case might look like:

    public class Message {
        public enum Status { NORMAL, WARNING, CRITICAL }
    
        private final ObjectProperty status = new SimpleObjectProperty<>(Status.NORMAL);
        private final StringProperty message = new SimpleStringProperty();
    
        // constructor, getters, setters, and property accessors....
    }
    
    public Label createLabel(Message message) {
        PseudoClass warning = PseudoClass.getPseudoClass("warning");
        PseudoClass critical = PseudoClass.getPseudoClass("critical");
    
        Label label = new Label();
        label.textProperty().bind(message.messageProperty());
        message.statusProperty().addListener((obs, oldStatus, newStatus) -> {
            label.pseudoClassStateChanged(warning, newStatus == Message.Status.WARNING);
            label.pseudoClassStateChanged(critical, newStatus == Message.Status.CRITICAL);
        }
        return label ;
    }
    

    And then your css looks like

    .label:warning {
        -fx-text-fill: orange ;
    }
    .label:critical {
        -fx-text-fill: red ;
    }
    
  • How can I 'Add a property' in the Panel CSS Styles in CS6?

    This screenshot on the web displays the option 'Add a property' blue in the CSS Styles Panel in current version of DW.

    http://www.photoshopcafe.com/cs6/images/dw16.png

    In my CS6 (screengrab below), this button is apparently not found. I don't want to create a new rule, I would like to add a new property to the property table. Is it still an option in CS6? I simply don't see the option?

    Screen shot 2013-07-18 at 12.53.55 PM.png

    Hi Lee,.

    You must click the view property value. As shown in the screenshot below.

    Displays only the properties that have been created. Set properties view is the default view.

    Thank you

    VIANEY

  • How to open the Panel styles css

    How to open the Panel styles css in dreamweaver cc 2014. I looked at other ways to do like go to the window, then the css styles, but he's not here.

    Help, please. Thank you

    In 2014 the CC, it should always be available by opening the window designer CSS > CSS designer to hit Ctrl + Alt + Shift + P and then however it probably isn't as fully functional Panel such as DWCS6.

    He has also removed completely new versions of the program and replaced with CSS designer.

  • using column value in a CSS Style for the column in the report

    I am trying to apply a style CSS (background color) to a column in a report based on another column.

    So the attributes column for a specific column, I would like to be able to add this to the "CSS Style" field under the group, "formatting of column:

    background-color: #BKG_COLOR #;

    It seems not to take my column value, which is #daf2ea

    In the field of Style CSS, if I change it to: background-color: #daf2ea - so it works.

    So he doesn't seem to take my #BKG_COLOR column value' in the field of Style CSS.

    Any ideas? What do I have to use the "HTML Expression" field instead, and how could I do?

    Thank you
    John

    jfosteroracle wrote:
    I am trying to apply a style CSS (background color) to a column in a report based on another column.

    So the attributes column for a specific column, I would like to be able to add this to the "CSS Style" field under the group, "formatting of column:

    background-color: #BKG_COLOR #;

    It seems not to take my column value, which is #daf2ea

    In the field of Style CSS, if I change it to: background-color: #daf2ea - so it works.

    So he doesn't seem to take my #BKG_COLOR column value' in the field of Style CSS.

    Any ideas? What do I have to use the "HTML Expression" field instead, and how could I do?

    Don't believe that * CSS Style * supports the substitution of the column.

    You can use * HTML Expression: *
    {code}
    #OTHER_COLUMN #.
    {code}
    However the two this and * CSS Style * apply a style to a span element in the cell of the report, rather than the whole cell, which is what everyone expects in general / wants. To apply background color to the cell, you must use a custom report named column model: + {message identifier: = 9908585} +.

Maybe you are looking for

  • No router light not showing

    Hello, I have a N300 wireless range extender and its does not work. Funny is that it seems to work. I followed the instrustions to the letter (twice), as well as my wife (when it is in doubt let the wife embark, right?) Then all the lights (except th

  • get error every 2 days and can not open anything on the server

    Hello, below mention error lights all 2 day windows 2012 R2 Standard and can't open something to the server. so that a solution to restart the server. Advice please. Log name: ApplicationSource: Application errorDate: 06/04/2016-17:17Event ID: 1000Ta

  • message.lAStormcol not started

    help apprecciated. Weird message every start, + lAStormcol not started

  • How to make a Windows XP cd? I have a valid key.

    xp home edition CD to contravening office keys Thank GOD always How are you GOD bless you all have INSIGNIA desktop with windows XP Home edition Cliaa XP CD key needs install Thank you

  • Alienware Alpha - i7 - flashing yellow - recurrence

    Hi all I wonder if I'll just to have to send it back, but I had problems with the Alpha under and turned off for awhile now. Every now and again he just decides not to run away and instead flashing the yellow light on and off. I tried the things: -Po