Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

Help with table on invasionfree


  • Please log in to reply

#1
deltonator

deltonator

    New Member

  • Member
  • Pip
  • 6 posts
on my clan forums i want my catagorys look like this
Posted Image

i want them all the way over. can some1 help m please? =[

heres my css and border if u need that to help me :(


css:

html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 9px; color:#696969;margin:0px 10px 0px 10px;background-color:#0D0D0D }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #696969; }
a:link, a:visited, a:active { text-decoration: underline; color: #B66718 }
a:hover { color: #FFF; text-decoration:none }

fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }

img.attach { border:1px inset #000;padding:3px }

.googleroot { padding:6px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130%; color:#108706 }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }

li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }

option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#696969 }
.caldate { text-align:right;font-weight:bold;font-size:10px;color:#696969; background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); padding:2px;margin:0px;border-top:3px double #0A0A0A;border-bottom:3px double #0A0A0A;border-right:1px solid #0A0A0A;border-left:1px solid #0A0A0A; }

.warngood { color:green }
.warnbad { color:red }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }

#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:3px double #0A0A0A;background-color: #252525 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #252525; border:3px double #0A0A0A;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border-top:3px double #151515;border-bottom:3px double #151515;border-right:1px solid #151515;border-left:1px solid #151515;background-color: #252525;background-image:url(http://);padding:0px;margin:0px; }
#submenu { border-top:3px double #151515;border-bottom:3px double #151515;border-right:1px solid #151515;border-left:1px solid #151515;background-color: #252525;font-size:10px;margin:3px 0px 3px 0px;color:#B66718;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #B66718 }
#submenu a:hover { color:#CC751B;text-decoration:none; }
#userlinks { border-bottom:1px solid #0A0A0A;border-right:1px solid #0A0A0A;border-left:1px solid #0A0A0A; border-top:3px solid #0A0A0A;background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); }

#navstrip { font-weight:bold;background-color:#252525;border-top:3px double #151515;border-bottom:3px double #151515;border-right:1px solid #151515;border-left:1px solid#151515;padding:4px 2px 4px 2px }

.activeuserstrip { background-color:#161616; padding:3px }

.pformstrip { background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); color:#FFF;font-weight:normal;padding:3px;margin-top:1px }
.pformleft { background-color: #252525; padding:6px; margin-top:1px;width:25%; border-top:1px solid #0A0A0A; border-right:1px solid #0A0A0A;border-left:1px solid #0A0A0A }
.pformleftw { background-color: #252525; padding:6px; margin-top:1px;width:40%; border-top:1px solid #0A0A0A; border-right:1px solid #0A0A0A; }
.pformright { background-color: #252525; padding:6px; margin-top:1px;border-top:1px solid #0A0A0A;border-right: 1px Solid #0A0A0A; }

.post1 { background-color: #1F1F1F }
.post2 { background-color: #1F1F1F }
.postlinksbar { text-align:center;background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); padding:3px;margin-top:1px;font-size:9px;border-right:1px solid #0A0A0A;border-left:1px solid #0A0A0A; }

.row1 { background-color: #252525;border-top:1px solid #313131;border-left:1px solid #313131; }
.row2 { background-color: #252525;border-top:1px solid #313131;border-left:1px solid #313131; }
.row3 { background-color: #252525;border-top:1px solid #313131;border-left:1px solid #313131; }
.row4 { background-color: #252525;border-top:1px solid #313131;border-left:1px solid #313131; }

.darkrow1 { background-color: #1A1A1A; color:#696969; }
.darkrow2 { background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); border-bottom:1px solid #272727;color:#FFF;padding:2px }
.darkrow3 { background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); color:#FFF; }

.hlight { background-color: #252525 }
.dlight { background-color: #252525 }

.titlemedium { font-weight:normal; color:#FFF; padding:3px; margin:0px; background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif);border-left:1px solid #313131; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #FFF }

.maintitle { text-align:center;vertical-align:middle;font-weight:bold; color:#422509; letter-spacing:1px; padding: 8px 0px 8px 5px ;background-image: url(http://209.85.48.12/3553/197/upload/p241100.gif); background-position:center;background-repeat:no-repeat;width:100%; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #422509 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:3px double #7A4510;background-color:#080808 }
.tableborder { border:0px solid #345487;background-color:#0A0A0A; padding:0px; margin:0px; width:100% }
.tablefill { border-bottom:1px solid #3A3A3A;border-right:1px solid #3A3A3A;border-left:1px solid #0A0A0A; border-top:1px solid #0A0A0A;background-color:#2C2C2C;padding:6px; }
.tablepad { background-color:#252525;border-top:3px double #0A0A0A;border-bottom:3px double #313131;border-right:3px double #313131;border-left:3px double #0A0A0A;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
div.row4 { border-bottom:1px solid #313131;border-right:1px solid #313131;border-left:1px solid #0A0A0A; border-top:1px solid #0A0A0A;background-color:#2C2C2C; }

.wrapmini { background-color:#252525; float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#696969 }
.edit { font-size: 9px; color:#B66718;border-bottom:1px solid #313131;border-right:1px solid #313131;border-left:1px solid #0A0A0A; border-top:1px solid #0A0A0A;background-color:#161616;padding: 0px 2px 0px 2px }

.signature { font-size: 10px; color: #696969 }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 11px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 11px;C:Z00 }
.unreg { font-size: 10px; font-weight: normal; color: #B66718 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }

#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #696969; border-bottom:1px solid #313131;border-right:1px solid #313131;border-left:1px solid #0A0A0A; border-top:1px solid #0A0A0A;background-color:#2C2C2C; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #696969; border-bottom:1px solid #313131;border-right:1px solid #313131;border-left:1px solid #0A0A0A; border-top:1px solid #0A0A0A;background-color:#2C2C2C; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

</style><center>Skin <b>.Wiredvage
</b> designed by <b>Zeus00</b> of the <b><a href="http://invisionfree.com/forums/ifskinzone/index.php" target="_blank">IF Skin Zone</a></b>.</center><style type='text/css'>

.codebuttons { font-size: 9px; color:#B66718; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); background-color:#181818;border:1px solid #0A0A0A; }
.forminput, .radiobutton, .checkbox { border:1px solid #0A0A0A; background-position: center; color: #FFF; background-image: url(http://209.85.48.12/3553/197/upload/p241329.gif); background-color:#181818; font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.textinput { border: 1px solid #0A0A0A;background-color:#181818; font-size: 10px; color:#FFF; font-family: verdana, helvetica, sans-serif; vertical-align: middle }

.thin { padding:3px 2px 3px 2px;line-height:140%;margin:2px 0px 2px 0px;border-top:3px double #1D1D1D;border-bottom:3px double #1D1D1D }

.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
</style><script language='javascript'>
if ( location.search.indexOf('Post&CODE')!=-1 ){document.write("<style>.pformstrip { border-top:1px solid #0A0A0A;border-right:1px solid #0A0A0A;border-left:1px solid #0A0A0A }}</style>")}
</script>
</style><script language='javascript'>
if ( location.search.indexOf('UserCP&CODE=00')!=-1 ){document.write("<style>.forminput { background-color: #181818; background-image:url(http://);border: 3px double #0A0A0A }}</style>")}
</script>





header:

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="804" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor="#070707" height="377" bordercolor="#070707">
<tr>
<td width="100%" height="100%" bgcolor="#070707">


<% BOARD HEADER %>



<!-- By Choco of the IFSZ -->
<div class="tableborder">
<div class="maintitle">Unleashed Pain</div>
<table width="100%" height="200px"cellspacing="1" cellpadding="4"><tr height="20px">
<th class="titlemedium" width="30%">Miscellanious</th><th class="titlemedium" width="40%">News</th><th width="30%" class="titlemedium">Links</th></tr>
<tr><td class="row2" style="text-align:center;">

<br /><b>Hello and welcome to Unleashed Pain 110+ F2P forums. You will need to register if you want to see all of our threads.

Please register with your full Runescape name.
</b><br /> IRC Channel: #Unleash_pain</b><br />Clan Chat: Up_Chat</b><br />

</td>
<td class="row4" style="text-align:center;">
<marquee behavior="slide" marquee direction="up" scrollamount="2" scrolldelay="1" height="100%" width="100%" style="text-align:center;">

<br /> <br /><b>Welcome to Unleashed Pain's forums!</b><br /><br /><font color="red">Important!</font><br /><br />Download TEAMSPEAK BEFORE Next War<br /><a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showforum=29'font color="red">Click here To Download Teamspeak</a><br /><br />We will be posting important news<Br />and war information in this box.<br />Please pay attention to this box<br />to stay active and up-to-date<br />with the Clan's affairs.<Br /><br /><br />

</marquee>

</td><td class="row2"style="text-align:center;">

<a href="http://www.runescape.com">Runescape</a><br />
<a href="http://www.runehead.com/clans/ml.php?clan=unleash_pain"> Members List</a><br />
<a href="http://www.runehead.com/clans/ml.php?clan=painfa">Future Applicants</a><br />
<a href="http://www.runehq.com/">Rune HQ</a><br /><a href="http://tip.it/runescape/">Tip It</a><br />
<a href="http://www.zybez.net/">Zybez</a><br />
<a href="http://www.swiftswitch.net/">SwiftKit</a><br />
<a href="http://runescape.salmoneus.net/">Salmoneus</a><br />
</td>
</tr>
<th class="titlemedium" width="100%" colspan="3">
<font color="#FFCC00" face="Blue Highway" size="4">
<marquee scrolldelay="190" F" behavior="slide" loop="10"> <img border="0" src="http://i296.photobucket.com/albums/mm182/sabedoria7/crown-2.jpg" width="25" height="25"> Clan Milestones ~ &nbsp;&nbsp;&nbsp;&nbsp;
Archerdude08 gets 99 Hitpoints, &nbsp;&nbsp;&nbsp;&nbsp; Sage_288 gets 99 Hitpoints, &nbsp;&nbsp;&nbsp;&nbsp; Stonepayc1 gets 99 Defence</marquee></font></th>

</table>
</div>


<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" height="60" id="AutoNumber1" bgcolor="#3E3E3E">
<tr>
<td width="60" height="100%">
<p align="left"><b>
<img border="0" src="http://i296.photobucket.com/albums/mm182/sabedoria7/upcomingwaricon.jpg" width="60" height="60"><font color="#FFFFFF"> </font>
<font color="#C0C0C0"> </font></b></td>
<td width="100%" height="100%">
<p align="center">
<b>
<font color="#C0C0C0">Upcoming
War:&nbsp; UP vs WF
<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showtopic=2315">
<font color="#C0C0C0">( Click Here For Sign UP )</font></a></font></b></td>
<td width="100%" height="100%">
<img border="0" src="http://i296.photobucket.com/albums/mm182/sabedoria7/upcomingwaricon.jpg" width="60" height="60"></td>
</tr>

</table>



<div align="left">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="826" height="25" id="AutoNumber1">
<tr>
<td width="174" height="25" align="center"><font color="#00FFFF"><b>
<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showtopic=2215">&nbsp;War Related Help</a></b></font></td>
<td width="98" height="25" align="center"><font color="#00FFFF"><b>
<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showforum=4">&nbsp;Clan News</a></b></font></td>
<td width="128" height="25" align="center"><font color="#00FFFF"><b>
<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showtopic=2227">Clan Feedback</a></b></font></td>
<td width="69" height="25" align="center"><font color="#00FFFF"><b>&nbsp;<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?act=site">
Events</a></b></font></td>
<td width="142" height="25" align="center"><font color="#00FFFF"><b>
<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showforum=11">&nbsp;Clan Discussion</a></b></font></td>
<td width="101" height="25" align="center"><font color="#00FFFF"><b>
<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showtopic=2060">&nbsp;P2P Gear</a></b></font></td>
<td width="99" height="25" align="center"><font color="#00FFFF"><b>
<a href="http://z11.invisionfree.com/Unleashed_Pain/index.php?showtopic=524">F2P Gear</a></b></font></td>
</tr>
</table>
</div>

<p>&nbsp;</p>
<p>&nbsp;</p>



<% NAVIGATION %>

<% BOARD %>
<% STATS %>

Edited by deltonator, 12 January 2009 - 12:44 PM.

  • 0

Advertisements


#2
deltonator

deltonator

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
http://z11.invisionf..._Pain/index.php? theres the link to the forums, and it u also can help me with gettign the black background area to become the same greyish as the rest of the forums that be great :)
  • 0

#3
deltonator

deltonator

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts

http://z11.invisionf..._Pain/index.php? theres the link to the forums, and it u also can help me with gettign the black background area to become the same greyish as the rest of the forums that be great :)


yay i was able to fix this but not the posted problem :)
  • 0

#4
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Checked site in Firefox and IE. Didn't see the problem with categories being out of place.

CSS Errors
HTML Errors

No DocType so you are putting browsers in Quirks Mode. Correcting errors and inserting a proper DocType will go a long way to getting your page(s) to display as you intended in most browsers.
  • 0

#5
deltonator

deltonator

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts

Checked site in Firefox and IE. Didn't see the problem with categories being out of place.

CSS Errors
HTML Errors

No DocType so you are putting browsers in Quirks Mode. Correcting errors and inserting a proper DocType will go a long way to getting your page(s) to display as you intended in most browsers.



im talking about the small black squares on the sides of those things. i dont know what they are called. i asked a freind and she sees them 2 :s

Edited by deltonator, 13 January 2009 - 02:53 PM.

  • 0

#6
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
My answer is the same. Not in Firefox 2.0.0.20 or IE 7.0. Proper coding may solve your problem with your browser.
  • 0

#7
deltonator

deltonator

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
problem solved
  • 0

#8
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
Would you post solution for others who may have been following this thread because of same or similar problem? Glad you got it solved.
  • 0

#9
deltonator

deltonator

    New Member

  • Topic Starter
  • Member
  • Pip
  • 6 posts
uh :s unfortunately i didn't even do the solution :) i got my friend to do it ( mainly coz im stupid with these types of things :) ). i dont think ill be able to sorry :)
  • 0

#10
Major Payne

Major Payne

    Retired Staff

  • Retired Staff
  • 5,307 posts
No problem. Was hoping to have the solution as this is what this forum is all about and just hate to leave deadends. :)
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP