bullets not centered with centered text

Report · Jun 06, 2018

Everything looks good in design mode but when I look in Live mode or the uploaded page, the bullets are way out to the left and not next to text (Central Ohio Hiking Club:about). Your help will be much appreciated.

<ul>

<li><strong><a href="documents/Club Info docs/COHC LIABILITY WAIVER.pdf" target="_blank">Liability Waiver<br>

<br>

</a></strong></li>

<li><strong><a href="documents/Club Info docs/Hike Leader's Checklist.pdf" target="_blank">Hike Leader Checklist</a></strong><br>

<br>

</li>

<li>

<strong><a href="documents/Club Info docs/COHC Hike Sign-in Roster.pdf" target="_blank">Hike Sign-In Roster</a> <span class="just_red_text">(as of 6/1/18)</span></strong>

</li>

</ul>

Report · Jun 06, 2018

List items (LI tags) are block-level elements and when centered, the actual element's bounding box is the entire width of the container. Modern CSS, however, can be used to position the bullets. To the UL element, declare list-style-position to a value of inside:

ul.my-list {

list-style-position: inside;

}

Report · Jun 06, 2018

How do apply this code and what do I replace?

Thanks.

Don

Report · Jun 06, 2018

Hi Don,

I'm afraid you need to fix some errors on your page before you tackle the list, which seems fine to me as it is. Your head code is corrupt:

<!doctype html>

<html>

STYLES HERE
</style>

The following line indicates manual corruption of your page...

The opening head tag belongs before the style tag.

<head>

</head>

The favicon link belongs in the head...

Report · Jun 06, 2018

Sorry, I can't follow your response. I need more specifics to fix my page.

Don

Report · Jun 06, 2018

Here's the thing, Don. The code on your page had to have been broken manually. If you are the only one working on it, then you broke it.

If you read the notes in bold on my post, it tells you hat belongs where, so you simply need to move the code. I'm afraid you lost me.

Unfortunately, Adobe does not have a true support forum. People answering here are just being nice and are not really accountable. This is one of many ways that Adobe saves money 🙂

But, seriously, tell me what you don't understand. Give me a bit of insight as to your workflow and how you got as far as you have. I'll try to help you... but you need to be more precise in describing what you need to know.

Most of the problems are easy to fix, but the misplaced template comment is best fixed by recreating your pages... that is, starting over. But when you do that, you need to stay out of code view until you learn the fundamentals of HTML markup and CSS.

Report · Jun 06, 2018

I opened your Template2.dwt file from your server and it looks OK to me except for the duplicated navbar under content . I don't know why you would want or need a duplicate navbar there but I left it in.

And this is the code with some ordinary lists in it.

<!doctype html>

<html>

<head>

<title>Central Ohio Hiking Club:template</title>

.my_page_33a {

clear: left;

width: 1024px;

margin-right: auto;

margin-left: auto;

}

.heading_photo_33a {

text-align: center;

float: none;

}

.menu_bar_33a {

margin-right: auto;

margin-left: auto;

padding-left: 132px;

}

.menu_item_33a {

float: left;

margin-left: 20px;

margin-right: 20px;

color: #094A29;

font-size: 90%;

}

.page_data_area_33a {

width: 850px;

clear: none;

float: none;

margin-left: auto;

margin-right: auto;

color: #000000;

}

body { background-image: url(../images/Backgrounds/cnvbkgnd.jpg); }

.footer_33a {

text-align: center;

margin-right: auto;

margin-left: auto;

margin-bottom: 25px;

font-size: 85%;

}

.footer_ {

font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;

font-size: 75%;

color: #4B4848;

width: 1000px;

text-align: center;

padding-bottom: 25px;

padding-left: 200px;

margin-left: 190px;

clear: left;

}

a:link {

color: #078A47;

text-decoration: none;

}

a:visited {

color: #078A47;

text-decoration: none;

}

a:hover {

color: #FE4010;

text-decoration: underline;

}

a:active {

color: #078A47;

text-decoration: none;

}

h1 { color: #094A29; }

h2 { color: #094A29; }

h3 { color: #094A29; }

.blank_line {

clear: both;

width: 500px;

}

</style>

</head>

<body>

<div class="menu_item_33a"><a href="../Co-Hiker Newsletters.html">Co-HIKER NEWSLETTERS</a></div>

<div class="menu_item_33a"><a href="../hiking mileage.html">HIKING MILEAGE</a></div>

<div class="menu_item_33a"><a href="../membership.html">MEMBERSHIP</a></div>

<div class="menu_item_33a"><a href="../History/history_page.html">HISTORY</a></div>

</div>

<ul>

<li>Something here</li>

</ul>

More Content</div>

<div class="menu_item_33a"><a href="../Co-Hiker Newsletters.html">Co-HIKER NEWSLETTERS</a></div>

<div class="menu_item_33a"><a href="../hiking mileage.html">HIKING MILEAGE</a></div>

<div class="menu_item_33a"><a href="../membership.html">MEMBERSHIP</a></div>

<div class="menu_item_33a"><a href="../History/history_page.html">HISTORY</a></div>

</div>

Website developed by Â Don Lowe, "<a href="http://example.com" target="_blank">Websites by Don</a>"Â (<a href="mailto:email@email.com">email technical website comments to email@email.com</a>) </div>

</div>

</body>

</html>

And this is how it looks in a browser (I don't have your images so you won't see any).

I suggest downloading Template2.dwt file from your server and use that one to spawn a new child page. In other words, go to File > New > Site Templates. Select Template2.dwt and hit CREATE button.

That should get you back on track again.

[Moderator removed personal email and URL]

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jun 06, 2018

Hi Nancy,

Perhaps you haven't worked with Templates in awhile. I checked the actual page he linked, which is a child page. A correctly formatted Template child page takes this format:

<!doctype html>

<html>

<head>

<title>Page Title</title>

</head>

You might want to check the actual page again.

Report · Jun 06, 2018

Al,

I know the difference between Template.dwt and child pages.

I looked at the child page which is messed up. That's why I went the extra distance and looked at the Template2.dwt on server from which (I assume) the child page was originally spawned. That template appears to be fine.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jun 06, 2018

https://forums.adobe.com/people/Nancy+OShea wrote
Al,
I know the difference between Template.dwt and child pages.
I looked at the child page which is messed up. That's why I went the extra distance and looked at the Template2.dwt on server from which (I assume) the child page was originally spawned. That template appears to be fine.

...in which case, the best solution is to recreate the page in question from scratch. The corruptions in the child page could only have been made manually. Based o Don's previous response, the best course of action would be to make new pages and then test them... if he is able to.

Report · Jun 06, 2018

Right. Unless Don is uploading his Template to server each time, it's possible he's working from a corrupted local Template in which case he should replace it with the good one on his server. Then spawn a new child page from the good Template.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Report · Jun 06, 2018

I found out how to do it on my own. Please delete this whole post. Too much info supplied and not just the simple answer.

Report · Jun 06, 2018

https://forums.adobe.com/people/Don+Lowe wrote
I found out how to do it on my own. Please delete this whole post. Too much info supplied and not just the simple answer.

Glad you were able to solve your problem.

It's not forum policy to delete an entire discussion. Besides, the answers provided here might help someone with a similar problem in the future.

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Adobe Community

bullets not centered with centered text