Can you place an image in a div tag and then add type over top of it?

I told someone in class lastweek that I wanted to be able to
place type over an image. They said you can just add the image into
the div tag as a background image, which will allow you to then
type over it if you like. How is this done? I have tried and
failed. I have an image that is 200x590 going down the left side of
my page. I want to run type over it, and keep the image consistent
on every page, but change the header and type. I've seen this in
several sites. How do you do this with the div tag box model method
of building a page. Can I insert an image into the div and then run
type over it. What does the code look like?

Here's an example of using a css and a background image to a
table cell...
sample principle for a div
#div {styles go here{
http://tinyurl.com/yqeptp
You may also want to go through the beginner css tutorials at
the Adobe
site:
http://www.adobe.com/devnet/dreamweaver/css.html
(pay attention to the ones
by Adrian), beginner moving onto to creating full css
layouts.
Hope this helps :-)
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Forum Posting Guidelines:
http://www.adobe.com/support/forums/guidelines.html
>I told someone in class lastweek that I wanted to be able
to place type
>over an
> image. They said you can just add the image into the div
tag as a
> background
> image, which will allow you to then type over it if you
like. How is this
> done?
> I have tried and failed. I have an image that is 200x590
going down the
> left
> side of my page. I want to run type over it, and keep
the image consistent
> on
> every page, but change the header and type. I've seen
this in several
> sites.
> How do you do this with the div tag box model method of
building a page.
> Can I
> insert an image into the div and then run type over it.
What does the code
> look
> like?
>

