Jump to content

Scrolling Problem and PHPBB use

merebel

By merebel
in CSS Help

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

Archived

This topic is now archived and is closed to further replies.

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.