HTML - Text And Image To Be In The Middle How?!!

My client friend wants a links page with rollover emails that chage the main image of the page so he can have a different sketch of each of them.

My idea, and its backfiring as I can do this if I change the email text into images with swap image and a target but he wants them to remain as copyable (mmm is that even a word?) text.

Can it be done with text without making it an image?

many thanks to all you wonderful people that make these sites possible

jax

I can't seems to be able to get it to a valign middle at oscommerce but on my html page it worked fine. Also why is the html page gray bar bigger than the oscomerce gray bar?
Code:

  <table width="100%" height="30" align="center" border="0" bgcolor="grey">
	 <tr>
	  <td class="bar1" valign="middle" height="100%">
<ul id="navlist">
<li id="active"><a href="/index.html" id="current">Home</a></li>
<li><a href="index.php">Collections</a></li>
<li><a href="/payment.html">Payment & Shipping</a></li>
<li><a href="/about.html">About us</a></li>
<li><a href="contact_us.php">Contact Us</a></li>
</ul>		 
		</td>
	 </tr>
	</table>

Code:

.bar1 {font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-align:center;}

#navlist ul {margin-left: 0;padding-left: 0;white-space: nowrap;}
#navlist li {display: inline;list-style-type: none;}
#navlist a { padding: 15px 20px; }
#navlist a:link, #navlist a:visited {color: #fff;background-color: grey;text-decoration: none;}
#navlist a:hover{color: #fff;background-color: #6D6968;text-decoration: none;}

actual site http://janlevin.com.my/

i'm new so please be gentle!

I have recently designed and put up a new website.

url he http://www.thecomicstrippresents.webs.com

it's the first time i have used photoshop to design a website and for a first attempt i dont think it looks half bad. i'm sure as well as looking a whole lot worse, it could look a lot better.

first off can someone tell me the ideal resolution i need to save the images as some of the images are grainy and pixely.

secondly, can someone suggest what i can use to put content in the mid section? a lot of the content is longer than the box allows so for the time being i have put an Iframe there, the iframe is ok temporarily but will be a bit of a as far as SEO goes and up until i changed to iframe i was coming up second page of a google websearch for 'The Comic Strip Presents'

please can you someone help?

cheers

Em

Hi,
I have a problem.
I don't get my table in the middle of the page. can someone help me?

<removed by me>

Got it now, delete this topic please

I'm getting strange characters right in the middle of a word. The character looks like a rectangle with an X in it in my browser Safari. At a PC at a university the character was different, dots, I think.
Here is the code for the relavent line:

<LI><U> La Primavera: Music for voice, lute, viola da gamba and recorder from the English Renaissance</U> You can listen to the whole CD at Magnatune Records and it is also available <A HREF="luteCD.html#Total running time: 59:22"> <strong> here </strong></A>). Played lute as well as produced and arranged music from the late Renaissance featuring lute songs and instrumentals
<BR> <align = 'right'>
<a href = "mainpage.htm#Why">Back to Home Page</a>
</right>


Strange. The characters appear in the preview window for this message but not the window I'm typing in now.

If you see the characters, there is no need to visit my page, but here is the link to the page. The troublesome line is at the bottom.

http://www9.plala.or.jp/edurbrow/personalhistory.html

TIA

Help,
Can anyone tell me why my website is splitting down the middle. In other words when I scroll down it looks like the left half and right half don't match. It happens on all computers. And, how do I fix it? The url is www.gotobreakingthrough.com

Thanks

Hey guys! On the site I'm working on, I have made overflow:hidden, scrollbars:none, and body scroll=no.

It works fine. But when I press and hold the scroll wheel on my mouse to scroll left and right (Middle Click Scrolling), it actually scrolls.

How do I disable middle click scrolling?

This is my first post here so I apologize if I've done something wrong. Thank you!

EDIT: It also scrolls when I use the arrow keys! Help

Can someone please tell me how to center an iframe vertically on a page. I am feeling really stupid right now that I can't get it. I've tried a few different things and it's not budging!!!!

Please help - thanks!

how do you make it so the video is displayed in the middle of the browser? (I already got it in the center but I want it in the middle of the browser as well) Thanks.

<center>
<OBJECT ID="MediaPlayer" WIDTH="100" HEIGHT="100" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"></div></div>

