Text single line with background Image field

Similar Questions

• Arrow line (single line with an arrowhead) in MS Paint Win7

  Is there anyway that I can draw an arrow line (straigt single line with an arrowhead at the end) in the new MS Paint in Win7?

  The following items may be worth a visit:

  Windows 7 - paint help
  http://Windows.Microsoft.com/en-us/Windows7/using-paint

  Windows 7 - getting started with paint - tutorial
  http://Windows.Microsoft.com/en-us/Windows7/getting-started-with-paint

  Windows 7 - How to add an arrow to a screenshot
  http://www.allsandiegocomputerrepair.com/693/how-to-add-an-arrow-to-a-screenshot/

• Menu Spry, problems with background images in Internet Explorer

  Hello

  Looking for help from someone more qualified than me with some menus spry.  I have problems with background images don't show is not for some of my items menu in Internet Explorer.  Safari and firefox seem to accept it's ok.

  Here is a link to the menu: http://www.scottbrownwebdesign.com/beta/HTML/index.html

  and here is a link to the spry .css: http://www.scottbrownwebdesign.com/beta/HTML/SpryAssets/SpryMenuBarHorizontal.CSS

  I know that these are the elements that have the drop down or the side of the arrows.  I can't have two background images that I can?

  Thanks in advance,

  -Scott

  My first thought...

                       display: inline;          f\loat: left;          background: #FFF;
  
  Try declaring the background-image here as well... where it says not to mess with unless you know what you are doing.
  
  I'm just guessing though. If I had more time I'd look into it further but I do not.
  

