Help With Html And Css

Discussion in 'Gaming' started by canvasch, Jul 26, 2008.

  1. Jul 26, 2008 at 2:41 PM #1
    canvasch

    canvasch Well-Known Member

    Posts:
    545
    Likes Received:
    0
    Joined:
    May 23, 2006
    Location:
    central- Florida
    so I redid my myspace profile last night out of boredom, decided to make it a little more clean. Pretty simple execpt i ran into a small problem concerning a comment box... the code is below, but for some reason I can't get it to show up.
    I'm wanting to stick it under the blog section btw, in between there... if you know what I did wrong or didn't do at all please help me out.

    My Myspace Profile

    partial css
    Code:
    }
.box1,.box2,.box3,.box4,.sidebar{
font:14pt Arial,Helvetica,sans-serif;
color:AAAAAA;
line-height:20px
}

    partial css cont.
    Code:
    }
.sidebar{
top:185px;
left:478px;
position:absolute;
width:192px;
height:192px;
overflow:auto;
}
    HTML
    Code:
        <div class="sidebar">
            <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
            <input type="hidden" name="friendID" value="86039757" />
            <textarea name="f_comments" cols="25" rows="8"></textarea>

            

<input type="submit" value="Post" /> :: [url="86039757"]View All[/url]</p> 
            </form>

    PS: if you hover over the 2nd blog entry, you'll notice it spazes out and expands and whatnot, it's coded the same as the other 2 blog entries however the others are fine and this isn't... perhaps i screwed up somewhere.. this isn't a major concern to me however, but if you know what's wrong with it please let me know.
     
  2. Jul 26, 2008 at 7:50 PM #2
    .//XeN-

    .//XeN- Well-Known Member

    Age:
    33
    Posts:
    1,387
    Likes Received:
    0
    Joined:
    Sep 18, 2005
    That code is correct, the comment box is hidden because of something else you've put on the page, if you remove the css styling you can see the comment box underneath your blog headings.

    I'd take a look at the rest of the code and see if anything else could be getting in the way.
     
  3. Jul 26, 2008 at 8:05 PM #3
    canvasch

    canvasch Well-Known Member

    Posts:
    545
    Likes Received:
    0
    Joined:
    May 23, 2006
    Location:
    central- Florida
    managed to solve the problem.. if anyone is interested the problem was that the bottom of my style sheet was blocking the actuall use of the form...
    the cure is in the code below..
    Code:
    .hold{background-color:transparent}
.contain{left:50%;margin-left:-400px;top:130px;position:absolute;z-index:0;background-color:transparent;visibility:visible}
.mpd {left:50%;margin-left:-400px;top:0;position:absolute;z-index:9;visibility:visible !important}
.contacttable,.friendsComments,.friendSpace,.profileinfo,.latestBlogEntry,.-------
stsAndDetails,.userProfileDetail,.extendedNetwork,.orangetext15{display:none!important}
td,form{margin:0;padding:0}
table,tr,td{background:transparent}
.canvasch-approved{display:none}
    thanks to Fixtatik over at CreateBlog for helping me notice my oversight.

    EDIT: this thread can be closed, thank you :)
     

Share This Page