Css?

[replica]

Håller på att ändra om ett gratisforum till min WoW guild, försöker fixa sådana rader som finns på bilden (rött) men hittar inte dem i den färdiga koden.

http://img.photobucket.com/albums/v409/AlmetosDon/FoH/background.jpg

html { overflow-x: auto; }


BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 12px;margin: 0px;padding: 0px;text-align: center;color: #040404;background-color: #EFDDB7; }


TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 10px;color: #040404; }


#ipbwrapper { text-align: left;width: 95%;margin-left: auto;margin-right: auto; }


a:link, a:visited, a:active { text-decoration: underline;color: #040404; }


a:hover { text-decoration: underline;color: #4F4C88; }


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


label { cursor: pointer; }


form { display: inline; }


img { vertical-align: middle;border: 0px; }


img.attach { padding: 2px; }


.googleroot { padding: 6px;line-height: 130%; }


.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: #555; }


.caldate { text-align: right;font-weight: bold;font-size: 11px;padding: 4px;margin: 0px;color: #FAFAFA;background-color: #585F7E; }


.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%;background-color: #FBF9F3;border: 1px solid #345487; }


#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }


#ucpcontent { line-height: 150%;width: auto;background-color: #FBF9F3;border: 1px solid #345487; }


#ucpcontent p { padding: 10px;margin: 0px; }


#ipsbanner { position: absolute;top: 1px;right: 5%; }


#logostrip { border-left: 1px solid #4D6681;border-right: 1px solid #4D6681;height: 100px;padding: 0px;margin: 0px;background-color: #4D6681;border: 1px solid #000000;background-image: url(style_images/<#IMG_DIR#>/header_tile.gif); }


#submenu { font-size: 9px;margin: 0x 0px 0px 0px;font-weight: bold;color: #000000; }


#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #000000; }


#userlinks { font-size: 12px;background-color: #F8E6B7;background-image: url(style_images/<#IMG_DIR#>/userlinks.gif); }


#userlinks a:link { font-weight: bold;font-size: 12px;text-decoration: none;color: #312C44; }


#userlinks  a:visited { font-weight: bold;font-size: 12px;text-decoration: none;color: #312C44; }


#userlinks a:active { font-weight: bold;font-size: 12px;text-decoration: none;color: #312C44; }


#userlinks a:hover { font-weight: bold;font-size: 12px;color: #F9F4E5; }


#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }


.activeuserstrip { padding: 6px;color: #DFDFDF;background-color: #697092; }


.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #DFDFDF;background-color: #616A8A; }


.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #E9E1CC; }


.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #E9E1CC; }


.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #C2CFDF;background-color: #E9E1CC; }


.signature { font-size: 12px;line-height: 150%;color: #3A4F6C; }


.postdetails { font-size: 10px; }


.postcolor { font-size: 10px;line-height: 160%; }


.normalname { font-size: 10px;font-weight: bold;color: #003; }


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 10px; }


.unreg { font-size: 11px;font-weight: bold;color: #900; }


.post1 { background-color: #FBF9F3;background-image: url(http://img.photobucket.com/albums/v409/AlmetosDon/FoH/3.jpg); }


.post2 { background-color: #FDF8EB;background-image: url(http://img.photobucket.com/albums/v409/AlmetosDon/FoH/3.jpg); }


.postlinksbar { padding: 4px;margin-top: 0px;font-size: 10px;background-color: #F8E6B7;background-image: url(style_images/<#IMG_DIR#>/userlinks.gif); }


.postlinksbar a:link { font-weight: bold;font-size: 10px;text-decoration: none;color: #312C44; }


.postlinksbar  a:visited { font-weight: bold;font-size: 10px;text-decoration: none;color: #312C44; }


.postlinksbar a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #312C44; }


.postlinksbar a:hover { font-weight: bold;font-size: 10px;color: #5C5A82; }


.row1 { background-color: #FBF9F3;background-image: url(http://img.photobucket.com/albums/v409/AlmetosDon/FoH/3.jpg); }


.row2 { background-color: #FDF8EB;background-image: url(http://img.photobucket.com/albums/v409/AlmetosDon/FoH/3.jpg); }


.row3 { background-color: #E9E1CC;background-image: url(http://img.photobucket.com/albums/v409/AlmetosDon/FoH/3.jpg); }


.row4 { background-color: #F3EEE1;background-image: url(http://img.photobucket.com/albums/v409/AlmetosDon/FoH/3.jpg); }


.darkrow1 { color: #E3D7BB;background-color: #76819F;background-image: url(style_images/<#IMG_DIR#>/dr1.gif); }


.darkrow2 { color: #FDFDF8;background-color: #505D7D;background-image: url(style_images/<#IMG_DIR#>/tile_bot.gif); }


.darkrow3 { color: #3A4F6C;background-color: #DCD6CC;background-image: url(http://img.photobucket.com/albums/v409/AlmetosDon/FoH/3.jpg); }


.hlight { background-color: #F3EEE1; }


.dlight { background-color: #FDF8EB; }


.titlemedium { font-weight: bold;padding: 4px;margin: 0px;font-size: 12px;color: #312C44;background-color: #;background-image: url(style_images/<#IMG_DIR#>/tile_sub.gif); }


.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active { font-size: 12px;text-decoration: underline;color: #312C44; }


.maintitle { vertical-align: middle;font-weight: bold;padding: 0px 0px 0px 0px;color: #FDF8EB;background-image: url(style_images/<#IMG_DIR#>/tile_back.gif); }


.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none;color: #FDF8EB; }


.maintitle a:hover { text-decoration: underline; }


.maintitle2 { vertical-align: middle;font-weight: bold;padding: 0px 0px 0px 0px;color: #FDF8EB;background-image: url(style_images/<#IMG_DIR#>/tile_bot.gif); }


.plainborder { background-color: #FDF8EB;border: 0px solid #FF0000; }


.tableborder { background-color: #FDF8EB;border: 0px solid #FF0000; }


.tablefill { padding: 6px;background-color: #FDF8EB;border: 0px solid #000000; }


.tablepad { padding: 6px;color: #000000;background-color: #FDF8EB; }


.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }


.wrapmini { float: left;line-height: 1.5em;width: 25%; }


.pagelinks { float: left;line-height: 1.2em;width: 35%; }


.desc { font-size: 12px;color: #3A4F6C; }


.edit { font-size: 9px; }


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


#QUOTE { white-space: normal;font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #3A4F6C;background-color: #EFF0EE;border: 1px dashed #000; }


#CODE { white-space: normal;font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #3A4F6C;background-color: #EFF0EE;border: 1px solid #000; }


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


.codebuttons { font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }


.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }


.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF; }


.purple { font-weight: bold;color: purple; }


.red { font-weight: bold;color: red; }


.green { font-weight: bold;color: green; }


.blue { font-weight: bold;color: blue; }


.orange { font-weight: bold;color: #F90; }

Om man lägger in en ny, hur ska det se ut då? Om koden finns, vart är den? Vore väääldigt tacksam för hjälp!!

 

[nidron]

Sv: Css?

Hm, först får du leta upp elementet i kodstrukturen som du ska applicera "det röda" på. Det finns säkert redan ID, eller snarare, Class som gäller för de <div> eller <td> som du vill lägga till en ram kring.
Sedan kan du laborera med

.enklass {
border:1px solid #f00;
}

eller t.ex.

border-bottom:1px solid #f00;