Jump to content

Gamerz

Members
 View Profile  See their activity

  • Posts

    116

  • Joined

  • Last visited

    Never

Profile Information

  • Gender
    Not Telling

Gamerz's Achievements

Member

Member (2/5)

0

Reputation

  1. Gamerz
    Since the mods have removed my external image of what I would like the elements positioned, below is the attached image. [attachment deleted by admin]
  2. Gamerz
    Hi, So I need serious help on positioning 5 elements on a webpage. I already have a layout design setup, and I already have the CSS/HTML for the elements itself...I just need help positioning them to where I want it... So firstly, here is how I would hope it would like it: Now, here is the layout design without the elements: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title> <link href="http://www.uploadmyfiles.net/display/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="main"> <div class="container"> <div id="header"> <ul id="menu"> <li><a href="">Link1</a></li> <li><a href="">Link2</a></li> <li><a href="">Link3</a></li> </ul> <ul id="menu_left"> <li><a href="" class="active">Left1</a></li> <li><a href="">Left2</a></li> <li><a href="">Left3</a></li> <li><a href="">Left4</a></li> </ul> </div> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> [b][color="Red"]<!-- The main contents such as the elements is to be placed here. Don't forget to delete the <br> tags before this comment when adding elements. -->[/color][/b] </div> <div style="clear:both"></div> </div> </div> </div> </center> <div id="footer"> <div class="container"> <div class="footer_column long"> <h3>Copyright</h3> <p> Some text here....</a> </p> </div> <div class="footer_column"> <h3>Links</h3> <ul> <li><a href="">Link1</a></li> <li><a href="">Link2</a></li> <li><a href="">Link3</a></li> <li><a href="">Link4</a></li> <li><a href="">Link5</a></li> </ul> </div> <div class="footer_column"> </div> </div> </div> </body> </html> Now, the following are the HTML and the CSS codes for the elements. Note they are just html and css, and haven't been positioned yet. This is where I need your help. As you see on the first screenshot, that is how I want the elements at: The "Unique Share Link" at the top: ----- <div class="shared_link" align="center"> <b>Unique Share Link: <input type="text" value="http://www.groupdrop.net/Jy5q3Y" size="30"></b> </div> .shared_link { border:1px solid gray; border-width:medium; width:500px; } ----- ================================================ Search Menu: ----- <div class="search"> <form method="get" class="searchform" action="search.php"> <input name="q" type="text" class="s" value="Search for a File..." onblur="if (this.value == '') {this.value = 'Search for a File...';}" onfocus="if (this.value == 'Search for a File...') {this.value = '';}" /> <input type="image" src="images/search.png" class="searchsubmit" value="Search" /> </form> </div> .search { float:right; display:block; width:260px; height:29px; } ----- ================================================ Left Navigation Menu: ----- <div id="sidebar"> <div class="block_inside"> <h3>Statistics</h3> <ul> <li><a href="">RSS Feed</a></li> <li><a href="">Email Updates</a></li> </ul> <h3>Categories</h3> <ul> <li><a href="">News</a></li> <li><a href="">Marketing</a></li> <li><a href="">General</a></li> <li><a href="">Great Sites</a></li> </ul> <h3>Archives</h3> <ul> <li><a href="">June 2008</a></li> <li><a href="">May 2008</a></li> <li><a href="">April 2008</a></li> <li><a href="">March 2008</a></li> </ul> </div> </div> #sidebar { float:left; width:225px; background-color:#e2dddc; border:1px solid #a3a09e; } #sidebar .block_inside { background:none; background-color:#e2dddc; } #sidebar h3 { font-size:20px; line-height:23px; } #sidebar ul { margin:10px 0px 30px 0px; padding:0px; } #sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; } #sidebar ul li a { color:#7f7d78; } #sidebar ul li a:hover { color:#0172dd; text-decoration:none; } ----- ================================================ Dotted-Center Box: ----- <div id="dotted-center" style="height:200px; overflow:auto;"> <p>Welcome to your group's GroupDrop page.</p> </div> #dotted-center { border: 1px dashed #000; height: 200px; width: 750px; } ----- ================================================ Right Navigation Menu: ----- <div id="sidebar_right"> <div class="block_inside_right"> <h3>Quick Links</h3> <ul> <li><a href="">RSS Feed</a></li> <li><a href="">Email Updates</a></li> <li><a href="">RSS Feed</a></li> </ul> </div> </div> #sidebar_right { float:right; width:225px; height:20px; background-color:#e2dddc; border:1px solid #a3a09e; } #sidebar_right .block_inside_right { background:none; background-color:#e2dddc; } #sidebar_right h3 { font-size:20px; line-height:23px; } #sidebar_right ul { margin:10px 0px 30px 0px; padding:0px; } #sidebar_right ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; } #sidebar_right ul li a { color:#7f7d78; } #sidebar_right ul li a:hover { color:#0172dd; text-decoration:none; } -----
  3. Gamerz
    How would I code that?
  4. Gamerz
    So I have this image viewer that lets users views images AND add comments on the same page. I would like the image on one side, and the comments on the other side. See now, I have this done in Firefox. It works 100% on Firefox, but there were problems in Internet Explorer. In IE, the two items was all on one side, top and bottom (Image was on top, while comments script was added on bottom somehow. So how do I make it so that the two items are aligned side by side, on IE as well? HTML Code: <html> <head> <title></title> <style type="text/css"> h1 {padding-bottom:3px; margin:0px; font-family:arial; font-size:1.1em; line-height:1.2em; letter-spacing:0; text-align:left; word-spacing:normal; text-decoration:none; color:#252525;} body { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:11px; } </style> </head> <body> <div style="float:left;margin-right:15px;"> <b>coupon.gif</b><br> <a href="coupon.gif">Download coupon.gif</a> - <a href="full/coupon.gif">View Full Version of Image</a><hr><a href="1/coupon.gif"><img src="thumbnails/coupon.gif" alt="coupon.gif" title="coupon.gif" border="0"/> </a><br /><br /></div> <div style="float:left;width:340px;"> <div style="padding:10px 0 5px 0"> <div style="margin-left:20px"> <h1>Comments on this image</h1> <form method="post" action="commentfile/coupon.gif" style="margin-top:20px;"> <p><font color='red'>No Comments Available.<br>Be the first to comment this image below.</font></p> <ul style="margin:0;padding:0"> </ul> <h1>Add your comment:</h1> <p> <textarea name="message" id="message" cols="60" rows="5" style="margin: 0 0 5px 0;"></textarea><br /> <input type="submit" name="post" class="submit" value="Post comment" /> <p>Note: Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted.<br><br> No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text. </p> </p> </form> </div> </div> </body> </html> Firefox Screenshot (The one I am trying to accomplish.) Internet Explorer ScreenShot (The one that is NOT working.) See the difference? So how do I make both IE and Firefox...so that the two are side by side just like Firefox? Here is the Firefox ScreenShot (The one I am trying to do.)
  5. Gamerz
    So I have this image viewer that lets users views images AND add comments on the same page. I would like the image on one side, and the comments on the other side. See now, I have this done in Firefox. It works 100% on Firefox, but there were problems in Internet Explorer. In IE, the two items was all on one side, top and bottom (Image was on top, while comments script was added on bottom somehow. So how do I make it so that the two items are aligned side by side, on IE as well? HTML Code: <html> <head> <title></title> <style type="text/css"> h1 {padding-bottom:3px; margin:0px; font-family:arial; font-size:1.1em; line-height:1.2em; letter-spacing:0; text-align:left; word-spacing:normal; text-decoration:none; color:#252525;} body { font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:11px; } </style> </head> <body> <div style="float:left;margin-right:15px;"> <b>coupon.gif</b><br> <a href="coupon.gif">Download coupon.gif</a> - <a href="full/coupon.gif">View Full Version of Image</a><hr><a href="1/coupon.gif"><img src="thumbnails/coupon.gif" alt="coupon.gif" title="coupon.gif" border="0"/> </a><br /><br /></div> <div style="float:left;width:340px;"> <div style="padding:10px 0 5px 0"> <div style="margin-left:20px"> <h1>Comments on this image</h1> <form method="post" action="commentfile/coupon.gif" style="margin-top:20px;"> <p><font color='red'>No Comments Available.<br>Be the first to comment this image below.</font></p> <ul style="margin:0;padding:0"> </ul> <h1>Add your comment:</h1> <p> <textarea name="message" id="message" cols="60" rows="5" style="margin: 0 0 5px 0;"></textarea><br /> <input type="submit" name="post" class="submit" value="Post comment" /> <p>Note: Please keep comments relevant. Any content deemed inappropriate or offensive may be edited and/or deleted.<br><br> No HTML code is allowed. Line breaks will be converted automatically. URLs will be auto-linked. Please use BBCode to format your text. </p> </p> </form> </div> </div> </body> </html> Firefox Screenshot (The one I am trying to accomplish.) Internet Explorer ScreenShot (The one that is NOT working.) See the difference? So how do I make both IE and Firefox...so that the two are side by side just like Firefox? Here is the Firefox ScreenShot (The one I am trying to do.)
  6. Gamerz
    Alright, so when the user uploads an image, it gets displayed onto a viewing page. So on the viewing page, I would like to make the image fit to the left...so the comment box can be shown without having to scroll to the side. I would be assuming to use thumbnails, but I'm not sure how that will work. As you can see below, the image is perfect...fits on the left, and also can handle the comment box just right. So what if a user uploads a full size image that occupies everything on the screen? The comment box wouldn't be visible until you scroll all the way to the right. Basically, I would like to make a thumbnail of the picture so it fits according to the size, but I'm not sure what to do.... Here is the perfect image that I want every image to be like:
  7. Gamerz
    How do I center these buttons? It is on the left side now since I did float:left; See, if I change the float:left; to float:none;, then one button will be on top, and the other on button, and it would be all weird. I want it to make it so all the buttons are aligned into one line and centered. <html> <head> <style type="text/css"> /* BUTTONS */ .buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } .buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ } .buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } </style> </head> <body> <div class="buttons"> <button type="submit" class="positive"> <img src="/images/icons/tick.png" alt=""/> Save </button> <a href="#" class="negative"> <img src="/images/icons/cross.png" alt=""/> Cancel </a> </div> </body> </html>
  8. Gamerz
    Hey all, So I'm working on this php uploader. What I'm trying to do is prevent the uploaded filename from becoming too long. So in this example, let's say...rename after the 8th character. --- Example: Original Filename: JohnAccountInformationTest.txt PHP Renamed Filename: JohnAcco....txt ---- So basically, after the 8th character, PHP should replace everything else in the filename to just "..." AND the .txt should stay the same, and not get changed....how would I do this? Also, one more thing. As I have realized, users who upload a file like: Kevin'sAccount.txt will result in the file being called Kevin/'sAccount.txt will totally messes up the system. How would I delete the automatically "/" that is being added to the filename everytime there is a single quote added?
  9. Gamerz
    Alright, so if I use this auto increment...then I would have to setup the primary key for this column as well. And as I have tried it...the primary key matches the specified column with every column to see if the data is like the primary key column. But I don't want that. I only want to see if the ONE column has no like data. EDIT: Oh, and if I use this primary key...when I have (1,2,....12, 13) it would stop and tell me that 2 and 12 are like. since they both have two in it. Any fixes?
  10. Gamerz
    So I have this PHP and MySQL script that lets users add data to a MySQL table. Every time the user adds a data, there is an ID row that will +1. When the user deletes a data from a random row, then later adds a data...sometimes, the two ID's become the same. This troubles me really because in addition, I also have this PHP Reorder script I use...and this is depended on the ID's. So I can't have two same ID's. So...my question is...I want to make a code that every time the user triggers a specific script, it will check if any two id is same, and if they are, PHP will edit ALL mysql rows id, and make them in order (1,2,3,4,5...) So any clue how I would do this?
  11. Gamerz
    Hello, So I would like to display everything INSIDE a specific directory. In other words, I would like to display all file name's inside all subfolders in a specific directory. (NOT the subfolder itself...but whats inside. See example.) Example: The ROOT directory is: /root/ The directory that ALL folder's will be located is: /root/folder_names/ I have several subfolders: /root/folder_names/folder 1, /root/folder_names/folder 2, /root/folder_names/folder 3, and so on. I would like it to display all FILE NAMES in folder 1, folder 2, folder 3; but not the folders. How would I do this? Thanks so much for the help.
  12. Gamerz
    What is the best way to put a text on image and to stay on the same location even with different browsers? That is, for it to be compatible with ALL browsers, computers.
  13. Gamerz
    Hey, yeah same here...I want to have something like this as well. But I prefer having something like Facebook chat...anyone mind helping us get started?
  14. Gamerz
    AngelG, I kind of need further help onto this, and I would like to talk in private...do you have an MSN or AIM where I can contact you? (PM doesn't work for me..)
  15. Gamerz
    Haku, that is exactly what I need. How would I get started? Can you give me some code to start with?
×
×
  • 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.