Table Column Not Aligning
-
I am having an issue with aligning the columns in the table I have created. In the first column is an image, and in the second column is some text. The text is appearing below the image for some reason (see screenshot here).
Here is the HTML I am using on the actual page:
<table> <tbody> <tr> <td><img class="aligncenter size-full wp-image-318" alt="bandsonabudget" src="https://thejerseyshoremusicfest.com/wp-content/uploads/2013/01/bandsonabudget.png" width="120" height="100" /></td> <td> <p style="text-align: left;">We are a full service merchandising company for bands, musicians, artists, labels, and businesses. We provide one place to buy affordable merchandise for your band or organization.</p> <p style="text-align: left;">Visit us online at?<a href="https://www.bandsonabudget.com">www.bandsonabudget.com</a></p> </td> </tr> </tbody> </table>
And here is the CSS to my WordPress theme:
/* Theme Name: Soundboard Description: WordPress Theme Author: red_sun (Gerda Gimpl) Author URI: https://www.red-sun-design.com Theme URI: https://themes.red-sun-design.com/soundboard License: GNU General Public License version 3.0 License URI: https://www.gnu.org/licenses/gpl-3.0.html Version: 3.00 ------------------------------------------- INDEX ------------------------------------------- 0. CSS RESET 1. MISC 2. FONTS / TEXT ELEMENTS 3. LAYOUT 4. NAVIGATION 5. SIDEBAR 6. FOOTER 7. WIDGETS 8. IMAGES 9. PAGINATION 10. COMMENTS 11. FORMS 12. WOOCOMMERCE ------------------------------------------- */ /* O. CSS RESET --------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0; } /* END CSS RESET -------------------------------------------------------------*/ /* 1. MISC ------------------------------------------------------------------ */ .clear { clear: both; line-height: 1; margin: 0; padding: 0; } .left { float: left; display: inline; } .right { float: right; display: inline; } .center { margin-left: auto; margin-right: auto; display: block; clear: both; } .hidden { display: none } /* END MISC ---------------------------------------------------------------- */ /* 2. FONTS / TEXT ELEMENTS ------------------------------------------------- */ body { font: 12px/20px "Helvetica neue", Helvetica, Arial, sans-serif; font-weight: normal; } p { margin: 20px 0; line-height: 20px; font-size: 14px; color: #ffffff; } a { text-decoration: none; } a:link, .content a:visited, .content a:active, .button1, .buttonS, .button2, .button1:hover, .buttonS:hover, .button2:hover, a:hover .lastfm, li.comment .reply, a:hover.nivo-nextNav , a:hover.nivo-prevNav, .login-submit input, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu ul a:hover { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row { margin: 20px 0; } h1, h2, h3, h4, h5, h6, .button1, .buttonS, .button2, .cancelled, .soldout, .sf-menu a, .details, .dropcap, ul.tabs li a, ul.login li a { font-family: "Francois One", "Helvetica neue", Helvetica, Arial, sans-serif; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: bold; position: relative; margin: 20px 0; padding: 0; } h1 { font-size: 32px; top: 4px; line-height: 40px; } h2 { font-size: 24px; top: -4px; } h3 { font-size: 20px; top: -3px; } h4 { font-size: 16px; top: -2px; } h5 { font-size: 14px; font-weight: lighter; top: -1px; } h6 { font-size: 12px; font-weight: lighter; text-transform:uppercase; } h1.title, h1.pagetitle { margin-top: 0; } h1.pagetitle { text-transform: uppercase; margin-top: 0; } h1.news-home-title { /* headline title on home page */ font-size: 24px; top: -1px; font-weight: normal; line-height: 20px; text-transform: uppercase; margin-top: 0; } h6.infotitle, li.infotitle { font-family: "Helvetica neue", Helvetica, Arial, sans-serif !important; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 20px; margin: 20px 0 0 0; clear: both; } li.infotitle { width: 100px; text-align: right; } .date-h { font-size: 12px; line-height: 20px; text-transform: uppercase; margin-top: 0; } #sidebar h3.widgettitle, #footer h3.widgettitle { font-size: 32px; top: 0px; margin-top: 20px; font-weight: lighter; } #content h3.widgettitle { /* widget title on home page*/ font-size: 32px; top: 4px; line-height: 40px; margin-top: 0px; text-transform: none; text-transform: uppercase; } .small { font-size: 10px; } strong { font-weight: bold; } address { font-style: italic; } em, dfn, cite { font-style: italic; } dfn { font-weight: bold; } del { text-decoration: line-through; } ins { text-decoration: underline; } sup { font-size: 11px; vertical-align: top; } sub { font-size: 11px; vertical-align: bottom; } blockquote { background: url("images/quotes.png") no-repeat scroll 0 0 transparent; margin: 0 0 15px 15px; padding: 0 0 0 35px; font-style: italic; color: #888; } textarea, input { font-size: 12px; font-family: "Droid Sans", "Helvetica neue", Helvetica, Arial, sans-serif; } pre, code { font-family: Courier, serif ; display: block; font-size: 12px; margin: 20px 0; padding: 10px 15px; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } ul, ol {margin: 0 0 20px 18px;} ul li {list-style-type: disc;} ol li {list-style-type: decimal;} ul {list-style-type: square;} table { margin: -10px 0 10px 0; width: 100%; } table th, table td { padding: 10px; line-height: 19px; text-align: center; -moz-transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } table th { font-weight: bold; } /* END FONTS / TEXT ELEMENTS ----------------------------------------------- */ /* 3. LAYOUT --------------------------------------------------------------- */ #header { width: 100%; margin: 0; } #loginwrapper { width: 100%; height: 30px; overflow: hidden; text-transform: uppercase; font-size: 10px; } ul.login { width: 940px; margin: 0 auto; padding: 0; } ul.login li { display:inline; margin: 0; float: right; } ul.login li a { margin: 0; padding: 5px 10px; display: block; position: relative; } .arrow-down { width: 0; height: 0; margin: 0 auto; border-left: 20px solid transparent; border-right: 20px solid transparent; } #headertop { position: relative; width: 980px; margin: 0 auto; } #logo { width: 940px; margin: -20px 0 -6px auto; opacity: 0.9; display: block; } #slide-bg { width: 980px; height: 400px; margin: 0px auto 0 auto; overflow: hidden; } #slideshow { width: 940px; float: right; margin: 20px 20px 0px 20px; padding: 0; } #bg-wrapper { width: 980px; margin: 20px auto 0 auto; padding: 0; clear: both; overflow: hidden; } #wrapper { width: 960px; margin: 0 auto; padding: 0; clear: both; } *:first-child+html #wrapper { padding-bottom: 20px; } /* IE7 only */ #content { margin-top: 10px; display: inline; float: left; } .title { width: 520px; margin-left: 0px; margin-right: 20px; } .page-content, .contact { width: 680px; } .blogentry {overflow: hidden;} .entry { width: 520px; /*520*/ float: left; margin: -20px 20px 0 0; } .entry-single { width: 520px; float: left; margin: -20px 20px 0 0; } .post-right { float: left; margin-bottom: 10px; } .post-right-single { float: left; } .postinfo { margin: 20px 40px 0 0; padding-bottom: 20px; float: left; width: 120px; text-transform: none !important; } .postinfo ul li { list-style-type: none; float: right; } .postinfo ul li a{ float: right; } .post-date { font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif; float: right; margin-top: 0; margin-bottom: 2px; } *:first-child+html .post-date { width: 92px; } /* IE7 only */ .date-r { float: right; } .d, .m, .y { position: relative; } .d { float: left; font-size: 43px; line-height: 43px; top: -10px; display: inline; } .m { float: right; text-transform: uppercase; font-size: 16px; top: -8px; margin-left: 5px; } .y { float: right; font-size: 10px; top: -8px; margin-left: 5px; clear: both; } .author, .commentnr { clear: both; height: 20px; } .tags { clear: both; } .tweet-button { margin: 0; padding: 0; width: 58px; } .fb-like { width: 100px; } *:first-child+html .fb-like { margin-top: 3px; margin-left: 3px; } /* IE7 only */ li.tweet-button, li.fb-button { display: inline; clear: both; } .tweetbutton, .fb-like { height: 20px; } .fb-like { margin-bottom: 9px; } #error { text-align: center; } .blog-bottomborder { margin: 20px 20px 38px 0; width: 680px; } .sticky {} /* home */ .home-content .widget-area { margin-top: -40px; } #home-news { display: inline; float: left; width: 670px; margin: 0 40px 0 10px; } .headlines { overflow: hidden; margin-bottom: 20px; } .news-home-title { margin: 0; padding: 0; overflow: hidden; } .time-ago, .comment-nr { margin: 0; padding: 0; display: inline; font-size: 10px; } .entry-h p { margin: 0; } .home-post-content { margin-top: 5px; } .tnail-h { float: left; margin-right: 10px; } .entry-ht p { margin: 0; } a.more-link { text-transform: uppercase; font-size: 10px; display: block; margin-top: 20px; } /* tour dates */ .tour { width: 680px; } .upcoming, .past { margin-bottom: 20px; } .tour table { margin: 0; } .tour table td, .tour table th { text-align: left; padding: 20px 0; } .tour form, .tour input { margin: 0; } .tour-date { width: 160px; } .tour-weekday, .tour-day, .tour-month, .tour-year { display: inline; } .tour-weekday { text-transform: uppercase; } .tour-city { width: 200px; } .tour table td.tour-city { padding-right: 40px; } .tour-venue { width: 140px; } .tour-url { width: 120px; } .tour-button { float: right; margin-top: -9px; margin-bottom: -10px; } .cancelled, .soldout, .img-link { display: inline-block; font-weight: normal; line-height: 14px; padding: 8px 10px 9px 10px; text-decoration: none; margin: 0; float: right; } .tour input, .cancelled, .soldout, .img-link { margin-bottom: -10px; margin-top: -8px; } h1.past-dates { margin-top: 60px; } .no_dates { margin-top: 20px; } /* audio */ .player { margin-bottom: 40px; } /* albums / gallery / video */ ul.album li, ul.gallery li, ul.video li { list-style-type: none; list-style-image: none; display: inline; } ul.album, ul.gallery, ul.video { margin: 0; width: 960px; } .album_item, .gallery_item, .video_item { float: left; margin: 0 20px 20px 0; overflow:hidden; } .album-left, .album-center, .album-right { float: left; } .album-left { width: 220px; } .album-left ul { margin-left: 0; } .album-left li { list-style-type: none; } .album-info { margin-top: 20px; } .album-info-center { margin-top: 40px; } .album-center { width: 420px; margin: 0 40px 0 40px; } .album-tracks { margin-top: 20px; } .album-tracks ul { margin: 0; } .album-tracks ul li { list-style-type: none; } .album-right { width: 220px; } .album-artwork { height: 220px; margin-top: 10px; } .album-left form { display: inline; } .album-left .button2 { margin-bottom: 10px; margin-top: 0; } .buy-amazon, .buy-itunes, .buy-other { text-transform: none !important; margin-top: 20px; margin-right: 5px; display: inline-block; } .release-date { margin-top: 9px; font-weight: bold; } .release-date p { margin: 0; } #album-social li { display: inline; } #album-social .fb-like { margin-bottom: 0; } #album-social .fb-button, #album-social .tweet-button { padding: 0; } .audioplayer-mobile { margin: 20px 0; } .audioplayer-icon, .soundcloudplayer-icon { display: inline-block; margin-right: 5px; } .audioplayer-icon { width: 34px; height: 34px; border: 0; } .audioplayer-icon a { display:block; width:100%; height:100%; outline: none; } .audioplayer-icon:hover { opacity: 0.6; } .soundcloudplayer-icon { width: 34px; height: 34px; border: 0; } .soundcloudplayer-icon a { display:block; width:100%; height:100%; outline: none; } .soundcloudplayer-icon:hover { opacity: 0.6; } .album-artwork-inplayer { float: left; margin-right: 10px; } #playlist_wrapper { float: left; top: 0; margin-bottom: 20px; } .pp_content_container #playlist_wrapper { margin-bottom: 0; } .gallery .gallery-item { float: left; width: 140px; margin: 0 20px 0 0; text-align: center; } .gallery-images { width: 960px; } .gallery-images ul { padding: 0; margin: 0; } .gallery-images li { list-style-type: none; float: left; width: 140px; margin: 0 20px 20px 0; padding: 0; text-align: center; display: inline; } /* mosaic sliding boxes image overlay (albums/gallery/video)*/ .mosaic-block, .mosaic-block-v, .mosaic-block-i, .mosaic-block-a, .mosaic-block-gw { position:relative; overflow:hidden; margin-right:20px; height: auto; } .mosaic-block { width:140px; height:140px; } .mosaic-block-gw { width:100px; height:100px; } .mosaic-block-a { width:220px; height:220px; } .mosaic-block-v { width:220px; height:140px; } .mosaic-backdrop { display:none; position:absolute; top:0; height:100%; width:100%; } .video-icon { position:absolute; top:0; height:100%; width:100%; z-index: 20; background:url(images/play.png) no-repeat center center; } .mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; } .details { padding: 5px 10px; position: absolute; bottom: 0; z-index: 20; color: #eee; z-index: 100; background:url(images/bg-black2.png); } .bar .mosaic-overlay { padding: 5px 10px; background:url(images/bg-black2.png); } .gal-size, .aud-size, .gw-size { bottom:-50px; height:40px; } .vid-size, .aw-size { bottom:-30px; height:20px; } .vid-size { width: 200px !important; } .gal-size, .aud-size { width: 120px !important; } .gw-size { width: 80px !important; } .aw-size { width: 200px !important; } .fade .mosaic-overlay { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); background:url(images/bg-black.png); } .circle .mosaic-overlay { background:url(images/play.png) no-repeat center center; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; } /* END LAYOUT -------------------------------------------------------------- */ /* 4. NAVIGATION ------------------------------------------------------------------*/ #topnavi { width: 980px; margin: 0 0 0 0px; height: 45px; margin-top: 0px; } .sf-menu, .sf-menu * { margin: 0 auto; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; width: 980px; margin: 0 0 0 0px; } .sf-menu a { font-family: "Helvetica neue", Helvetica, Arial, sans-serif; font-weight: normal; padding: 15px 15px; font-size: 15px; text-decoration:none; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } .sf-menu ul { /* dropdown */ width: 135px; left: 25px; padding: 0px; text-align: left; z-index: 20000; margin-top: 14px; position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ } .sf-menu ul a { padding: 15px 10px; height: auto; text-align: left; display: block; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; margin-right: 2px; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; } /* END NAVIGATION ---------------------------------------------------------- */ /* 5. SIDEBAR -------------------------------------------------------------- */ #sidebar { margin-top: -30px; } /* END SIDEBAR ------------------------------------------------------------- */ /* 6. FOOTER --------------------------------------------------------------- */ #footer { width: 100%; margin-top: 40px; overflow: hidden; } #footerwrapper { width: 960px; margin: -20px auto 0 auto; padding: 0; padding-bottom: 20px; overflow: hidden; } #social { width: 100%; margin: 0 auto; overflow: hidden; } ul#socialicons { float: left; left: 50%; margin: 0 auto; position: relative; } #socialicons li { display: inline; padding: 20px; float: left; position: relative; right: 50%; } a.lastfm, a.twitter, a.fb, a.soundcloud, a.itunes, a.youtube, a.beatport, a.social1, a.social2, a.social3, a.social4, a.social5 { display: block; height: 32px; outline: none; opacity: 0.4; } a.lastfm { width: 39px; background:url('images/social/lastfm.png') no-repeat; } a.twitter { width: 24px; background:url('images/social/twitter.png') no-repeat; } a.fb { width: 15px; background:url('images/social/fb.png') no-repeat; } a.soundcloud { width: 54px; background:url('images/social/sc.png') no-repeat; } a.itunes { width: 27px; background:url('images/social/itunes.png') no-repeat; } a.youtube { width: 26px; background:url('images/social/youtube.png') no-repeat; } a.beatport { width: 86px; background:url('images/social/beatport.png') no-repeat; } a:hover.lastfm, a:hover.twitter, a:hover.fb, a:hover.soundcloud, a:hover.itunes, a:hover.youtube, a:hover.beatport, a:hover.social1, a:hover.social2, a:hover.social3, a:hover.social4, a:hover.social5 { opacity: 1; } #copyright { width: 100%; margin: 0 auto; padding: 15px 0; overflow: hidden; } #copyright-text { text-align: center; } /* END FOOTER -------------------------------------------------------------- */ /* 7. WIDGETS -------------------------------------------------------------- */ #wrapper .widget-area { margin-bottom: 20px } .widget-area ul, .widget-area p { margin: 0; } .widget-area ul li { list-style-type: none; } .widget { margin: 20px 0 0 0; overflow: hidden; } /* gallery widget */ .gallery-widget { width: 110%; } .gallery-widget li { display: inline; } .gallery-widget .gallery_item { margin-bottom: 0; } .gallery-widget ul { margin-top: -20px; } .gallery-widget .gallery_item { margin-top: 20px; } /* album widget */ .album-widget form { display: inline; } .album-widget .album_item { margin-bottom: 0px; } .album-widget .button2 { margin-top: 10px; margin-right: 5px; } /* video widget */ .video-widget-item { margin-top: 20px; } .widget-area .video_item { margin-bottom: 0; } /* tour widget */ .tourwidget-item { margin-top: 20px; overflow: hidden; } .tour-date-w { float: left; width: 60px; height: 60px; font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif; } .tour-day-w { font-size: 32px; position: relative; top: 8px; } .tour-month-w { font-size: 18px; position: relative; top: 12px; text-transform: uppercase; } .tourright { overflow: hidden; } .tour-url-w form { margin: 0; padding: 0; } .tour-url-w { overflow: hidden; } .widget-area .tour-button, .widget-area .soldout, .widget-area .cancelled { margin: 5px 0 0 0; position: static; float: left; } /* twitter widget */ .twitter li { padding-top: 19px; margin-left: 0px; line-height: 20px; font-size: 12px; } .twitter li:first-child { padding-top: 0; } /* flickr widget */ .flickr { width: 110%; margin-top: -5px; } .flickr_badge_image { float: left; margin: 10px 10px 0 0; height: 65px; } .flickr_badge_image img { width: 57px; height: 57px; margin: 0; padding: 4px; } #footer-widget-area .flickr a, #footer-widget-area .flickr a:link, #footer-widget-area .flickr a:visited { border: none; } /* pages widget */ .widget_pages li.page_item { width: 110px; float: left; } /* comment widget*/ .widget_recent_comments ul li { background:url(images/comment.png) no-repeat 0 6px; padding-left: 15px; } /* news widget */ h1.news-widget-title { font-family: "Helvetica neue", Helvetica, Arial, sans-serif !important; font-size: 12px; font-weight: bold; line-height: 20px; top: 0; margin-top: 0; margin-bottom: 20px; } /* calendar widget */ .widget_calendar { float: left; margin: 0; } #wp-calendar { width: 100%; } #wp-calendar caption { text-align: right; margin-bottom: 10px; text-transform: uppercase; } table#wp-calendar { margin-bottom: 0; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody td { text-align: center; padding:6px 8px; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot { border: none; background: none; } #wp-calendar tfoot #next, #wp-calendar tfoot #prev, #wp-calendar tfoot .pad { border: none; background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; text-align: left; } /* END WIDGETS -------------------------------------------------------------- */ /* 8. IMAGES --------------------------------------------------------------- */ img { position: relative; } a img { border: none; } #content .alignnone, #content .alignleft, #content img.alignleft, #content .alignright, #content img.alignright, #content .aligncenter, #content img.aligncenter { margin-top: 20px; margin-bottom: 20px; } #content .alignleft, #content img.alignleft { margin-right: 20px; float: left; } #content .alignright, #content img.alignright { margin-left: 20px; float: right; } #content .aligncenter, #content img.aligncenter { display: block; margin-left: auto; margin-right: auto; } #content .tnail img { margin: 0 20px 14px 0; } #fullResImage { padding: 0; border: 0; } .wp-caption-text { margin: 0; padding: 0; font-size: 0.8em; line-height: 10px; margin-bottom: 23px; } .wp-caption, .gallery-caption, .wp-caption-text { text-align: right; margin: 0; padding: 0; } /* END IMAGES -------------------------------------------------------------- */ /* 9. PAGINATION ---------------------------------------------------------- */ #pagination { margin: 0px; float: left; text-transform: uppercase; } .pagination_main { clear:both; position:relative; font-size:11px; line-height:13px; } .pagination_main span, .pagination_main a { display:block; float:left; margin: 16px 2px 17px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; } .pagination_main .current { padding:6px 9px 5px 9px; } /* END PAGINATION ---------------------------------------------------------- */ /* 10. COMMENTS ------------------------------------------------------------*/ .comment-topborder { width: 680px; margin: 40px 0 20px 0; } #respond, #comments, ol.commentlist, li.comment, ul.children li.comment { margin: 0; padding: 0; } #comments { margin-top: 20px; } h3#comments-number { margin: 40px 0 0 0; } ol.commentlist { width: 680px; } li.comment, ul.children li.comment { list-style-type: none; } li.comment { width: 100%; display: inline-block; } li.comment p { margin-bottom: 15px; } #comments ul.children { margin: 0 0 0 60px; } #comments .depth-5 ul.children { margin: 0; } .single-comment { position: relative; overflow: hidden; margin-top: 20px; } .comment .avatar { float: left; margin: 20px; clear: both; } .comment-body { float: left; } .depth-1 .comment-body { width: 510px; } .depth-2 .comment-body { width: 450px; } .depth-3 .comment-body { width: 390px; } .depth-4 .comment-body { width: 330px; } .depth-5 .comment-body { width: 270px; } .commentmetadata { float: left; margin-top: 20px; } cite.fn { font-size: 16px; } .comment-date, .comment-date a { font-weight: bold; font-size: 10px; margin-bottom: 20px; text-transform: uppercase; } .comment-text{ clear: both; } li.comment span.reply { position: absolute; bottom: 20px; right: 20px; display: block; font-weight: normal; line-height: 14px; padding: 8px 10px 9px 10px; text-decoration: none; } .comment-counter { font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; color: #aaa; position: absolute; top: 20px; right: 20px; } .depth-2 .comment-counter { display: none; } .depth-1 .comment-arrow { display: none; } .depth-2 .comment-arrow { display: inline; font-family: Ruda, "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; position: absolute; top: 20px; right: 20px; } .moderation { font-size: 11px; font-style: italic; } .bypostauthor {} /* comment pagination */ .page-numbers { display:block; float:left; margin: 20px 2px 20px 0; padding:3px 9px 2px 9px; text-decoration:none; width:auto; } /* END COMMENTS ----------------------------------------------------------- */ /* 11. FORMS --------------------------------------------------------------- */ textarea, input { border: none; padding: 5px; margin-right: 10px; overflow: auto; } form p {padding: 0 0 20px 0;} /* buttons */ .button, .button1 { display: inline-block; font-weight: normal; height: 31px; padding: 0 10px; overflow:visible; text-decoration: none; cursor:pointer; margin-top: 10px; -webkit-appearance: none; } button, .button1 span { display: block; line-height: 14px; padding: 8px 0 9px 10px; } .button2, .submitbutton { color: #fff; height: auto; padding: 6px 10px; border: none; border-radius: 0; box-shadow: none; text-shadow: none; background: transparent; font-weight: normal; cursor: pointer; } /* comment-form */ #respond p { margin-top: 0; } #commentform { display: block; margin: 0; } #commentform label { position: relative; top: 0px; } #commentform ul { margin: 0; } #commentform li { padding: 0; margin-bottom: 20px; clear: both; border: 0; } #commentform ul, #commentform li, #commentform ul li, .contactform ul li { list-style-type: none; list-style-image: none; } #commentform input, #commentform textarea { float: left; } input#author, input#email, input#url { width: 220px; height: 20px; } #commentform textarea { width: 380px; } /* contact-form */ #contactform { display: block; margin: 0; } #contactform label { position: relative; top: 0px; } #contactform ul { margin: 0; margin-top: 20px; } #contactform li { padding: 0; margin-bottom: 20px; clear: both; } #contactform ul, #contactform li, #contactform ul li, .contactform ul li { list-style-type: none; list-style-image: none; } #contactform input, #contactform textarea { float: left; } input#contactName, input#email { width: 220px; height: 20px; } #contactform textarea { width: 380px; } .error { display: inline; } a#cancel-comment-reply-link { display: inline-block; margin-top: 10px; } /* search form */ #searchform { margin: 20px 0 0 0; padding: 5px 0 0; } #searchinput { float: left; margin: 0 8px 0 0; outline: medium none; padding: 6px 8px; width: 155px; border: none; height: 17px; } #search-button { float: right; cursor: pointer; height: 29px; width: 40px; margin: 0; vertical-align: middle; border: none; } #content #search-button { float: none; } #content #searchinput { display: block; } /* login form */ #mylogin { width: 100%; height: 100%; background: #FBFBFB; } #loginform { width: 400px; margin: 20px auto; background: #FFF; padding: 20px 20px 5px 20px; color: #777; font-size: 14px; overflow: hidden; } #login-logo { text-align: center; padding-top: 20px; } .login-password input, .login-username input { background: none repeat scroll 0 0 #FBFBFB; border: 1px solid #E5E5E5; box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.2) inset; font-size: 24px; font-weight: 200; line-height: 1; margin: 2px 0 6px 0; outline: medium none; padding: 3px; width: 98%; height: 35px; } .login-password input:focus, .login-username input:focus { border: 1px solid #ccc; } .login-submit input { float: right; background: none; background-color: #444; border-radius: 0; border: none; color: #FFFFFF; text-transform: uppercase; font-weight: normal; text-shadow: none; display: inline-block; height: 31px; padding: 0 10px; text-decoration: none; cursor:pointer; margin-right: 0; margin-bottom: 0; } .login-submit input:hover { background-color: #666; } .login-remember { float: left; } .login-remember input { margin: 0; height: 10px; } .login-submit { float: right; } ul#login-bottom { width: 400px; margin: 10px auto; padding-bottom: 10px; } #login-bottom li { list-style-type: none; display: inline; } #login-bottom a:hover { color: #666; }
Any help would be greatly appreciated!
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘Table Column Not Aligning’ is closed to new replies.