Jump to content

Scrolling Problem and PHPBB use

merebel

By merebel
in CSS Help

 Share

Recommended Posts

merebel Newbie

merebel

Posted
Posted

I am haveing 2 problems

First one is the top nav bar with the links to other pages scrolls when you try differnt screen sizes

 

Second is how do I move this info into the phpbb side of the forum for the top nav links

 

CSS Code

BODY {
background-color: White;
color: Black;
font: normal normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0pt;
}

H1  {
font-size: 15pt;
}

A  {
text-decoration:none;
}

A:Hover  {
text-decoration:underline;
}

A:Active  {
text-decoration:underline;
}

P  {
text-indent: 2em;
text-align: justify;
}

DT  {
font-weight: bold;
margin-top: 1em;
}

TABLE  {
width: 100%;
border: 0px;
}

TH  {
border: black solid 1px;
background: url("../images/bg_button1.gif") #DBDBDB 0px 20px;
font-weight: bold;
color: black;
}

TD  {
border: black solid 1px;
background-color: White;
padding: 5pt;
text-align: center;
}

#costable  {
  width:  100%;
border: 0px;
background-color: white;
font-weight: bold;
color: black;
align:  center;
}
#galtable  {
  width:  100%;
border: 0px;
background-color: white;
color: black;
text-align:  center;
}

#galcell  {
border: black solid 1px;
background-color: white;
color: black;
text-align:  center;
vertical-align: bottom;
}

#vipcell  {
border: black solid 1px;
background-color: white;
color: black;
text-align:  center;
vertical-align: top;
}

#noborder {
border: 0px;
background-color: White;
padding: 5pt;
text-align: center;
} 

#cos_value {
border: 0px;
background-color: #C0C0C0;
padding: 5pt;
text-align: center;
}

#costd  {
  border: 0px;
background-color: #993333;
padding: 5pt;
text-align: center;
color:  white;
} 

#header0  {
background: url("../images/bg0.jpg") black top left repeat-x scroll;
width: 100%;
height: 119px;
}

#header1  {
background: url("../images/bg1.jpg") black top left repeat-x scroll;
width: 100%;
height: 119px;
}

#header2  {
background: url("../images/bg2.jpg") black top left repeat-x scroll;
width: 100%;
height: 119px;
}

#header3  {
background: url("../images/bg3.jpg") black top left repeat-x scroll;
width: 100%;
height: 119px;
}

#header4  {
background: url("../images/bg4.jpg") black top left repeat-x scroll;
width: 100%;
height: 119px;
}

#header5  {
background: url("../images/bg5.jpg") black top left repeat-x scroll;
width: 100%;
height: 119px;
}

#header6  {
background: url("../images/bg6.jpg") black top left repeat-x scroll;
width:  100%;
height:  119px;
}

#header7  {
background: url("../images/bg7.jpg") black top left repeat-x scroll;
width:  100%;
height:  119px;
}

#header8  {
background: url("../images/bg8.jpg") black top left repeat-x scroll;
width:  100%;
height:  119px;
}

#header9  {
background: url("../images/bg9.jpg") black top left repeat-x scroll;
width:  100%;
height:  119px;
}

#header10  {
background: url("../images/bg10.jpg") black top left repeat-x scroll;
width:  100%;
height:  119px;
}

#header11  {
background: url("../images/bg11.jpg") black top left repeat-x scroll;
width:  100%;
height:  119px;
}

#header12  {
background: url("../images/bg12.jpg") black top left repeat-x scroll;
width:  100%;
height:  119px;
}

#nav_main  {
float: left;

width: 10%
font-weight: bolder;
font-family: "Courier New", Courier, monospace;
font-size: 9pt;
text-align: center;
width: 100%;



}
#nav_main A  {
float: left;
width: 10%;
background: url("../images/bg_button1.gif") #C0C0C0 0px 0px;
border: solid #000 1px;
border-width: 1px 0px 1px 0px;
color: Navy;
text-decoration: none;
padding: 2pt 0pt 2pt 0pt;
margin: 0pt;
}

#nav_main A:Hover  {
background: url("../images/bg_button1.gif") #DBDBDB 0px 20px;
color: Red;
border: solid #FF0000;
border-width: 1px 0px 1px 0px;
margin: 0pt;
}

#nav_main A:Active  {
background: url("../images/bg_button1.gif") #DBDBDB 0px 20px;
color: Red;
border: solid #FF0000;
border-width: 1px 0px 1px 0px;
margin: 0pt;
}

.hidden  {
display:none;
}

#nav_side  {
border: solid #000 1px;
background: url("../images/bg_sidenav.jpg") #C0C0C0 0px 0px;
float: left;
width: 20%;
margin: 0%;
padding: 0%;
clear: both;
}

#nav_side H3  {
background: url("../images/bg_sidenav_header.gif") #808080 bottom;
border-bottom: solid #000 1px;
text-align: center;
margin: 0px;
color: White;
}

#nav_side OL  {
list-style-type: none;
padding: 0pt;
margin: 0pt;
}

#nav_side OL A  {
background: url("../images/bg_sidenav.jpg") 0px 0px;
border: solid #000 1px;
text-indent: 1em;
display: block;
height: auto;
padding: 2px 0px 2px 0px;
color: Navy;
}

#nav_side OL A:hover  {
background: url("../images/bg_sidenav.jpg") #DBDBDB 250px 0px;
color: Red;
border: solid #FF0000 1px;
text-decoration: none;
}

#nav_side OL A:active  {
background: url("../images/bg_sidenav.jpg") #DBDBDB 250px 0px;
color: Red;
border: solid #FF0000 1px;
text-decoration: none;
}

#login  {
padding: 0pt 5pt 0pt 5pt;
}

#login LABEL  {
font-size: 9pt;
font-weight: Bold;
}

#username  {
font-size: 9pt;
border: black solid 1px;
}

#username:focus  {
border: red solid 1px;
}

#password  {
font-size: 9pt;
border: black solid 1px;
}

#password:focus  {
border: red solid 1px;
}

#content  {
padding: 5pt 5pt 5pt 5pt;
float: center;
width: 78%;
}
#content2  {
padding: 5pt 5pt 5pt 5pt;
float: center;
width: 50%;
}
#contact  {
padding: 0pt 0pt 0pt 0pt;
float: Center;
width: 25%;

}


#main_photo1  {
width: 100%;
text-align: center;
height: auto;
}

#main_photo2  {
float: left;
width: 250px;
text-align: center;
height: auto;
position: relative;
left: 8%;
}

#main_photo3  {
float: right;
width: 250px;
text-align: center;
height: auto;
position: relative;
right: 8%;
}

#signature  {
clear: both;
font-size: 6pt;
font-weight: bold;
text-align: center;
}

.button  {
border-width: 1px;
background: url("../images/bg_button1.gif") Silver 0px 0px;
}

.button:Hover  {
color: Red;
background: url("../images/bg_button1.gif") White 0px 20px;
}

#email LABEL {
font-weight: bold;
}

.input_text  {
border: black solid 1px;
width: 50%;
}

.input_text:focus  {
border: red solid 1px;
}

.input_small  {
border: black solid 1px;
}

.input_small:focus  {
border: red solid 1px;
}

#email_message  {
border: black solid 1px;
width: 50%;
height: 200pt;
font: normal normal normal 10pt Verdana, Geneva, Arial, Helvetica, sans-serif;

}

#email_message:focus  {
border: red solid 1px;
}

#email_country  {
border: black solid 1px;
width: 50%;
}

#email_zip_label  {
display: none;
}

#pagination  {
font-weight: bold;
text-align: center;
}

.required  {
color: red;
}

.form  {
text-indent: 0em;
}

.skipnav  {
text-align: right;
color: navy;
position: absolute;
left: -1000em;
top: 1em;
}

.key  {
padding: 0px 1px 0px 1px;
border-width: 1px 2px 2px 1px;
border-style: solid;
background: #faf6f6;
color: #000;
border-color:  #edd #baa #baa #eed;
}

#base_loc  {
border: black solid 1px;
width: 50%;
}

#base_loc:focus  {
border: red solid 1px;
}

.newsdate  {
margin: 0pt;
padding: 0pt;
text-indent: 0pt;
font-weight: bold;
font-style: italic;
}

.news  {
margin: 0pt;
}

.highlight  {
background-color: yellow;
}

.edit_button  {
border-width: 1px;
border-style: solid;
border-color: #EDEBE8 #EDEBE8 Gray Gray;
background: url("../images/bg_button1.gif") Silver 0px 0px;
cursor: hand;
}

.edit_button:Hover  {
color: Red;
background: url("../images/bg_button1.gif") White 0px 20px;
}

.edit_button:Active  {
color: Red;
background: url("../images/bg_button1.gif") White 0px 20px;
border-color: Gray Gray #EDEBE8 #EDEBE8;
}

.editor  {
width: 75%;
border: black solid 1px;
height: 20em;
}

 

 

And the info from the page setup

<!-- Navigation links. -->
<DIV ID="nav_main" nowrap>
  <pre><B CLASS="hidden">[</B><A HREF="index.php" TITLE="Home page and Legion news, Access Key = '0'" ACCESSKEY="0">Home</A><B CLASS="hidden">[</B><A HREF="forum/gallery2.php" TITLE="Legion Photo Gallery, Access Key = '1" ACCESSKEY="1">Gallery</A><B CLASS="hidden">][</B><A HREF="forum/calender.php" TITLE="Calendar of upcoming and past Legion events, Access Key = '2'" ACCESSKEY="2">Events</A><B CLASS="hidden">][</B><A HREF="join.php" TITLE="Join the Legion and register for our discussion forums, Access Key = '3'" ACCESSKEY="3">Join Us</A><B CLASS="hidden">][</B><A HREF="bases.php" TITLE="A directory of our regional chapters, Access Key = '4'" ACCESSKEY="4">Bases</A><B CLASS="hidden">][</B><A HREF="members.php" TITLE="A searchable directory of Legion members and costumes, Access Key = '5'" ACCESSKEY="5">Members</A><B CLASS="hidden">][</B><A HREF="forum/index.php" TITLE="Rebel Legion discussion forums, Access Key = '6'" ACCESSKEY="6">Forums</A><B CLASS="hidden">][</B><A HREF="costuming.php" TITLE="Tutorials and links to resources on Rebel costuming, Access Key = '7'" ACCESSKEY="7">Costuming</A><B CLASS="hidden">][</B><A HREF="links.php" TITLE="Rebel Legion links directory, Access Key = '8'" ACCESSKEY="8">Links</A><B CLASS="hidden">][</B><A HREF="cards.php" TITLE="Rebel Trading Cards" ACCESSKEY="9">Trading Cards</A><B CLASS="hidden">]</B></pre>
</DIV>

 

Any help on where my problem might be would be great

and how I need to move it over would be helpfull

 

thanks

 

Keith

 

 

Link to comment
https://forums.phpfreaks.com/topic/40200-scrolling-problem-and-phpbb-use/
Share on other sites
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.