Inspiring

Answered

Why is a appearing when I save source code

Forum|Forum|9 years ago
March 20, 2017
2 replies
414 views

I am trying to debug a page for someone because some bullet points are not working and indenting as they should

The site is commercial and I am NOT plugging anything but the page addess is http://www.essentialfinance.net/events/booking2.aspx?index=1195

Essential Finance - Event Booking

The bit in question is the part where the bullet points are in the margin.

When I view the page source in Mozilla or Firefox the lines simply break with a at the end of the line "The tutorial will include:"

When I save the page a <\Span> moves up four lines to break the span before I want it to.

I have included stylesheets for the UL LI bits to give a 20Px left margin but it's not working.

The should be staying under the close of the </LI> </UL> bit

What is happening?

Thank you in advance for any feedback.

Terry

This topic has been closed for replies.

Correct answer Nancy OShea

Okay - so could I get away with something like the below to add a class with a left margin of 20px legally?

<ul>

<li class="dotindent">List item</li>

<li class="dotindent">List item</li>

<liclass="dotindent">List item</li>

</ul>

Thank you very much for all your help

Terry

Sure. Or you could apply your class to the parent tag with much less HTML code like this.

CSS:

ul .indent li {margin-left: 20px}

HTML:

<ul class="indent">

<ul>

Nancy OShea

Community Expert

Viewing your page in my browser with Outlines around block level elements, I can see that your bullet list is not inside the parent container as it should be.

Your code contains an unacceptable number of code validation errors, too. Fix these:

[Invalid] Markup Validation of http://www.essentialfinance.net/events/booking2.aspx?index=1195 - W3C Markup V…

In Code View, close your tags and remove the stray and tags.

Nancy

Nancy O'Shea— Product User & Community Expert

T

terryfosterAuthor

Inspiring

This is my point - the original code does NOT have a <\SPAN> which is breaking up the container....

My code is:-

A full demonstration of how AppMapper can seamlessly integrate your Excel spreadsheets with any of your iSeries Applications

This interactive session will focus on 'Header & Detail' scripts , using purchase order

create and maintain. All you need is 30 minutes!

The tutorial will include:

<UL>

<LI>AppMapper latest features</LI>

<LI>Demo on Header & Detail</LI>

This works fine on local computer - however when uploaded and then retrieved online it comes back as:-

A full demonstration of how AppMapper can seamlessly integrate your Excel spreadsheets with any of your iSeries Applications

This interactive session will focus on 'Header & Detail' scripts , using purchase order

create and maintain. All you need is 30 minutes!

The tutorial will include: 

<UL>

<LI>AppMapper latest features</LI>

<LI>Demo on Header & Detail</LI>

I can accept errors but something is happening once the page is up there to create these breaking errors.....?

Nancy OShea

Community Expert

DW does its best to reconcile code errors when it sees them. But yours is so very messy, it's confused.

Close your paragraph tag before you create a <UL>.

Nancy O'Shea— Product User & Community Expert

Jon Fritz

Community Expert

There are 55 html errors on that page, those should be resolved and will likely be the source of your issue.

Run the validator at http://validator.w3.org/nu to get a listing.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded