HTML - Image And Paragraph Problems

I am needing to place my paragraph alongside my title.. I am using the following code.. Code:

<div align="justify"><strong><font color="#306">TopicHere</font></strong><br />TextHere</div>

The above is not giving me what I need, What I need is shown here .. What I need is here

Thank You for your help

David

Gahh! I tried to make my own image map but for some reason it's just no working! Can someone look at the code and see if there's any mistakes or anything please? I tried taking out the decimals but that didn't seem to help it either.

HTML Code:

<MAP NAME="MyMap">
<AREA SHAPE="Rect" HREF="http://www.freewebs.com/dent-gas/dent%26oralsurg.htm" COORDS="0,0 3.5,2.5">
<AREA SHAPE="Rect" HREF="http://www.freewebs.com/dent-gas/cossurg.htm" COORDS="6.7,0 10.5,2.5">
<AREA SHAPE="Rect" HREF="http://www.freewebs.com/dent-gas/emergoxy.htm" COORDS="3.8,2.6 6.8,4.4">
<AREA SHAPE="Rect" HREF="http://www.freewebs.com/dent-gas/vet.htm" COORDS="0,4.5 3.5,7">
<AREA SHAPE="Rect" HREF="http://www.freewebs.com/dent-gas/custom.htm" COORDS="7,4.6 10.5,6.5">
</MAP>

<IMG USEMAP="#MyMap" SRC="http://www.freewebs.com/dent-gas/homeboxes.gif" BORDER="0">

Source: http://www.sedition-gaming.com

There are a couple of problems on the page in IE that I don't see in Firefox.

1. The blue bars at the top and bottom are both only supposed to be 4px tall, yet for some reason, IE is making them stretched out around 10-15. I imagine the problem is because of the clear.gif inside it, but I haven't a clue why since I have the cellpadding set at 0 on all sides.

Code:

<tr>
<td background="images/site/bluebar-top.gif" height="4" style="bluebar"><img src="images/site/clear.gif" width="1" height="1" border="0">
</td>
</tr>

Code:

td.bluebar
{
	padding: 0px 0px 0px 0px;
}

2. Not an image problem, but a question about IE: I have table cell rollovers in the navigation bar that work in FF but not in IE: Does IE not support td cell rollovers?

Thanks in advance!

So I have to make a basic html site for a class project and I am having some browser problems.

On IE some of my images are not showing up (red X), but they work fine on Firefox and Safari.

On Firefox none of my links are changing color when they are visited, but they are on IE and Safari.

Ideally, I would like my site to work correctly on either IE or Firefox, but not necessarily both. What are some possible fixes for my problems? Thanks in advance

Hello,

First post here. I have a quick question regarding the default manner in which Firefox handles different <h> tags.

In an html page if I have the following code...

Code:

Some Text
<h3>Headlines!</h3>
More Text

In Internet Explorer it renders how I want it to like this...

---------------------------------

Some Text
HEADLINES!
More Text

---------------------------------

But in Firefox it throws in a hard return before and after the <h3> as such...

---------------------------------

Some Text

HEADLINES!

More Text

---------------------------------

I know I need to define an additional property in my h3 class but I am honestly not sure what that would be! Any help is appreciated.

Ok I am having a really weird problem. I have a simple div that has some images in it and I am trying to center them. I added text-align: center to the div that wraps the images but it doesn't center the images like it should.

Also, I have a radio button below the image that is wrapped in <p> </p> tags. It looks right in FF of course, but in IE7 it puts the radio button to the side of the picture instead of below like it should when it is wrapped in paragraph tags. Anyone have any idea why this might be happening?

http://www.mesquitechristmas.com/loc...?action=images

The link is a secure page but I have removed the session and disabled the function so the page should display.

-Thanks

http://www.iankovi.com/htmlllll.html
http://www.iankovi.com/csssss.css

Any suggestions?

Hi everyone, not sure if this is possible but I would like to have a page that has two textboxes - "1: Input" and "2: Output"

So if you copy a few paragraphs from MSWord into that first input box, then click a button that says "Convert", the second Output box shows up with the same text only with a full line break in between paragraphs (not put html tags like <BR> in it)

My reasoning is that in word, you can distinguish between paragraphs because of tabbing, but when you copy/paste it into a forum post, it just mushes together and becomes very difficult to read, making line breaks the best way to separate.

Example:

Input:
Code:

Once upon a time blah blah blah.
The next day thirty people died. It was sad.

Output:
Code:

Once upon a time blah blah blah.

The next day thirty people died. It was sad.

Thank you!

Hello everyone, I am new here and I am have a very odd problem with one of my paragraph tags. It is placed at the bottom of the main content just before the footer. Yet it thinks it encompasses all of the content in the main content div. When I use css to make the font bigger, only the paragraph changes font size. None of the other text, such as links, changes font size. That's what's supposed to happen. But when I add a top margin to the paragraph to try to move it down, all of the content in the main content div moves down. I am thoroughly confused. Can somebody help me understand why this is happening?

Hi All,

I have a problem that seems to only occurs in IE (i'm currently using IE8). Basically, i have web pages that consist of a header, content area and a footer. I am trying to stretch an image to be displayed as a left and right border in the content area. the image is not a solid color, so simply setting a border property would not work. In all browsers but IE, the image stretches just fine.

The site is heavily table based due to the fact that it is written for a CMS known as NetSuite. A lot of the tables and html are created by the CMS and are very difficult and tricky to modify.

You can see the page in action at - http://staging.marware.com/iphone-cases/iphone-4-cases

I have tried numerous combinations of height:100% and different positioning values with little help. One of the problems is that the height of the content area is dynamically set.

The code in place now looks like this:

<table border="0" cellpadding="0" cellspacing="0" width="1020" height="100%" align="center">
<tr style="height:100%;">

<!-- left side image -->
<td style="width:9px; height:100%;"><img src="http://www.marware.com/images/body_outer_border.png" border="0" height="100%" width="9" /></td>
<td valign="top" width="400" align="center">
<!-- right side image -->
<td style="width:9px; height:100%;"><img src="http://www.marware.com/images/body_outer_border.png" border="0" height="100%" width="9" /></td>
</tr>
</table>

I've never had this problem before but I uploaded a lot of images and put them in a gallery using an image hyperlink with thel image being a thumbnail and the link being the larger image. The problem is when I click the thumbnail the larger image has this white background around it. Is there anyway to fix this? or What am I doing wrong?

my code looks like this



<a href="http://www.eccentrix.com/members/carmellady/portfolio/DSC0006.jpg"
target="http://www.eccentrix.com/members/carmellady/IFRAMEURL2.html" border="0">
<img src="http://www.eccentrix.com/members/carmellady/Thumbnails/06TH.jpg" HEIGHT="20" WIDTH="20" border=0></a>

Basically I've got my header image which has its width set to 100% so that it adjusts for different resolutions. It seems to work fine on all of my web browsers (FF, IE, Safari, Chrome, Opera). When my client looked at the website on their computer it seems the image seemed to be overly large. I can't be sure exactly what the problem is by their description, which makes it even harder to solve. I have no way at all of reproducing this problem. It's a simple image inside a table cell. The XHTML has been fully validated and as I said it looks fine on all my web browsers. I asked what version of IE she was using, and it was the same as mine, so I'm super confused and don't know how to fix this. Any help would be great.

EDIT: The website is www.whale-cove.com.au if some kind people want to take a look and tell me if it looks awkward.

I am new to html. I just wanted to find out how to get the coordinates for an image. Is there some type of program you put it in to get the exact coordinates?

Please help...

code:

Code:

<img src="/home/brokenbot/Pictures/rihanna-beat-up1.jpg" width="500" length="600" alt="Rihanna Beat Up" usemap="rihannapractice" />

<map name="rihannapractice">
<area shape="circle" coords=

I'm lost on where to even start to find my coordinates.

I have never encountered this problem before and can't figure it out.

I've created an include file that holds my left nav. It's a table that holds various images that are links. But the last two buttons (that are simple and small gifs) I've created will not render at all in IE6. In view source it shows the table tags fine, but strips out the image tags for those buttons. The really weird thing is that everyone else can see the images on their computers in Firefox, IE6 and IE7, Mozilla, etc...

Also, if I take the actual links out of the href tag and leave it blank, the images show up fine.

What the heck is wrong with my browser???