Similar Messages

  • Can you transfer hd video directly from an ipod and then EDIT that video in imovie? I will be on the road and wont have a mac, just an ipad 2 and ipod touch. I want to shoot video on the touch and edit it on the ipad. Thanks!

    Can you transfer hd video directly from an ipod touch to the ipad 2 and then EDIT that video in imovie? I will be on the road and wont have a mac, just an ipad 2 and ipod touch. I want to shoot video on the touch and edit it on the ipad. Thanks!

    Thanks Tgara.
    Its funny. So far the responses have been 50/50 on this question. I even asked two seperate Apple Store employees here in NYC, and got two different answers! One said yes, the other no.
    Argh!
    I know from watching the keynote speech about icloud and iOS 5 that you will be able to cut the cord between the pc and ios devices like the ipad. No more need to sync them via a cord. So will that mean i would then be able to load video directly to the ipad via tha cam kit connector from my ipod? Also i wonder if/when Apple will allow HD video from on Apple devices like a canon dslr to be able to transfer to the ipad via the cam kit connector AND be able to EDIT that footage in imovie for the ipad. Speaking of imovie for the ipad...i hope it gets an update soon as well.
    Anyway....with the macbook airs getting updated next week with thunderbolt and new sandy bridge chips....i may just get one of them instead of the ipad 2 for editing video on the road. Still...i prefer surfing the web experience on the ipad. Grrrrrrr. **** youuuuuuu Apple!!! Lol

  • Can you place an image on top of a movie?

    I am creating a slideshow. The background image is an HD movie of some candles burning. I want to then have smaller images fade in and out next to the burning candles, one after another, with some panning and zooming as well. In other words, I want to have an image over a movie, but I need each image to be the same size and in the same position for each one. I have created a similar slideshow, building everything in Photoshop then importing the PSD file into Premiere. It was the only way I could figure out how to get the images to be in the same position in Premiere; it worked out great! However, wanting to pan and zoom I obviously need the images to be larger than the actual size I want to achieve the panning and zooming affect. So how do I do it? If I import the images into Premiere separately how do I get them to be on the same X & Y coordinates? Can I do a mask effect in Premiere as one can in Photoshop? I was going to build the project in Photoshop’s timeline, but you can’t control the length of a clip, as well as other factors, with any consistency, so it’s becoming too time consuming.
    Any suggestions would be greatly appreciated.
    Thank you
    Michael

    Thank you, Bill, your article will be very helpful. I appreciate it.
    My question, However, is not getting answered, and either I am not getting it (which is highly likely) or I am not explaining my situation correctly, so I'm going to try and explain it in more detail if you don’t mind.
    I understand the whole PIP solution and that helps me in part.
    Here is what I have and what I am trying to do.
    My video is 1280x720. On the right hand side there are candles lite. On the left hand side i have an image 724x504. I'm going to have images fade in and fade out with in this 724x504 frame. I would also like to pan and zoom the image within the 724x504 dimensions. To do that I need my images to be larger than 724x504. I don't want to scale ALL the images to 724x504 in Photoshop then bring them into PrPro because I wont be able to pan and zoom the image. I need some sort of Mask, like in Photoshop, but don't think I can do it in PrPro. I want the viewer to only see the 724x504 frame and not the excess of the image needed to pan and zoom.
    I hope I was clearer in describing my issue.
    Michael

  • Can you put your iTunes data on your airport and then have your computers with the same apple id sync to this music/ and play list / podcast / movies / iTunes u?

    I have a laptop and desktop can I sync my itunes to a master libary on a nas or my airport extream? this would be similar to syncing my devices to my imac (iPad, iPhonce, ect.)

    two answers as I am unshour to what you want to do:
    Setup homeshareing or:
    1) QUIT not just Close iTunes if it open
    1) Make a folder on the shared disk
    2) Move the "Users/username/Music/iTunes folder you want to share with all the devices to the folder on the shared disk
    3) Make that folder accessable by all the users you want to access it.
    4) Hold the "Option/alt" key down and click iTunes and it will ask if you want to "Choose a Library"
    5) click "Choose a Library" and choose the one on the shared disk
    6) Do this on evey meachine you want to have access to this library
    8) REMBER THAT IF YOUR NOT CONNECTED TO YOUR SHARED DISK THEN YOU WILL NOT BE ABLE TO ACCESS YOUR LIBRARY but you can choose librays at any time by using step 4 and you can have as meany librarys as you like.
    I hope this answers your question
    Sorry for any bad spellings I am dyslex......

  • How can I search the stage for a given Movieclip and then add all instances of it to an Array? AS3

    I would like to Add multible instances of one Movieclip, (Library Name = Bats | instance name = none), inside of another Movieclip (instance name = back.visuals) // (By HAND) NOT by addChild(mc_name); // Easy
    If anyone could help me out with code to do the next steps:
    Search the Movieclip, (instance name = back.visuals), that contains the Movieclips, (Library Name = Bats | instance name = none), manually added to the stage by hand.
    Then for all instances of this movieclip (Library Name = Bats | instance name = none) add them to an Array.
    Thank You,
    Dyami

    I think we are having some missed communication. I do not wish to Change Flash's IDE or deveolp new features for flash. I was wondering if there was a way to do my question with AS3. something along the lines of :
    var enemyList:Array = new Array;
    for (var index:int = 0;index < back.visuals.numChildren;index++)
        var wall:MovieClip = back.visuals.getChildAt(index) as MovieClip;
    /* Check to see if wall is of a Specfic MovieClip */
    /* if (Above is True){ enemyList.push(wall) };

  • Can you tell an image not to move despite page scrolling?

    Can I place an image (either in a div or not) that will
    remain where I
    placed it despite page scrolling? Say I want it at 0,0 but
    the page scrolls
    up and I want it to remain in that top left corner like a
    fixed background.
    Except it has to be without using a body background (that's
    already in use).

    "Mick White" <[email protected]> wrote in
    message
    news:eva8gd$4sa$[email protected]..
    > R.J. wrote:
    >
    >> Can I place an image (either in a div or not) that
    will remain where I
    >> placed it despite page scrolling? Say I want it at
    0,0 but the page
    >> scrolls up and I want it to remain in that top left
    corner like a fixed
    >> background.
    >>
    >> Except it has to be without using a body background
    (that's already in
    >> use).
    >>
    > CSS
    > position:fixed
    >
    > Not <= IE6, though.
    > Mick
    Thanks Mick, but for some reason this fills the area around
    the image with
    white up until the end of the viewport. You can scroll the
    white off,
    however -- and the image remains fixed -- so it looks fine
    once you scroll a
    whole screenful down. But that initialy screen doesn't show
    the background
    underneath -- it shows white; on both IE7 and FF2. :(
    (the image is a png)

  • How do I place an image in a div container for only 1 page?

    I am designing a web site for my wife using DW. The basic
    look of all the pages follow this format: <darhosta.com>. I
    need to make about four pages that look different that the basic
    look above. In essence I want to make the background white and have
    a 'background image in the div container. Thanks to Nancy, who
    frequents these forums, I was able to get rid of the background
    image that surrounds the main div container with the CSS she
    suggested. (Here's the page with Nancy's suggestion of the correct
    CSS and where to insert it -Thanks Nancy-: <
    http://darhosta.com/Pages/iltn.html>
    The page is almost done but I want to have a background image
    in the main div container. I've been trying to figure this out on
    my own but haven't been able to. Can anyone help me? Thanks for the
    help,
    Lou
    Note: Here the CSS that Nancy suggestion with my modification
    included to get rid of the background. If anyone needs to see more
    of the code please email me.
    Thanks again,
    <style type="text/css">
    body {
    background-image: none;
    <!--
    -->
    </style>
    I now want to place an image in the div container. I've not
    been able to figure out how to do this.

    louhosta posted in macromedia.dreamweaver
    > <
    http://darhosta.com/Pages/iltn.html>
    > The page is almost done but I want to have a background
    image in
    > the main div container. I've been trying to figure this
    out on my
    > own but haven't been able to. Can anyone help me? Thanks
    for the
    > help, Lou
    > Note: Here the CSS that Nancy suggestion with my
    modification
    > included to get rid of the background. If anyone needs
    to see
    > more of the code please email me.
    No need. All source is available from the link.
    In ilth.html, change this:
    <style type="text/css">
    body {
    background-image: none;
    <!--
    -->
    </style>
    <link href="../css/global.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" />
    to this:
    <link href="../css/global.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" />
    <style type="text/css">
    body {
    background-image: none;
    background-color: #fff;
    #container {
    background-image: url(../images/global/bkPage.jpg);
    </style>
    By embedding the styles AFTER the linked stylesheets, the
    rules
    will overwrite property/value pairs in identical rules that
    may already exist in the linked sheets - assuming no
    !important.
    Mark A. Boyd
    Keep-On-Learnin' :)

  • Double spreads - can I place an image across two pages in facing page mode?

    Hi, I'm just getting into Pages to be able to create custom wedding album designs easily (I use Aperture). I'd really like to be able to place an image across two facing pages and I noticed that there is a 'facing page' mode, but this looks like it only applies to the view.
    I tried laying an image across two 10x13 inch pages, but of course this doesn't work. I also tried to insert a 10x26 inch page as an alternative so that I can treat it as a double page. However, when I try to do this, every page resets to that size.
    Is there a way of creating two page sizes (one normal, the other double width) in the same document so I can do this, or is there a way of spreading an image across two facing pages?
    Thanks

    brown,
    You've bumped into one of Pages' limitations -- it won't allow one image across a spread. I've heard rumors of people kludging it by cutting the image in half, and putting each half on the spread pages.
    -Dennis

  • How can you upload an image to MYSQL using php?

    Ok this is a joint thread with one of my other ones because no one else  was posting on it, so I did not get what I needed, so, How can you  upload an image to mysql so when some one logs on to my site, they see  or can upload there own avatar, now there are loads of problems with  this, 1) many people don't know how, 2) It's not every day you try to  encode a image into mysql, 3) Letting people upload images into mysql  can cause traffic problem with people trying to log in. So that's it.

    Uploading images into MySQL is a bad idea, for more reasons than you mention. You should store the images in a directory on the server instead. But if you want to learn the hard way, here is the method:
    The mysql data type must be blob.
    The form enctype must be multipart, like this: enctype="multipart/form-data"
    The form input field myst be type file, like this: <input type="file" name="upload"/>
    Here is example code that prepares the variable $photodata to be inserted into the database.
      $uploadfile = $_FILES['upload']['tmp_name'];
      $photoname = $_FILES['upload']['name'];
      $uploadtype = $_FILES['upload']['type'];
      if ($uploadfile != "") {
    $tempfile = fopen($uploadfile, 'rb');
    $filesize=filesize($uploadfile);
    $width=getimagesize($uploadfile);
    $widthx=$width[0];
    $heightx=$width[1];
    if (($widthx > 102) or (heightx > 135)){
    $image_too_big = " but the image size was too large and was not submitted.";
    } else {
    $photodata = fread($tempfile, filesize($uploadfile));
    $photodata = addslashes($photodata);

  • Can you create an image field in the form so a respondent can upload a photo to it?

    Can you create an image field in the form so a respondent can upload a photo to it?

    Use the File Attachment field to allow respondents to include a photo with their submission.
    Regards,
    Brian

  • Can I Place an Image in a Table Cell?

    I have a table in ID CS3. Can I place an image in one, or more than one, table cell? I see a place to manage fills, but don't see an option for images.

    I am working on a calendar project and variously want to: (1) put an individual image in a box, (2) put a continuous image behind more than one box like two dates side by side, (3) put a continuous image in multiple boxes that although they constitute a multiple of boxes, might not be rectangular, (4) put text over any or all of the preceeding.
    I can places gridlines on the page, create text and image boxes for for each date, and the join the images boxes as necessary. Then for the box lines I could use an empty table or I could draw them individually and group them. This would get me what I want. I just thought this might be done easier with a table.

  • Why can you flip an image in Photoshop, but not Cmera RAW, or can you?  (CS5)

    Why can you flip an image in Photoshop, but not Cmera RAW, or can you?  (CS5)

    Doesn't look like you can. I'm just a user, so I don't know why. It can be done in Lightroom if that's any consolation.

  • Can you 'link' an image state icon, across a folio.....?

    Here's a thought for you all.....Can you 'link' an image state icon, across a folio.....
    for example a "blinking" 'tap me' 2 state icon, that if you alter, it alters across the whole folio via links??
    Object styles?

    For each icon that you want to use in your email signature:
    locate icon on internet webpage - right-click on the icon and select 'Save Image as'. Save the icon to your computer in a suitable file.
    Then in Thunderbird
    insert > Image
    choose file - locate the saved icon on your computer
    click on Link tab and enter the www etc webpage link info
    click on OK to insert image with link.
    Codewise, where you have the actual icon you would need something stating where the icon is located:
    eg
    <a href="https://www.facebook.com/pages/Ubiquia/146019678805381" target="_blank">
    path to image saved on computer included in within <> </a>

  • Can you create an image map hotspot for an external URL in Dreamweaver CS6?

    Can you create an image map hotspot for an external URL in Dreamweaver CS6?

    Duplicate post: http://forums.adobe.com/thread/1338701?tstart=0

  • Can you save an image in a video as a photo

    Can you save an image in a video as a photo

    I can using the iMovie app on my Mac. I assume you can do the same using the iMovie app on the iPad, but I don't have the iMovie app on my iPad. There may be another app that will work.
     Cheers, Tom

Maybe you are looking for