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.
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
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
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
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..
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
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.
Bookmarks