<PARAM NAME="FileName" VALUE="http://www.htmlcodetutorial.com/graphics/heart.avi">
<PARAM name="ShowControls" VALUE="false">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<PARAM name="autostart" VALUE="true">
<EMBED TYPE="application/x-mplayer2" SRC="http://www.htmlcodetutorial.com/graphics/heart.avi" NAME="MediaPlayer"
WIDTH="100" HEIGHT="100" ShowControls="0" ShowStatusBar="0" ShowDisplay="0" autostart="1"> </EMBED>10:00 AM

11/4/2008
</OBJECT>
</center>

Hi guys, I'm really having a problem here. I'm creating a new instant messenger program and can't get the tables to stretch properly. Firstoff, when the messenger loads, you will not see the address bar, status bar, menu bar, etc.

I want to be able to resize the browser (messenger) window to any size, just like you would with msn for example.

I have 3 tables.

1) The first one will contain all the header graphics etc and I want this table to stay aligned to the TOP of the browser window.

2) The middle table is where the chat conversation text will go. The chat text will be aligned to the top of this window. This is the window that I need to stretch to vertically automatically when you resize the browser window.

3) The last table is where the message entry box will be. I want this to stay aligned to the BOTTOM of the browser window.

Right now, my MAIN TABLE which contains all of the messenger content does stretch to fit the screen, but how the heck do I get the three tables inside it to be aligned how i need them???

Here is the basic code that I'm working with:

<html>

<head>
<title>Site Title</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>

<table id="fullheight" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="100%">Header goes here - Stays aligned to the top of the
browser window</td>
</tr>
<tr>
<td width="100%">Middle chat content - automatically stretches
vertically when the browser window is resized</td>
</tr>
<tr>
<td width="100%">Message entry box section - stays aligned to the bottom
of the browser window</td>
</tr>
</table>
</td>
</tr>
</table>
</body>

</html>

This is the CSS code that I'm using which makes the MAIN table expand to fit the entire browser window:

html, body
{
margin:0;
padding:0;
height:100%;
border:none
}

#fullheight{height:100%}

Can anyone please help me out?

Thanks!

Hi,

I have problem with XHTML CSS vertical align middle.

It works with Firefox but not with IE6. Many people has IE6 still so I need to get it to work.

HTML Code:

<div style="height: 128px;">text</div>

How would I middle vertical align the text?

HTML Code:

<div id="table_small"><div id="table_vm">Special Offer</div></div>

HTML Code:

#table_small
 {
  background-image: url('images/table.jpg');
  width: 128px;
  height: 22px;
  border: 1px solid #5a5a5a;
  font-family: Verdana;
  font-size: 10px;
  color: #e0e0e0;
  text-align: center;
  display: table;
 }

#table_vm
 {
  display: table-cell;
  vertical-align: middle;
 }

First off I want to say that I'm new to this forum. Thanks in advance for the help you can give to a noobie.

Here's the "dummy page" I put up: http://www.mrcrepe.com/work.html

The table I made in dreamweaver. I put it as 900px wide with 1 row and 2 columns. The border color I made a redish/pinkish color as you can see on the outsides, but how do I make that "separater border" into the same color? Right now it's just that silver line.
Thanks in advance.

-Brian

I know "<br>" causes a line break outside of a string, but how can I insert one INSIDE a string?

Ex:
<textarea value="" > example text <LINE BREAK> more example text </textarea>

Hi, I am new to the forum, and HTML. I have a website, but it built by someone else, who has since left the country, so I am trying to learn basic coding to do my own website work. My question is, how do I put an image on a page with text displayed on the image ? There is an image on the home page of my site, Lanna Charm, with text on it , and I have tried to create the same effect, without success. Is there an easy way to do this ? I found the image in "Assets", in the admin section, and I can reproduce it, but I want to use different images, with different text. Thank you, Mickmac

How can I, in a table, put text directly to the right of an image? When I try, the image is placed, and then there's plenty of space to the right, but the text goes to the bottom right corner of the picture. How can I have it like this: (x's represent the image)

xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx &larr; Text
xxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxx

I'd like to have them all on a center line so to speak, where the middle of the text is lined up with the middle of the picture, and the text is centered (the text will be in a column-like structure, not just one line as it appears above)