• Help with background image

  I am one of those old creators shaped 'table' who decided to try the new way, CSS sites.

  I tried to enter a background image to a page and put a table on the top. It did not work because when I added another table inside the main table it reproduces the background which was attached to the page image and not the table.

  So I decided to do it in CSS and strange, this duplication thing happened here as well. When you hit the enter diplicates a band thin of the background of the page.

  I have attached two screenshots. The first is what it looks like in DreamWeaver CS4 and the other in the browser.

  

  

  The CSS looks like this:
  

  body, p

  {

  margin-left: 0px;

  margin-top: 0px;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-position: left top;

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

  }

  #container {}

  }

  {#headerarea}

  padding: 10px;

  height: 20px;

  width: 800px;

  left: 260px;

  top: 141px;

  position: absolute;

  are-family: Arial, Helvetica, without serif.

  are-size: 16px;

  make-weight: bold;

  color: #FFF;

  }

  {#leftarea}

  padding: 10px;

  height: 600px;

  width: 250px;

  position: absolute;

  left: 0px;

  top: 141px;

  }

  {#mainbodytext}

  padding: 10px;

  height: 100%;

  width: 700px;

  position: absolute;

  left: 260px;

  top: 220px;

  are-family: Arial, Helvetica, without serif.

  are-size: 12px;

  make-style: normal;

  color: #FFF;

  text-align: left;

  background-image: url(images/trans-test.png);

  background-repeat: repeat;

  }

  #header {}

  padding: 10px;

  height: 20px;

  width: 700px;

  position: absolute;

  left: 260px;

  top: 170px;

  are-family: Arial, Helvetica, without serif.

  -font size: 24 PX.

  make-weight: bold;

  color: #FFF;

  }

  {#footerarea}

  padding: 10px;

  height: 30px;

  width: 1280px.

  position: absolute;

  left: 0px;

  top: 800px;

  }

  a,

  a: visited,

  a: link {}

  color: #424242;

  are-family: Arial, Helvetica;

  are-size: 12px;

  text-decoration: underline;

  make-weight: bold;

  }

  a: hover {}

  color: #666666;

  are-family: Arial, Helvetica;

  text-decoration: highlighted underscore;

  are-size: 12px;

  make-weight: bold;

  }

  a: {for more information

  color: #oooooo;

  do-family: Arial, Helvetica;

  text-decoration: underline;

  do-size: 12px;

  make-weight: bold;

       }

  . {To header

  are-family: Arial, Helvetica, without serif.

  are-size: 18px;

  make-style: normal;

  make-weight: bold;

  color: #cc0000;

  }

  . OPPORTUNITY {}

  are-family: Arial, Helvetica, without serif.

  -font size: 13px;

  make-style: normal;

  make-weight: normal;

  are-variant: normal;

  }

  And the page itself looks like this

  < html >

  < head >

  < title > < /title > African surveyors

  < meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 ">"

  < META name = "Description" content = "engineering and topographic surveyors, surveyors African," > ""

  < META name = "Keywords" content = "surveyors, African, African, topographic surveyors in engineering, land surveyors" >

  < META name = "robots" content = "ALL" >

  < META name = "copyright" content = "" >

  < META name = "rating" content = "Général" >

  < META name = "revisit-after" content = "14" >

  < META name = "language" content = "EN" >

  < META name = 'distribution' content = 'Global' >

  < meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 ">"

  < link href = "style.css" rel = "stylesheet" type = "text/css" > "

  < script src = "SpryAssets/SpryMenuBar.js" type = "text/javascript" > < / script > "

  < link href = "SpryAssets/SpryMenuBarHorizontal.css" rel = "stylesheet" type = "text/css" > "

  < / head >

  < body >

  < div id = "container" >

  < div id = "headerarea" >

  < ul id = "MenuBar1" class = "MenuBarHorizontal" >

  < li > < a href = "#" > about us < /a > < /li >

  < li > < a href = "#" > contact us < /a > < /li >

  < li > < a href = "#" class = "MenuBarItemSubmenu" > Services < /a >

  < ul >

  < li > < a href = "#" > rendering 3D < /a > < /li >

  < li > < a href = "#" > example 3 < /a > < /li >

  < /ul >

  < /li >

  < li > < a class = "MenuBarItemSubmenu" href = "#" > point 3 < /a >

  < ul >

  < li > < a class = "MenuBarItemSubmenu" href = "#" > point 3.1 < /a >

  < ul >

  < li > < a href = "#" > section 3.1.1 < /a > < /li >

  < li > < a href = "#" > 3.1.2 < /a > < /li >

  < /ul >

  < /li >

  < li > < a href = "#" > point 3.2 < /a > < /li >

  < li > < a href = "#" > point 3.3 < /a > < /li >

  < /ul >

  < /li >

  < li > < a href = "#" > point 4 < /a > < /li >

  < /ul >

  < / div >

  < div id = "leftarea" >

  < p > the left connect domain < /p >

  < / div >

  < div id = "mainbodytext" >

  < class p 'Body_text' = > place the body of the text here < /p >

  < class p = 'Body_text' > and several body text here < /p >

  < class p = 'Body_text' > < / p >

  < / div >

  < div id = "footerarea" >

  < p > < /p > footer area

  < / div >

  < / div >

  < div id = "header" >

  < h1 class = "Header" > African surveyors < / h1 >

  < / div >

  < script type = "text/javascript" >

  <!--

  var MenuBar1 = new Spry.Widget.MenuBar ("MenuBar1", {imgDown: "SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});})

  ->

  < /script >

  < / body >

  < / html >

  Hello:

  You have a class css as follows:

  body, p

  {

  left margin: 0px;

  margin-top: 0px;

  background-attachment: fixed;

  background-repeat: no-repeat;

  background-position: left top;

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

  }

  This applies to the body and p tag.

  So when you enter, you generate one

  tag and, therefore, this image is applied due to the class above as a backdrop.

  I hope I am on the right track...

  Thank you

  Vinay

• How to make a single line with 6-8 images in css?

  I would like to do a header line with 6-8 icons of different sizes and use them as links.  I can't get them to line up horizontally in a container. How can I do this?

  You can do this by making the area the same size icons. that is, all the images are the same size, it's just the icons in the image control that are different sizes.

  If you don't want to do this then probably a good reason to use a table with cells of 6/8 otherwise, you will need to adjust padding/margin on each icon to align individual, doable but somewhat tedious.

• Problem with background Images and scrolling

  I had to face for a while to get background pictures are working properly. Here's what I do:

  VFM VerticalFieldManager = new VerticalFieldManager();

  Card of bitmap = Bitmap.getBitmapResource ("MyImage.jpg");

  Background bg = BackgroundFactory.createBitmapBackground (map);

  vfm.setBackground (bg);

  This works, but has entrapment. First of all, he painted only as much as you have fields too much room, so I have to add empty fields just to occupy vertical space. However, on a page with something like a listField, where the height is variable, this can lead to what the background image are starting to repeat and to allow scrolling.

  What I want to do is to block all the scrolling and have the training exactly fill the screen with no scrolling or white empty places.

  I'll just on this wrong? Would really love to help...

  Hello

  Hope this will help you.

  class LoginScreen extends MainScreen {    //Manager        private VerticalFieldManager _manager;
  
      LoginScreen() {        //Set Background image            _manager = (VerticalFieldManager)getMainManager();            Background bg = BackgroundFactory.createBitmapBackground(Bitmap.getBitmapResource("back.png"));            _manager.setBackground(bg);
  
     }}
  

  Add this manageron your screen don't add any component in this handler.

  You add fields in the Manager of the other, and adds that the Manager on the screen.

  Let me know if this solves your problem or not.

• Text of Center with the image next to it.

  I want to have a centered text and just to his left a picture which is an icon.

  I'm sure that's a very basic question, but while I can understand a few methods which almost achieve this, im not sure of the right way to do it.

  Can I Center the text with text-align: center, but this is not applied to the image.

  I can make the text in a div with padding on the left equal to the width of the image, and then set the image as a background image that appears on the left. I can then use margin: auto to center the div, but only if I specify a width for the div If I do this, then the text is not exactly centered on the page. If I do the fairly large div and add text-align: center, then the text is centered, but the image is not always in the right place.

  Is there a solution?

  Thank you

  Hello

  Yes, the solution was obvious, and it was only when I was witting that I realized that I had been focused on centering the text with an image to the left and not with an image just to the left of the text, sorry my mistake!

  What I usually do to allow resizing of the text is to allow for a value up to 150% of my setting specified in the design police (not always possible, but I'm trying!), and anything above that allow the text overflow-spaces for this: nowrap; a rule that I had in the #header css rule.

  PZ

• How to get the text to change with each image in the slideshow base

  Hi, I'm putting the different positions and text on three different images. When I saw the text just remains the same.  I tried to change individually, but it doesn't seem to work. I took images in Photoshop and make all the same size with compensation for the text to be included later in the Muse. Then I loaded the three images in the slide show and thumbnail to bring the image before and at the Center. But regardless I the title and text appear unchanged, even if the changes to the image.  I don't know what to do with the image and text together in Photoshop would do anything for type resolution when it was introduced to the Muse.  Any ideas please.  I enclose the schema where I wish to address three different types of job seeker.

  Hi brush them... you have checked the title text on your widget option?... Try again with different slidshows which shows the option.so of text you can add the text you want in each image/trigger...sorry my English and I hope to help you

• Puzzle pieces filled with background image?

  Hello community, there.
  On exactly 0:21 of this video: https://www.YouTube.com/watch?v=HTT6aaoq-OS ; the guy selects the pieces of the puzzle and then proceeds to copy them into a new layer. But the new pieces of the puzzle are now filled with the image of the background. Could you recognize this specific effect/technique or direct me to the shortcuts he used? Any help is greatly appreciated, friends

  PS. I think that it is a variant of the clipping mask - I tried with the clipping mask, but I can't get the search results

  After selecting the pieces of the puzzle, he selects the bg layer and press ctrl/cmd-J.

• Grid height of container to 100% with background image

  Hello

  I am a beginner with grids of fluid... I want to get whaY I always used to call a div wrapper - up to 100% with a background image, so I can put all my tests on top of it... and I can't get the grid container to stretch 100%...

  I would like to use the container to contain the image, and then run the other diving on top (within) can it... someone please give me a leg upward?

  Thank you

  Try this:

  Resizable background image full Page

  Nancy O.

• Please help: content still is not fixed with background image when I resize the browser window

  I am designing a Web site and want my content appear in the same location relative to the background image, regardless of whether or not the browser window is resized. How can I do this? (the content always moves when I preview the page)

  You can pin the object on the page so that it remains in the same position with any size of the screen.

  Thank you

  Sanjit

• Border problems with background image

  Hello

  I have a problem with my background image. I have fillings of browser size the original value and activated scale option in the middle. The image has a resolution of 1920x1080px. But when I now change the size of my browser I get a white border on the left or on the right size.

  
  

  Small to large size of Office Office:
  

  https://DL.dropboxusercontent.com/u/84237067/kleinzugross.PNG

  Large size of small office desktop:

  https://DL.dropboxusercontent.com/u/84237067/grosszuklein.PNG

  Hope you understand me, my English for this specific part is not perfect it.

  Greetings

  Marcel

  I checked out the site but don't see any white space on the page with large screens, I think that you have already solved the problem?

  Thank you

  Sanjit

• make the text watermark on the background image

  Hello

  I'm using code that I found on the internet to create a digital watermarking for PS file

  % ! PS

  < <

  / {BeginPage

  Save 200 100 moveto 60 turn

  / Times-Roman findfont 140 scalefont setfont

  See the setgray 0.9 (DRAFT)

  restoration

  }

  > > setpagedevice

  the problem is that when I have a background image of the watermark does not appear ontop of it

  How can I make the watermark text appear ontop of the image?

  Thank you

  the section of the image is as follows

  302 618 1829 1641 CL

  Definition of GS 302 618 1829 1641 balance

  Save

  1829 1641 1829 1641 8 0-0 MI

  ffffffffffff8dff19eaffffffffffffffffffffffffffff0aff19eaffffffff

  ..............................

  e1ff36eaffffffffffffffffffffffffedff36eaffffffffffffffffffff71ff

  restoration

  GR

  %!

  % multi test page - add earlier exch

  / EndPage

  {

  Exch pop eq 0

  {

  Save initgraphics

  / 140 times-Roman selectfont

  200 100 moveto

  60 rotate

  .9 setgray

  False charpath (PROJECT)

  setLineWidth 2

  cerebral vascular accident

  restoration

  true

  }

  {

  fake

  } ifelse

  }

  > setpagedevice

  1 0 0 0 setcmykcolor

  72 72 500 600 rectfill

  showPage

  0 1 0 0 setcmykcolor

  72 72 500 600 rectfill

  showPage

  0 0 1 0 setcmykcolor

  72 72 500 600 rectfill

  showPage

• Alignment of header with background image

  I have problems trying to align my header with my background image image. I created a table with a width of 100%. The height of my image is 108px. I can't get the cell as 108px also.
  
  I get the error message "the value you entered would make this table becomes lower than its minimum size.» It will be reduced to a size valed. »
  
  So basically my background image starts a couple px before my image and therrfore dosent align correctly.
  
  Any ideas?

  Thank you so much Michael! I didn't know that a white in the cellular space, padding box does not mean 0. I put in zeros and problem solved!

• Need help with background image a clickable link

  Hi guys,.

  I want to make the background of my site a background of advertising where the background image is clickable.

  I tried a few tutorials, but none seems not to work

  What I have, it's like my CSS...

  #skin {position: absolute;
      width: 100%;
      height: 800px;
      margin-left: auto;
      margin-right: auto;
      top: 0px;
      left: 0px;
      z-index: -1;
      background-position: fixed;
  }
  

  .. .and this as my HTML code...

  <div id="skin"><a href=""><img src="background.jpg" /></a></div>
  

  It works soon, but the link is only a thin strip of hand and side of the screen for some reason any and don't extend to the background of the entire image.

  Does anyone have any ideas as to where I'm wrong?

  I thank you and hope to hear from you!

  SM

  Spindrift wrote:

  Basically, what I want to do, is to have a skin of advertising that the background (maybe just a dummy container div to serve in the background) of my site, while he fills the area outside the container div of my sites and opens a link if clicked.

  Anyone know how I can do this?

  This can be done relatively easily, but it's not very pretty. You will need to use a full great for the background image, unless you plan to repeat, and then assign the clickable containing exactly this size. See code and screenshot below. Tested in FF, Chrome and IE9.