Highlighted

bullets not centered with centered text

Explorer ,
Jun 06, 2018

Copy link to clipboard

Copied

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>

        

            <div class="club_info_center">

              <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>

Views

322

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

bullets not centered with centered text

Explorer ,
Jun 06, 2018

Copy link to clipboard

Copied

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>

        

            <div class="club_info_center">

              <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>

Views

323

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 06, 2018 0
Mentor ,
Jun 06, 2018

Copy link to clipboard

Copied

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;

}

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 1
Explorer ,
Jun 06, 2018

Copy link to clipboard

Copied

How do apply this code and what do I replace?

Thanks.

Don

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Mentor ,
Jun 06, 2018

Copy link to clipboard

Copied

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>

<style type="text/css">

STYLES HERE
</style>

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

<!-- InstanceBegin template="/Templates/template_2nd.dwt" codeOutsideHTMLIsLocked="false" -->

The opening head tag belongs before the style tag.

<head>

</head>

The favicon link belongs in the head...

<link rel="shortcut icon" href="images/photos/Favicon.png">

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Explorer ,
Jun 06, 2018

Copy link to clipboard

Copied

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

Don

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Mentor ,
Jun 06, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Adobe Community Professional ,
Jun 06, 2018

Copy link to clipboard

Copied

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>

<meta charset="utf-8">

<!-- TemplateBeginEditable name="doctitle" -->

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

<!-- TemplateEndEditable -->

<style type="text/css">

.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>

<link rel="shortcut icon" href="../images/photos/Favicon.png">

<body>

<div class="my_page_33a">

<div class="heading_photo_33a">

<p><img src="../images/photos/home_page_photo_with_border.png" width="817" height="310" alt=""/></p>

<div class="menu_bar_33a">

<div class="menu_item_33a"><a href="../index.html">HOME</a></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="../club_info.html">CLUB INFO</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 class="menu_item_33a"><a href="https://www.facebook.com/Central-Ohio-Hiking-Club-1508556812705021/" target="_blank"><img src="../images/facebook/facebook_logo_smaller.png" width="30" height="30" alt=""/></a></div>

<p> </p>

</div>

<!-- TemplateBeginEditable name="EditRegion3" -->

<div class="page_data_area_33a">

<ul>

<li>Something here</li>

<li>Something here</li>

<li>Something here</li>

</ul>

More Content</div>

<!-- TemplateEndEditable -->

<!--second navbar-->

<div class="menu_bar_33a">

<div class="menu_item_33a"><a href="../index.html">HOME</a></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="../club_info.html">CLUB INFO</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 class="menu_item_33a"><a href="https://www.facebook.com/Central-Ohio-Hiking-Club-1508556812705021/" target="_blank"><img src="../images/facebook/facebook_logo_smaller.png" width="30" height="30" alt=""/></a></div>

<p> </p>

</div>

<div class="blank_line"></div>

<div class="footer_33a">Copyright © CENTRAL OHIO HIKING CLUB-- all rights   reserved.<br />

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

</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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Mentor ,
Jun 06, 2018

Copy link to clipboard

Copied

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>

<!-- InstanceBegin template="/Templates/Name.dwt" codeOutsideHTMLIsLocked="false" -->

<head>

<meta charset="utf-8">

<!-- InstanceBeginEditable name="doctitle" -->

<title>Page Title</title>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="head" -->

<!-- InstanceEndEditable -->

</head>

You might want to check the actual page again.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Adobe Community Professional ,
Jun 06, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Mentor ,
Jun 06, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Adobe Community Professional ,
Jun 06, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Explorer ,
Jun 06, 2018

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
Adobe Community Professional ,
Jun 06, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0