HTML - Div , Float, Paragraph Not Working Right

I confess that I am a total 'noob' at 74 years old, and will probably get flamed for this question - but here goes - I have taken the on-line HTML course for basic set up and have built a web page; however, it is so bad I do not want to launch it until I can get some issues corrected.

PROBLEM 1 - I built the file in 'notepad' text writer. When I look at my internet at 'open', 'brouse', 'index.html' file, and select 'OK', the features show up as I want; however, when I upload the file to my web page, the image is a square with a red X.

I set up the image by adding the following line to the file:

<img src="xxx.jpg">


PROBLEM 2- In spite of adding <p> </p> at the beginning and ending of my paragraphs, after uploading, the webpage displays each paragraph of text as one long line of text.

Can someone advise where I am going wrong?

Bob

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.

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?

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

This is frustrating, I'm looking for that code, working in IE and Firefox.
Please help!

Hi

I noticed that ie6 renders paragraph breakline spaces bigger than ie7 or FF.

I got around it by using <br /><br /> instead of <p></p>, but is there a proper workaround to make ie6 conform?

Also also tried stipulating the CSS for the p tags, but to no avail:

.maintext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#fff;
text-align:justify;
line-height:100%;
}

.maintext p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#fff;
text-align:justify;
line-height:100%;
}

Cheers

Shaun

I''m trying to center the main title of the page: Combative Conditioning $50 per month

http://lmiinc.com/combat_conditioning.html

It seems to be off to the right a lot...

But I have it text-align: center;

Any ideas?

Thanks.

I am in the process of re-designing my website.
old site www.ghilliesuitsource.com
new site still a work in progress www.ghilliesuitsource.com/gss_test
I am struggling with 2 things on my new site.

1) The parallelogram (tilted rectangle) images in the background are seperated by paragraph breaks so that I can alternate between left and right aligned. While all of the forground "stuff" text and product images are AP DIV elements so they hold their spacing. Page looks like I intend it to in IE but netscape/firefox appear to use a different paragraph break line size causing the forground "stuff" to appear lower and lower with respect to the parallelograms, and it gets worse the further down the page you go.

2) It appears as though IE will not change text size inside an AP DIV element when you go to "view-Text Size" This is good because I am using a graphic to act as a border around text. Netscape and Firefox do change font sizes in AP DIV elements so when you select a larger fontsize the text "spills" out of the border.

If you can help me out with either of these problems I would certainly appreciate it.

How can I prevent search engines from indexing a paragraph?

I know that with <META NAME="ROBOTS" CONTENT="NOINDEX"> you can prevent search engines from indexing a page. But I just want to stop them from indexing one paragraph in a page, not the whole page.

NOTE: This is on a WAMP localhost wordpress setup.

I have code in a "static" page that I put there in "edit page" view, HTML tag, in wordpress/dashboard that looks like this:

Can someone tell me why image2 shows up "INSIDE" the paragraph block when I look at it in "view page" mode?

Code:

<div class="promo">
<img class="image1" yada yada yada />
<p> yada yada yada </p>
<img class="image2" yada yada yada />
</div>

I also have this styling in style.php:

Code:

.image1 {float: left;}
.promo p {float: left;}
.image2 {float: left;}

My intent was to put the paragraph block between the two images.

Image1 floats fine; the paragraph floats just fine; image2 floats fine, but, image2 shows up "INSIDE" the paragraph block, not outside it like image1 does. I want image2 outside and to the right of the paragraph block.

Both images float fine without the paragraph block, but when I insert the paragraph block between them, image2 leaps inside the paragraph block.

Any help on this will be greatly appreciated.

here is my html

Code:

	<div style=" margin-bottom: 0.5em; font-weight: bold; width: 100%; border: 1px solid #0079D6 ;  ">
		
			<div style="float: left; width: 75%;  " >
				<ul style="margin: 0pt 0pt 0.5em 0.5em; list-style-type: none; list-style-image: none; list-style-position: outside; ">
					<li>Grant Program: <label style="font-weight: normal;" wicket:id="porgramName"/> (<label  wicket:id="porgramAcronym"/>)</li>
					<li>Action Official: <label style="font-weight: normal;" wicket:id="grantsOfficerfname"/>  <label style="font-weight: normal;" wicket:id="grantsOfficerlname"/> </li>
				</ul>
			</div>
			
			<div style="float: left; width: 25%;">
				<ul style="margin-left: 0.5em; list-style-type: none; list-style-image: none; list-style-position: outside;">
					<li><a href="" wicket:id="assignGrantsOfficerLink">Assign Action Official</a></li>
					<li><a href="" wicket:id="assignFindingdsLink">Assign Finding(s) to Grant Program</a></li>
				</ul>
			</div>
		
		
			<table cellspacing="0" class="dataview" style="margin-left: .5em; width: 95%;" wicket:id="programFindingsContainer" >
				<thead>
					<tr>
						<th>Finding #</th>
						<th>Finding Type</th>
						<th style="text-align: right;">Recommended Amount</th>
						<th>Grant Identifier</th>
						<th>Appropriation Number(s)</th>
						<th>CAN(s)</th>
						<th>Action</th>						
					</tr>
				</thead>

the first two divs works fine , but the third table floats left and dosent come below the div, ,please suggest how can I push the table below the div , Its working in IE and firefox but not in chrome , please suggest me

I have a little problem, I have made a banner that always stick to the top, you can see it here http://moamo.co.uk (my testing server atm)

I need the search bar to be placed to the very right of the bar. I need it the have padding on the right side, the same amount as there is with the Home button on the left to the very left (If ya understand what I mean)

CSS:
Quote:
SOLVED
}

HTML:
Quote:
SOLVED
Thank you very much.

I'm trying to get into the habit of going to tableless layouts. As an alternative, I'm using the float property. The layout looks fine in IE7 but looks horrid in Firefox.

View in FireFox
View in IE7

The first problem that I have is the div container that backgrounds the content.
The second problem is the alignment of that div in Firefox.
The third problem is why does the floating right content jump down in Firefox?

I've attached index.html and style.css in the attachment. I'd appreciate the help.

On my site I have a div box set to float right, with some text on the left side. When I do this however the text looks quite choppy and each line terminates at a different point.

This is what it looks like:


This doesn't look too good, and I was wondering if there was anyway to use HTML or edit the CSS class of the box itself so that each line terminates at roughly the same point?