Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Always Problems with the way I'm styling my custom inline Code!

Always Problems with the way I'm styling my custom inline Code!

Views: 2,888

Results 1 to 20 of 32
12 Jun 2013, 7:33 AM
#1
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Always Problems with the way I'm styling my custom inline Code!

I just did an HTML validation and received 8 errors. Right now, I am concerned with the errors concerning this inline code because I thought it was finally correct:

<div class="myCustomParagraph"><center><span id="customHeaderOne">Floral fragrances on sale this week at the Snob!</center></span> <p id="customPara">This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from Feb 10th to Feb 16th. </p> <p id="customPara"> What would you like to see on sale next week? Send an <a href="index.php?main_page=contact_us"><font size="2"><font color="ED3A84">email</font></font></a> and let us know!</p><span id="customHeaderTwo"><center>FREE U.S. SHIPPING + No Minimum Purchase!</center></span></div>

The errors noted for this code are as follows:

Line 1512, Column 173: end tag for "span" omitted, but OMITTAG NO was specified
...stomHeaderOne">Floral fragrances on sale this week at the Snob!</center></span>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

**Line 1512, Column 90: start tag was here **
…div class="myCustomParagraph"><center><span id="customHeaderOne">Floral fragra…

**Line 1512, Column 180: end tag for element "span" which is not open **
…stomHeaderOne">Floral fragrances on sale this week at the Snob!</center></span>

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

**Line 1516, Column 8: ID "customPara" already defined **

<p id="customPara"> What would you like to see on sale next week? Send an <a hr…

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

**Line 1514, Column 8: ID "customPara" first defined here **

<p id="customPara">This week at DesignerPerfumeSnob.com we are featuring produc…

**Line 1516, Column 230: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag **

…</p><span id="customHeaderTwo"><center>FREE U.S. SHIPPING + No Minimum Purchas…

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Let me know if you need to see anything else.

Thanks!

http://designerperfumesnob.authsafe.com/

12 Jun 2013, 8:57 AM
#2
frank18 avatar

frank18

Deceased

Join Date:
Nov 2007
Location:
Sunny Coast, Australia
Posts:
3,427
Plugin Contributions:
2

Re: Always Problems with the way I'm styling my custom inline Code!

Look at the syntax of html:

you can have <span><center> something something </center></span>

but you can't have <center><span> something something </center></span>

see http://www.w3schools.com/

12 Jun 2013, 9:18 AM
#3
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Always Problems with the way I'm styling my custom inline Code!

And this one error has cascaded to show several resulting validation errors. Fixing it will cause many if not all of the other validation errors to disappear.

13 Jun 2013, 3:13 AM
#4
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

I'm still getting some errors. This is the code now:

<div class="myCustomParagraph"><span id="customHeaderOne"><center>Floral fragrances on sale this week at the Snob!</center></span> <p id="customPara">This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from Feb 10th to Feb 16th. </p> <p id="customPara"> What would you like to see on sale next week? Send an <a href="index.php?main_page=contact_us"><font size="2"><font color="ED3A84">email</font></font></a> and let us know!</p><span id="customHeaderTwo"><center>FREE U.S. SHIPPING + No Minimum Purchase!</center></span></div>

These are the errors:

**ID X already defined **

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

Line 1516, column 8: ID "customPara" already defined

<p id="customPara"> What would you like to see on sale next week? Send an <a hr…

**document type does not allow element X here; missing one of Y start-tag **

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

•Line 1512, column 116: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

  …ph"><span id="customHeaderOne"><center>Floral fragrances on sale this week at …

Line 1516, column 230: document type does not allow element "center" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

…</p><span id="customHeaderTwo"><center>FREE U.S. SHIPPING + No Minimum Purchas…

Can you please help with these?

13 Jun 2013, 3:47 AM
#5
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Always Problems with the way I'm styling my custom inline Code!

You defined customPara twice

Line 1516, Column 8: ID [B]"customPara" already defined [/B]
<p id="[B]customPara[/B]">This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from Feb 10th to Feb 16th. </p>

