dcsimg
www.webdeveloper.com
Results 1 to 7 of 7

Thread: Text wont go on image, only around it. Please help

  1. #1
    Join Date
    Apr 2012
    Posts
    110

    Text wont go on image, only around it. Please help

    Hi, I downloaded a theme, cause I want a design up soon, but now I have a huge problem. Its in TD format. 3 rectangles vertically. A tiny rectangel horizontally in right top corner. The text wont go on it. Only around it and moves image away from it.
    There code is <table border="0" cellpadding="0" cellspacing="0">
    <tr><td><img src="images/text2.jpg" border="0" width="280" height="76" alt=""></td>

    I tried putting text between <td> and the <img src=>
    I tried putting after<img src=> and before</td>
    Also tried after </td>
    text just wont go on image. It is <h1>art model</h1>Im trying to put in.

    I put in css h1 {color:red;absoluteosition; left:500px;
    repeat:no-repeat
    top:2px;

    tried the float etc, nothing works, tried relative position, nothing.

  2. #2
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    Without see the live page, it's pretty hard to tell how/why the rest of the page is interacting with the area you are talking about.
    Best to post a link to an on-line page and then describe in exact detail which table, which image, and exactly what you are attempting to do.
    You are attempting to stack text OVER an image?
    Using position absolute and/or position relative can produce unexpected results if you don't also give the parent element a declared position.
    So that's why we need to see the entire page.
    But you can brush up on declared positions here:
    http://www.w3schools.com/css/css_positioning.asp
    and z-indexing (stacking) here:
    http://www.w3schools.com/cssref/pr_pos_z-index.asp
    Best wishes,
    Eye for Video

  3. #3
    Join Date
    Apr 2012
    Posts
    110

    Thanks Eye For View, I dont have it online unfortunately

    Thanks. Still bussy trying to build a website, before I try put it online or on the web, so I cant give anyone a link yet.
    so, I guess thats why Im struggling, cause Im on my own.
    But Thanks

  4. #4
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    If you have a web host, just post a temp page illustrating the problem. You don't need the entire site.
    Also, all details you need to get text to display over the top of an image are covered in the 2 links I posted. z-indexing is how you stack one element (text for example) on top of another. But to use z-indexing you must also use a declared position.
    That's how it's done. There's not much more I can say.
    Best wishes,
    Eye for Video

  5. #5
    Join Date
    Apr 2012
    Posts
    110

    Thanks, reading up on z-index, how would I put it in a table theme.

    Hi, thanks eye for view.
    Reading up on it etc, do you have any examples or advice on placing it in a downloaded webtheme which is made up with td.
    Also, the theme doesnt take up the whole editor window, only about 3/4 of it, would you know how I can make it fit the screen.
    thanks again..

  6. #6
    Join Date
    Feb 2008
    Location
    NW Washington State
    Posts
    1,856
    I really have no idea what you mean by a "theme". Is this a WordPress site? a DreamWeaver template or what?
    Also what do you mean by "editor window"? Why do you care how it looks in the editor? Isn't the real important thing how it looks in a browser window?
    Web page layout is all controlled by HTML rules and the "styles" applied to the various elements.
    Learn basic Web page layout here:
    http://www.w3schools.com/html/default.asp
    and read about the HTML/CSS "box model" here. This is the basic building block used to construct the page:
    http://www.w3schools.com/css/css_boxmodel.asp
    Then learn how to "style" page elements here:
    http://www.w3schools.com/css/
    As for placing the text over an image in a <td>... the text might not be in the <td> at all but rather in a different container placed over the top of the <td>. Besides, tables are often not the optimum method for page layout, but I understand.... this is a prebuilt "theme".
    Post a link to the actual page and describe in detail the exact <td> that you are attempting to place text over.
    To avoid all this z-indexing, have you considered just adding the text directly to the image (in PhotoShop or some other image editing program)?
    Best wishes,
    Eye for Video

  7. #7
    Join Date
    Apr 2012
    Posts
    110

    Thanks Eye for view, here is the link etc

    I go to Quackit.com

    Then its the 6th one down. 1st one on left side. Under section more business templates. They are in rows of 3.

    The large model on the left, and the small model on the right. In the middle of the page in the grey rectangle. I deleted the text there, but now when I put text on it just goes above the ruler line ontop instead of in place.
    Then the real problem is, I want to write Art Models in the light blue rectangle on the top right, but the writing just moves that block away. The text wont go ontop of that blueish rectangle.

    I dont know exactly how I put this in now, cause its in td. format.
    You can look at the source code.
    If you could just give me an example how you would put this in.
    With this td format.

    Highly appreciated.
    Thanks

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles