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 Wed Mar 05, 2014 1:03 pm

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

avatar
itachi uchiha
Forumember

Male Posts : 141
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 Wed Mar 05, 2014 8:04 pm

Hello itachi uchiha,

Please provide a link to your forum.

Thank you Smile
avatar
Ange Tuteur
Forumaster

Male Posts : 13065
Reputation : 2738
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 2: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
avatar
itachi uchiha
Forumember

Male Posts : 141
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 Thu Mar 06, 2014 3: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.

avatar
SLGray
Administrator
Administrator

Male Posts : 37987
Reputation : 2561
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 3: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?
avatar
itachi uchiha
Forumember

Male Posts : 141
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 Thu Mar 06, 2014 3:29 am

Yes, please.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 37987
Reputation : 2561
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 3:32 am

Its back
avatar
itachi uchiha
Forumember

Male Posts : 141
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 Thu Mar 06, 2014 3: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.

avatar
SLGray
Administrator
Administrator

Male Posts : 37987
Reputation : 2561
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 3:37 am



Thats what it looks like for me?
avatar
itachi uchiha
Forumember

Male Posts : 141
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 Thu Mar 06, 2014 3: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.

avatar
SLGray
Administrator
Administrator

Male Posts : 37987
Reputation : 2561
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 3:42 am

I just did and its still the same
avatar
itachi uchiha
Forumember

Male Posts : 141
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 Thu Mar 06, 2014 3: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.

avatar
SLGray
Administrator
Administrator

Male Posts : 37987
Reputation : 2561
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 4:27 am

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

Male Posts : 141
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 Thu Mar 06, 2014 4: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.

avatar
SLGray
Administrator
Administrator

Male Posts : 37987
Reputation : 2561
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 4:55 am

How do i do that?
avatar
itachi uchiha
Forumember

Male Posts : 141
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 Thu Mar 06, 2014 4: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.

avatar
SLGray
Administrator
Administrator

Male Posts : 37987
Reputation : 2561
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

In progress Re: Header help?

Post by itachi uchiha on Thu Mar 06, 2014 5:15 am

What should i change it too?
avatar
itachi uchiha
Forumember

Male Posts : 141
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 Thu Mar 06, 2014 6:59 am

Hi Very Happy

Try 100%

Regards,
Pizza Boi
avatar
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