<p id="[B]customPara[/B]"> What 
13 Jun 2013, 4:21 AM
#6
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

I changed the inline code to this:

<div class="myCustomParagraph">

<span id="customHeaderOne">Floral fragrances on sale this week at the Snob!</span>

<p id="customPara"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from here to here.

<br /><br /> What would you like to see on sale next week? Send an <a href="index.php?main_page=contact_us"><font size="2"><font color="ED3A84">email</font></font></a> and let us know!

</p>

<span id="customHeaderTwo">FREE U.S. SHIPPING + No Minimum Purchase!</span>

</div>

The errors for this code are now gone, but so is the centering for custom header one and two. This is the part of the stylesheet that should govern the centering:

.myCustomParagraph #customHeaderOne {
color: #000;
font-size: 150% /* - - - Can use px or em if you like - - */
font-weight: bold;
font-face: georgia,times new roman,times,serif;
text-align; center;
}

.myCustomParagraph #customHeaderTwo {
color: #ed3a84;
font-size: 150%
font-style: italic;
font-weight: bold;
font-face: georgia,times new roman,times,serif;
text-align; center;
}

but it doesn't, so I had added the <center> and then got the errors.

13 Jun 2013, 4:47 AM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Always Problems with the way I'm styling my custom inline Code!

Change the <span id="customHeaderOne"> to <h2 id="customHeaderOne"> and they will auto-center.
A span is an inline element by default, so some formatting properties will not apply to it. It may also work to make the spans display: block; if you really feel they are not headers.

13 Jun 2013, 6:28 AM
#8
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

gjh42:

Change the <span id="customHeaderOne"> to <h2 id="customHeaderOne"> and they will auto-center.
A span is an inline element by default, so some formatting properties will not apply to it. It may also work to make the spans display: block; if you really feel they are not headers.

I changed the code to:

<div class="myCustomParagraph"> <h2 id="customHeaderOne">Floral fragrances on sale this week at the Snob!</span> <p id="customPara"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from here to here.

<br /><br /> What would you like to see on sale next week? Send an <a href="index.php?main_page=contact_us"><font size="2"><font color="ED3A84">email</font></font></a> and let us know!

</p>

<span id="customHeaderTwo">FREE U.S. SHIPPING + No Minimum Purchase!</span>

</div>

and got this:

http://designerperfumesnob.authsafe.com/

Please note that all coding both inline and css was done based on input from this forum.

13 Jun 2013, 12:05 PM
#9
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Always Problems with the way I'm styling my custom inline Code!

And you want that text centered ? Just change the left here to center:

#customPara {
color: #444443;
font-size: 1.3em;
text-align: left;
}

Let me know if I misunderstood.

13 Jun 2013, 1:38 PM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Always Problems with the way I'm styling my custom inline Code!

I guess I needed to be very specific. You only changed the first opening <span to <h2; you need to change the </span> to </h2>, and do the same for the other span/heading. ```
<h2 id="customHeaderOne">Floral fragrances on sale this week at the Snob!</span>

<p id="customPara"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from here to here.

<br /><br /> What would you like to see on sale next week? Send an <a href="index.php?main_page=contact_us"><font size="2"><font color="ED3A84">email</font></font></a> and let us know!

</p>

<span id="customHeaderTwo">FREE U.S. SHIPPING + No Minimum Purchase!</span>

</div> ```
14 Jun 2013, 6:09 AM
#11
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

gjh42:

I guess I needed to be very specific. You only changed the first opening <span to <h2; you need to change the </span> to </h2>, and do the same for the other span/heading. ```
<h2 id="customHeaderOne">Floral fragrances on sale this week at the Snob!</span>

<p id="customPara"> This week at DesignerPerfumeSnob.com we are featuring products with floral fragrance notes. You can find them on sale from here to here.

<br /><br /> What would you like to see on sale next week? Send an <a href="index.php?main_page=contact_us"><font size="2"><font color="ED3A84">email</font></font></a> and let us know!

</p>

<span id="customHeaderTwo">FREE U.S. SHIPPING + No Minimum Purchase!</span>

</div> ```

Thank you for the specificity. I certainly do need it!

For the following code, I want to make a space between the last line and the filter below it. What would be the best way to accomplish that?

<h2 id="customHeaderTwo">FREE U.S. SHIPPING + No Minimum Purchase!</h2>

http://designerperfumesnob.authsafe.com/celebrity-scents-c-1358.html

14 Jun 2013, 6:35 AM
#12
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Always Problems with the way I'm styling my custom inline Code!

#customHeaderTwo {margin-bottom: 3em;}

Adjust to taste.

15 Jun 2013, 5:03 PM
#13
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

I originally had 55 errors on this page. This is what I have left that I can't figure out. It seems if I can fix a few, I can fix them all.

Error Line 1250, Column 5: end tag for "br" omitted, but OMITTAG NO was specified <br>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1250, Column 1: start tag was here <br>

Error Line 1256, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br><font size="2"><strong>Standard Ground (USA)</strong> ~ Always Free Shippin…

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1256, Column 1: start tag was here
<br><font size="2"><strong>Standard Ground (USA)</strong> ~ Always Free Shippin…

Error Line 1258, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br><font size="2">Arrives in 2-7 <strong>business days</strong><br/></font>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1258, Column 1: start tag was here
<br><font size="2">Arrives in 2-7 <strong>business days</strong><br/></font>

Error Line 1263, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br><br><font size="2"><strong>2nd Day Express (USA)</strong> ~ Starts at only …

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1263, Column 1: start tag was here
<br><br><font size="2"><strong>2nd Day Express (USA)</strong> ~ Starts at only …

Error Line 1263, Column 9: end tag for "br" omitted, but OMITTAG NO was specified <br><br><font size="2"><strong>2nd Day Express (USA)</strong> ~ Starts at only …

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1263, Column 5: start tag was here
<br><br><font size="2"><strong>2nd Day Express (USA)</strong> ~ Starts at only …

Error Line 1267, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Not available for P.O. Boxes<br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1267, Column 1: start tag was here
<br>Not available for P.O. Boxes<br/>

Error Line 1269, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Shipping charges for 2nd Day Express will vary depending on the weight of i…

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1269, Column 1: start tag was here
<br>Shipping charges for 2nd Day Express will vary depending on the weight of i…

Error Line 1271, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Shipping cost is non-refundable for undelivered, unclaimed, returned and re…

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1271, Column 1: start tag was here
<br>Shipping cost is non-refundable for undelivered, unclaimed, returned and re…

Error Line 1275, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br><strong>International Customers</strong><br/>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1275, Column 1: start tag was here
<br><strong>International Customers</strong><br/>

Error Line 1282, Column 26: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag <h2 id="customHeaderFive">Return & Exchange Policy</h2>

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

Error Line 1288, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br><br>Unopened products in their original sealed packaging can be returned up…

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1288, Column 1: start tag was here
<br><br>Unopened products in their original sealed packaging can be returned up…

Error Line 1288, Column 9: end tag for "br" omitted, but OMITTAG NO was specified
<br><br>Unopened products in their original sealed packaging can be returned up…

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1288, Column 5: start tag was here
<br><br>Unopened products in their original sealed packaging can be returned up…

Error Line 1292, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>You can expect a refund within one billing cycle of our receiving your retu…

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1292, Column 1: start tag was here
<br>You can expect a refund within one billing cycle of our receiving your retu…

Error Line 1294, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Opened packages cannot be returned. <br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1294, Column 1: start tag was here
<br>Opened packages cannot be returned. <br/>

Error Line 1296, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Please make your selections carefully as <strong>we do not offer exchanges.…

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1296, Column 1: start tag was here
<br>Please make your selections carefully as <strong>we do not offer exchanges.…

Error Line 1300, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br><br><strong>Returns should be sent to:</strong><br/><br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1300, Column 1: start tag was here
<br><br><strong>Returns should be sent to:</strong><br/><br/>

Error Line 1300, Column 9: end tag for "br" omitted, but OMITTAG NO was specified
<br><br><strong>Returns should be sent to:</strong><br/><br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1300, Column 5: start tag was here
<br><br><strong>Returns should be sent to:</strong><br/><br/>

Error Line 1303, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Returns<br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1303, Column 1: start tag was here
<br>Returns<br/>

Error Line 1305, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Order # (please enter your order number)<br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1305, Column 1: start tag was here
<br>Order # (please enter your order number)<br/>

Error Line 1307, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>5 Plant Ave<br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1307, Column 1: start tag was here
<br>5 Plant Ave<br/>

Error Line 1309, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br>Hauppauge, NY 11788<br/>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1309, Column 1: start tag was here
<br>Hauppauge, NY 11788<br/>

Error Line 1311, Column 5: end tag for "br" omitted, but OMITTAG NO was specified
<br><strong>Please include your original packing slip.</strong><br/></font>

✉

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

Info Line 1311, Column 1: start tag was here
<br><strong>Please include your original packing slip.</strong><br/></font>

I do know that I need to have a way I can use the same heading for paragraphs several times on a page. I believe that is called a class, but I don't know how to set it up.

http://designerperfumesnob.authsafe.com/shippinginfo.html

15 Jun 2013, 8:29 PM
#14
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,809
Plugin Contributions:
15

Re: Always Problems with the way I'm styling my custom inline Code!

<br><strong>Please include your original packing slip.</strong><br/></font>what is it you are trying to do with this code and others like it?
There is no such thing as <br>.........</br>
The <br> tag (normally done as <br /> OR <br class="clearBoth" /> in XHTML) is a line break and cannot have any effect on a string of text as you are trying to use it. http://www.w3schools.com/tags/tag_br.asp

Quick rule on class or ID. There may be many in your "Class" but no one has your "ID." .class or #id in a stylesheet.

15 Jun 2013, 10:18 PM
#15
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

dbltoe:

what is it you are trying to do with this code and others like it?
There is no such thing as <br>.........</br>
The <br> tag (normally done as <br /> OR <br class="clearBoth" /> in XHTML) is a line break and cannot have any effect on a string of text as you are trying to use it. http://www.w3schools.com/tags/tag_br.asp

Quick rule on class or ID. There may be many in your "Class" but no one has your "ID." .class or #id in a stylesheet.

Thank you for replying. What I was attempting to do was create a space between one sentence and the sentence below it. I thought using <br>at the start of sentence and <br/> at the end, would create a single space where using <p> would create too large of a space. I guess I just don't know how to create spaces between sentences.

On this page: http://designerperfumesnob.authsafe.com/shippinginfo.html

I have two headings: Shipping Information and Return & Exchange Policy. There might be other pages where I'll want several headings. I find I have to create too many custom headers when I could probably just create one class that would give me the same result that I could use over and over. For example I want a class that would produce the effect that customHeaderTwo currently produces, and another class that mimics customHeaderOne. How would I do that in CSS and what would the inline HTML be?

I hope this has answered your question regarding my goal here.

16 Jun 2013, 7:45 AM
#16
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Always Problems with the way I'm styling my custom inline Code!

As dbltoe said, remove the <br> at the front of your text. The <br /> at the end will provide a line break. Use two for a line space.

You've given the headings their own ids, which allows you to style them in the stylesheet. Now just follow through and do the same for the text, using the <div> tag: <div id="customshippingtext">Your text here.</div>. Remove all the inline styling and add #customshippingtext to the stylesheet and style as desired. You can use the same id (or class) on other pages, assuming you want those elements to be styled the same.

The only time I use inline styling is if I want to display, say, one word in bold font.

16 Jun 2013, 6:21 PM
#17
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

stevesh:

As dbltoe said, remove the <br> at the front of your text. The <br /> at the end will provide a line break. Use two for a line space.

You've given the headings their own ids, which allows you to style them in the stylesheet. Now just follow through and do the same for the text, using the <div> tag: <div id="customshippingtext">Your text here.</div>. Remove all the inline styling and add #customshippingtext to the stylesheet and style as desired. You can use the same id (or class) on other pages, assuming you want those elements to be styled the same.

The only time I use inline styling is if I want to display, say, one word in bold font.

Yay! I've finally learned about no <br> in front of a sentence! Thank you all!!

Right now, the actual web page is looking exactly how I want it. To achieve that, inline I am using <font size="2"> at the start of every sentence. I tried a few things in CSS and inline, but I can't figure out what I would actually code to be able to eliminate all of those and just have the whole text show up in the font size I want. Then, for special words or sentences, maybe I can specify inline what I want.

If I want to use multiple headings on a page, it appears as if I need to set up a class rather than an ID. Again, I have played around with that, and fallen on my face. The headings I use would be the size and color I have on this page, but if I wanted to change the color or font, once I saw how one was done, I could create additional classes.

Also, at the top of the page, I want to begin with perhaps one line space more than I currently have before my first header starts, but I get an error if I just start with <p>.

Thank you, and I'm hoping that others reading this thread might be benefitting as well.

http://designerperfumesnob.authsafe.com/shippinginfo.html

17 Jun 2013, 2:05 AM
#18
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

traytray:

Yay! I've finally learned about no <br> in front of a sentence! Thank you all!!

Right now, the actual web page is looking exactly how I want it. To achieve that, inline I am using <font size="2"> at the start of every sentence. I tried a few things in CSS and inline, but I can't figure out what I would actually code to be able to eliminate all of those and just have the whole text show up in the font size I want. Then, for special words or sentences, maybe I can specify inline what I want.

If I want to use multiple headings on a page, it appears as if I need to set up a class rather than an ID. Again, I have played around with that, and fallen on my face. The headings I use would be the size and color I have on this page, but if I wanted to change the color or font, once I saw how one was done, I could create additional classes.

Also, at the top of the page, I want to begin with perhaps one line space more than I currently have before my first header starts, but I get an error if I just start with <p>.

Thank you, and I'm hoping that others reading this thread might be benefitting as well.

http://designerperfumesnob.authsafe.com/shippinginfo.html

Since I posted the above, I added <div class="myCustomParagraph"> to the top of the inline styling and I started my text with

<p id="customPara">

and got rid of all the <font> tags, but I am getting errors.

I am still in need of the following:

If I want to use multiple headings on a page, it appears as if I need to set up a class rather than an ID. Again, I have played around with that, and fallen on my face. The headings I use would be the size and color I have on this page, but if I wanted to change the color or font, once I saw how one was done, I could create additional classes.

Also, at the top of the page, I want to begin with perhaps one line space more than I currently have before my first header starts, but I get an error if I just start with <p>.

Thank you!

17 Jun 2013, 3:12 AM
#19
traytray avatar

traytray

Totally Zenned

Join Date:
May 2012
Posts:
566
Plugin Contributions:
0

Re: Always Problems with the way I'm styling my custom inline Code!

These are the errors I am getting now:

  1. **Line 1276, Column 26: document type does not allow element "h2" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag **
<h2 id="customHeaderFive">Return & Exchange Policy</h2><br />

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

  1. **Line 1279, Column 25: document type does not allow element "p" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag **
<p id="customParaThree"><strong>Refunds</strong><br /><br />

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

  1. **Line 1306, Column 6: end tag for "p" omitted, but OMITTAG NO was specified **</div>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

  1. **Line 1279, Column 2: start tag was here **
<p id="customParaThree"><strong>Refunds</strong><br /><br />
  1. **Line 1306, Column 6: end tag for "p" omitted, but OMITTAG NO was specified **</div>

You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".

  1. **Line 1255, Column 2: start tag was here **
<p id="customParaTwo"><strong>Standard Ground (USA)</strong> ~ Always Free Shi…

http://designerperfumesnob.authsafe.com/shippinginfo.html

17 Jun 2013, 3:36 AM
#20
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Always Problems with the way I'm styling my custom inline Code!

You have

<p id="customParab"> in two places, which is an example of when to use a class instead of an id. <p class="customParab">

To eliminate one validation error source, change all of your <br> to <br />.