The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Header help?

View previous topic View next topic Go down

In progress Header help?

Post by itachi uchiha on March 5th 2014, 2:03 pm

Does anybody know how to make my header in a pefect square with even gaps between each?


itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by Ange Tuteur on March 5th 2014, 9:04 pm

Hello itachi uchiha,

Please provide a link to your forum.

Thank you Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 3:51 am

Sorry it was removed because some admin decided to play with it and mess it completely up :/
here is the code for it though.

Code:
<center>
   
   <table id="Frozen">
      
      <tbody>
         
         <tr>
            
            <td rowspan="3">
               
               <div style="overflow: auto; width: 250px; height: 330px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                  
                  <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                      <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/spotli10.png" />
                  </div><br />
                  <div class="ciss" style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;top: -10px;">
                     
                     <center>
                         Content
                     </center>
                     
                  </div>
                  
               </div>
               
            </td>
            
            <td rowspan="3">
               
               <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                  
                  <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                      <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/events10.png" />
                  </div><br />
                  <div class="ciss" style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 233px;position: relative;  top: -10px;">
                     
                     <center>
                         Content
                     </center>
                     
                  </div>
                  
               </div>
               
            </td>
            
            <td rowspan="3">
               
               <div style="overflow: auto; width: 250px; height: 332px; background: #000000; padding: 5px; border-top: 5px solid #0d0d0d; border-bottom: 5px solid #0d0d0d;">
                  
                  <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -5px;">
                      <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/welcom13.png" />
                  </div>
                  
                  <table>
                     
                     <tbody>
                        
                        <tr>
                           
                           <td>
                              
                              <div class="ciss" style="overflow: auto; background-color: #141414; margin: auto; padding: 7px; color: #a0a0a0; font-size: 10px; text-align: justify; font-family: share; line-height: 100%; height: 90px;position: relative;top: 0px;">
                                 
                                 <center>
                                     Content
                                 </center>
                                 
                              </div>
                              
                           </td>
                           
                        </tr>
                        
                        <tr>
                           
                           <td>
                              
                              <div style="width: 210px; height: 119px; background: #000000; margin-top: 0px; padding: 5px;">
                                 
                                 <div style="background-color: #000000;  text-align: right; font-size: 27px; font-family: Amatic SC; color: #c2c2c2; text-transform:uppercase; text-shadow: 1px 1px 1px #000000; padding-bottom: -35px;">
                                     <img alt="" border="0" src="http://i56.servimg.com/u/f56/18/76/17/65/news10.png" />
                                 </div><br />
                                 <div style="width: 195px; height: 58px; overflow: auto; background-color: #141414; font-family: share; font-size: 10px; color: #A0A0A0; text-align: justify; line-height: 100%; padding: 7px;position: relative;top: -5px;">
                                    
                                    <center>
                                       
                                    </center>
                                    
                                 </div>
                                 
                              </div>
                              
                           </td>
                           
                        </tr>
                        
                     </tbody>
                     
                  </table>
                  
               </div>
               
            </td>
            
         </tr>
         
         <tr>
            
            <td rowspan="2">
               
            </td>
            
            <td>
               
            </td>
            
         </tr>
         
      </tbody>
      
   </table>
   
</center>

Link to site:http://www.narutonexusrp.com/forum

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by SLGray on March 6th 2014, 4:10 am

Has it been removed, because I do not see it?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 4:12 am

Yes it has been removed because somebody from staff played with it and it went down into the categories? Would you like me to add it back so you can see it?

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by SLGray on March 6th 2014, 4:29 am

Yes, please.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 4:32 am

Its back

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by SLGray on March 6th 2014, 4:34 am

Thanks.

The only issue I see is that it looks like it is cut off on the right side.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 4:37 am



Thats what it looks like for me?

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by SLGray on March 6th 2014, 4:39 am

It does not look like that for me.

Clear your browser's history and cache.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 4:42 am

I just did and its still the same

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by SLGray on March 6th 2014, 4:47 am

Try using a different browser.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 5:27 am

well i asked some of my other members with different browsers and they have the same problem?

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by SLGray on March 6th 2014, 5:52 am

Sorry to tell you, but the reason why it is not aligning correctly is because of the widgets. When I remove them, it aligns perfectly.

Try increasing the forum's width.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 5:55 am

How do i do that?

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by SLGray on March 6th 2014, 5:57 am

Administration Panel > General > Forum > Configuration
Forum Width:

or

In your CSS:
Code:
.pun {
  width: 70%;
}
This is what I see when I inspect your CSS.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36679
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on March 6th 2014, 6:15 am

What should i change it too?

itachi uchiha
Forumember

Male Posts : 134
Reputation : 1
Language : English
Location : New Zealand

http://www.narutonexusrp.com/forum

Back to top Go down

In progress Re: Header help?

Post by Pizza Boi on March 6th 2014, 7:59 am

Hi Very Happy

Try 100%

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum