background image fill div, text with padding

I have a div that is put in place with a width of 182px and the padding is T:15 R:10 B:15 L:20. The text in the div tag with these settings, but when I add my background image (a color bar), also works 182px, it does not fill the div, only about 75% of it. I learn that I will, any advice would be appreciated.

gregjb wrote:

I have a div that is put in place with a width of 182px and the padding is T:15 R:10 B:15 L:20. The text in the div tag with these settings, but when I add my background image (a color bar), also works 182px, it does not fill the div, only about 75% of it. I learn that I will, any advice would be appreciated.

A fill is added to the dimensions of the

. If your
is really wide 182px more padding to 30px left and right = 212px

If your background image should also be wide 212px.

HOWEVER, if you do not want that your

to be only 182px wide value 152px width wide to hold account of padding.

Tags: Dreamweaver

Similar Questions

  • need to do a second 20 HD clip with a moving background image and the text it is flies in...

    Hi all the effects quite new based on im and the need to make a second 20 HD clip with a moving background image and the text it is flies in. I also need to create a cross-image basis. If someone could suggest the best way to do this it would be greatly appreciated. Thanks in advance

    Your question is not really explain much of what you need to achieve.  I don't know what a "cross image database", sorry.

    After Effects is a fairly complex application, and you will get much more satisfaction if you start at the beginning and learn the basics before jumping in too deeply.

  • Fill the text with Image

    Hello

    I'm using Photoshop CS4

    I am filling a text with an image

    I go to the beach of Select / colors and select ok

    But the error message come saying - WARNING: no pixels were selected?

    What I want to do is just select the text I typed?

    Can someone help me out here?

    Thank you

    Phillip

    Type the text in large bold letters.

    Open the image file and drag it to the text file

    Hold the Alt key and click in the layers panel to the border between the layers of text and image.

    Bingo!

    As you can see that the image can be moved around with the tool moving until it looks good.

  • set a background image for a text box or label?

    Hey gang,

    I would like to put a background image for a text box or label.

    is there a way to do this?

    also if I put the bottom level of the container root and do the rest orders slightly transparent (opacity: 0.8 or something), the background appear through?

    Thank you

    J

    for your text box, define backgroundVisible: false & and/or upgrade the opacity to the low enough that you can see through it and place your background image behind the text box. (I belive opacity changes will affect the text as well).

    for labels, I used the method of the container as you described.

  • Background image different (div) on every page of the site complicated by model

    Hope I can explain this: here are the details

    -With the help of Dreamweaver cs5.5

    -Make a model pages.

    -Each page will have a different background image; but the image is contained in a div tag (name of the div is .mainbackground) happening behind the main core of the site, the image is not in the < body >
    -The .mainbackground div is EDITABLE
    -J' already have a css specific class to assign to this div on each page, so that the image is different on each page.
    -On the template page, the .mainbackground div has no class assigned image (so no background image)

    -Because this div is editable I can then go into each page and set it to the desired - image class works very well.  Except that... and this is my main question:

    -In the code, all other regions are listed IN THIS above mentioned div of .mainbackground SO that means that:

    -If I need to update the structure of the pages I have to remove the editable area that controls the background image that would be - remove editable .mainbackround area.  Then go back to my template, make changes and save everything - so any changes will carry through to my other pages.  It's good and bad, because I'd get all the structural changes, but I also let go of all the text specific to these pages.

    - Then when I'm finished I have to go back and first add a combo box to the .mainbackground class and then reapply the background to the .mainbackground classes to fix the images on the pages again...

    The site is very small so I can deal with it, but I'm going about this all wrong?


    Is there a template feature that I don't get?  I would like to continue using the template feature, and I don't want a different photo on each page...

    I've attached a picture showing a page that you can see the background image - which will be different on each page.screen shot for adobe forum.JPG

    So the next solution does not change the CSS if necessary? :

  • Background image of dashboard text title

    Dear all,
    I'm working on 11.1.1.6.2

    I'm trying to get a title on my dashboard that has a background image on it.
    The title has a Variable, the value of a dashboard quickly with values of month...

    "Basically, I'm trying to get the words ' report profit for the month of" + (selected prompt) Variable. What happens is that when the page loads, it rises properly, but the variable in the title does not change when the values prompt changes.
    The static text Code I have is

    < table height = "66" width = "1200".
    Background="Res/s_blafp/images/banner.jpg" >
    < b >
    < td > report of Profit for the month of < table >
    < /tr >
    < b >
    < td > @{variables. PV_MONTH} < table >
    < /tr >
    < /table >

    But when the dashboard Page is refreshed (change the dashboard-> refresh) the title comes properly.

    Help, please... What should I do here?
    -How can I make this text box only refresh whenever the prompt is changed?
    -Should I be set my variables differently?
    -Other alternatives?

    Published by: 952506 on November 27, 2012 17:39

    Use the story view instead of text. To do this you must add the report twice, one for the selection of view narrative and another to as view composed.

    use variable presentation as one of the column in the criteria and call it in narrative mode using @n, n: is the position of left to right starting with 1

    If brand pls help

  • How to fill the text with transparent areas

    I use Adobe Photoshop CC 2015 on Windows 10.  I am trying to create a transparent logo using fonts "Mister Vampire".  The text has some areas transparent I am filling to create a Chrome or gold.

    Here is an example of the police.  Any help is appreciated.

    Text Sample.JPG

    Several ways. You can use the magic wand tool to select the transparent areas in the text: use contiguous, then move click here to make the next letter. You should maybe put a white layer below the sample text and use all layers. Extend selection when done and fill a layer below the text with the desired color.

  • Background image to be aligned with the top of the browser window.

    I have a background image that I have centered, but I also want to flush to the top.

    *

    {

    margin: 0px;

    padding: 0px;

    }

    {body

    background: #4992 b 2 url(images/blue.jpg);

    font: 14px Arial, Helvetica, without serif.

    color: #464646;

    margin: 0 auto;

    padding: 0px;

    background-repeat: repeat no.;

    background-position: center;

    }

    This is part of my css... is there something that I am missing?

    {body

    background: #4992 b 2 url(images/blue.jpg); top Center no-repeat;

    font: 14px Arial, Helvetica, without serif.

    color: #464646;

    margin: 0 auto;

    padding: 0px;

    }

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

  • Why cant' have options of background image animation on site with breakpoints?

    Hello

    If anyone can give me a hint, if I can get around the fact that, on the site with a few breakpoints, doesn't have the option of animation objects, background noise, etc.. ?

    Effects of scrolling and Responsive Design just can not be combined in a single page of Muse , yet available.

    It takes a lot of re - thinking on the concept of scrolling effects in Muse, but I bet that the team will come back with a solution.

    In the meantime, it's a choice, but it can also be a mix within a website: use effects scroll in pages not fluid and/or create alternative arrangements the old way (separate office and plans mobile and put on the page) and fluid design of pages without scrolling effects. These pages can both live in a single Web site. And don't forget the good old pinning!

  • Background image in a div?

    I know how to use css to place an image of background inside a div. However, I want to be contextual and differrent depending on what the current page is that image. As a hypothetical example, I would like a background image of an Apple inside, no repetitive < div class = 'content' > when the apples.html of the page is open, but then a picture of a banana would be the background image inside < div class = 'content' > for bananas.html.

    If there is a way to place background images on the fly, directly in the html code, it would be the best solution for this novice.

    Thanks for any help!

    r

    Do it this way-

    (This put in the head of each page (or put rules in a whole site)
    external style sheet)

    Now, on the Apple page, change it.

    on this subject.

    and on the page of bananas, change it to-

    Get it?
    --
    Murray - ICQ 71997575
    Adobe Community Expert
    (If you * MUST * write me, don't don't LAUGH when you do!)
    ==================
    http://www.projectseven.com/go - DW FAQs, tutorials & resources
    http://www.dwfaq.com - DW FAQs, tutorials & resources
    ==================

    "MEPE" wrote in message
    News:ffqvhs$5q6$1@forums. Macromedia.com...
    > Thank you!
    >
    > I will he give a try. I'm Googling for tutorials on this subject, but if anyone
    > has one in their pocket that will allow them to share, very much appreciated.
    >
    > r

  • variable window full browser which acts as background picture fill?

    I want to be able to define the full browser window variable which acts as background, but power fill then build in a horizontal Parallax anchored in multi.  The effect is as if we have a background image fill, but can slide horizontally between the pages, as if they were in a slide show.  At the same time, content in the placeholder as more long paragraphs of text can scroll down - above the layer of the image, but within the borders of the space reserved image.  For a clear example, see this Web site: http://argonautinc.com/

    I have read and searched, to no avail.  I'm only about a week in Muse, so please forgive me if it's super simple! Thank you, Nico

    Hi Nico_Cineaste,

    You can get the design using Fullscreen Slideshow in MUSE as an object.

    Open any page in MUSE, click 'The object' > slide show > full screen.

    Click on your blank web page.

    This will give you a slide show full-screen.

    Now you can design according to your requirement.

    Thank you

    Prabhakar Kumar

  • How to complete this discovery of the text with color

    Hi guys, I use Photoshop elements 14 and for the life of me can not find a way to fill this text with just white color.

    I had 12 items or auto 13 before hand and I think he did, I might have something not chosen?

    step by step would be greatly appreciated thanks

    font.png

    Probably in the black outline pixels are transparent. Try to choose your text layer and clicking inside a letters with the wand switch (to select all pixels transparent) then try using white fill.

  • How to set the background image in the window title?

    Hello

    I am a beginner in flex. I use Flex 4.

    Can someone give me some advice on how to set the background image in the title window?

    Is it possible to do?

    Thank you.

    Hello

    Check the code in the example below


    http://ns.Adobe.com/MXML/2009.
    xmlns:s = "library://ns.adobe.com/flex/spark".
    xmlns:MX = "library://ns.adobe.com/flex/mx" minWidth = "955" = "600" minHeight >
       
           
       

       
    @namespace s "library://ns.adobe.com/flex/spark";
    @namespace mx "library://ns.adobe.com/flex/mx";

    s | {BorderContainer
    background - image: embed(source="image/wheres_the_green_rez.jpg");
    background-image-fill-mode: clip;
    }


       
           
       

    Kind regards

    Anitha

  • Can I do a fill for text that will give the effect of having a STROKE inside?

    I have included a photo to illustrate the kind of what I want and what I tried which is wrong.

    Basically, I'm trying to find a way to have multiple lines of color on my editable text using a custom fill. The main reason I'm keen it is to reach a stroke inside, which cannot be done on the text, without him be described.

    I tried to make a sample of color with two colors side to side and then by filling the text with it, but as you can see on the photo that was WRONG.

    I made a text to show sort of what I'm trying to achieve, but not the way I want to do.

    I found this post: http://forums.Adobe.com/message/1283239#1283239 who can achieve the same kind, but he is not done with fillings.http://img150.imageshack.us/img150/139/81698984.gif

    I see where you were going there but fill patterns do not operate in this way.  You're just a model, you do not have an attribute.

    To get a line inside your text, as described above, look at the appearance Panel.  It will allow you to add outlines and funding, reorganize in the stack of the object and apply effects to them individually (as well as for the whole of the object.)

    What you need to watch adds an extra line and then to get it within the limits of your type, use effect-> path-> path offset to give it a negative offset which is 1/2 of line width is.

  • Background image for ApplicationControlBar

    Hello
    Forgive my English and his accent, it's a little urgent.
    I need to set a background image for an applicationContolBar with css and css only (an external style sheet file)
    I tried several ways but no use... is this possible?
    Help, please...

    sharat87

    Well Yes, it may... but in any case, I guess I just find a solution to my problem... I'm posting here in the hope that it could help someone :D
    instead use background-image or backgroundImage properties, use:
    borderSkin: Embed (source = "bg.png");

    Bingo!

Maybe you are looking for