[SOLVED] problem in my footer

**omarpop23** · **omarpop23** Sat 09 Apr 2016, 16:34

hey
i want to write code for my footer but i have a problem
my problem: i need my footer after

Code:: <div id="wrap">

i cant found this tag in Ovearal_footer_being Template
could you help me Smile

My overall_footer_begin:

Code::  <div> <div> <div> <div> <div> <div> <div> <div>  </div> </div> </div> </div> <div id="{ID_RIGHT}">  {giefmod_index2.MODVAR}  <div style="height:{SPACE_ROW}px"></div>   </div> </div> </div> </div>  </div> <style> /*FOOTER*/ #page-footer { background: #2E3133; clear: both; color: #A3AAAE; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; margin-top: 30px; min-width: 960px; padding-bottom: 60px; text-align: left; } #page-footer a { color: #A3AAAE; } #footer-container { margin: 0 auto; padding: 0 15px; width: 90%; } .footer-col { float: left; width: 25%; } .footer-title { display: block; font-size: 14px; margin: 60px 0 25px; text-transform: uppercase; } .footer-list { list-style: none; margin: 0 0 10px; padding-right: 0; } .footer-list li { margin-bottom: 10px; } .clear { background: transparent; clear: both; display: block; font-size: 1px; line-height: 1px; } .footer-row hr { border: none; border-top: 2px solid #FFF!important; margin: 40px auto 0; width: 100px; } .footer-copyright { padding-top: 20px; text-align: center; } #footer_brand { display: block; margin: 0 auto; width: 230px; } #footer_brand span { color: #FFF; display: inline-block; margin: 10px; } #footerBackToTop { position: relative; } #footerBackToTop a { background: #3E4143; border-radius: 30px; display: inline-block; height: 30px; left: 50%; margin-left: -15px; position: absolute; top: 10px; width: 30px; } #footerBackToTop a img { margin-top: 9px; } #default-footer a.small { color: #FF9!important; } .gensmall { display: none !important; } </style> <div id="page-footer"> <a href="#" id="bottom" name="bottom"></a> <div id="footer-container"> <div class="footer-row"> <div class="footer-col"> <strong class="footer-title">Col 1</strong> <ul class="footer-list"> <li><a href="/#">Link 1</a></li> <li><a href="/#">Link 2</a></li> <li><a href="/#">Link 3</a></li> </ul> </div> <div class="footer-col"> <strong class="footer-title">Col 2</strong> <ul class="footer-list"> <li><a href="/#">Link 1</a></li> <li><a href="/#">Link 2</a></li> <li><a href="/#">Link 3</a></li> </ul> </div> <div class="footer-col"> <strong class="footer-title">Col 3</strong> <ul class="footer-list"> <li><a href="/#">Link 1</a></li> <li><a href="/#">Link 2</a></li> <li><a href="/#">Link 3</a></li> </ul> </div> <div class="footer-col"> <strong class="footer-title">Col 3</strong> <ul class="footer-list"> <li id="default-footer">  </li> </ul> </div> </div> </div> </div>

**SLGray** · **SLGray** Sat 09 Apr 2016, 16:37

Have you already modified your template? There seems to being parts that have opening tags, but no closing tags and other parts with closing tags, but no opening tags.

**Ange Tuteur** · **Ange Tuteur** Sat 09 Apr 2016, 16:40

Hey,

Open overall_footer_begin find

Code:: <div id="page-footer">

, add

Code:: </div>

before it, and voilà the wrap has been forced to close. It ends at a later area that I'm not sure if it's even editable, but this is the easiest method I use.

**SLGray** · **SLGray** Sat 09 Apr 2016, 16:43

Also does CSS go in the templates?

**Ange Tuteur** · **Ange Tuteur** Sat 09 Apr 2016, 16:50

SLGray wrote:Also does CSS go in the templates?

Yes, CSS can go into templates so long as it's inside a <style> tag. Although, they're technically supposed to be in the <head> section they CAN be used anywhere. It can be a good way to save space considering our stylesheet have character limits.

**SLGray** · **SLGray** Sat 09 Apr 2016, 16:55

Thanks for the information @Ange Tuteur.

**omarpop23** · **omarpop23** Sat 09 Apr 2016, 17:27

a little problem there
check that photo
[SOLVED] problem in my footer Picsar10

**SLGray** · **SLGray** Sat 09 Apr 2016, 17:33

Do you have the homepage message or announcements activated?

Also are you sure that you did not edit the overall_header template?

**Ange Tuteur** · **Ange Tuteur** Sat 09 Apr 2016, 17:35

Oh right, you might need to clear the wrap's floats. Re-edit the template and add

Code:: <div class="clear"></div>

before

Code:: <div id="page-footer">

as well.

**omarpop23** · **omarpop23** Sat 09 Apr 2016, 17:44

nice Thank you @Ange Tuteur

**Ange Tuteur** · **Ange Tuteur** Sun 10 Apr 2016, 10:59

No problem Wink

If you ever see containers looking like they collapsed on themselves ( ending short of their content ) it's most likely related to CSS floats. In which case, the following post is a good read to learn more about them and "the great collapse" Razz

https://css-tricks.com/all-about-floats/

**omarpop23** · **omarpop23** Sun 10 Apr 2016, 21:48

Thank you iam very good in CSS and HTML
only i want to Learn JQuery , Java script Wink

if you can make some lessons here or courses Here it will be Good idea

**Ange Tuteur** · **Ange Tuteur** Mon 11 Apr 2016, 15:02

Right now I have a lot on my plate, but I'll think about it. There are however plenty of websites which offer guides to learning JavaScript. Wink

Sponsored content · Sponsored content

IMPORTANT

[SOLVED] problem in my footer

[SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Re: [SOLVED] problem in my footer

Create an account or log in to leave a reply

Create an account

Log in