Cheat Engine Forum Index Cheat Engine
The Official Site of Cheat Engine
 
 FAQFAQ   SearchSearch   MemberlistMemberlist   UsergroupsUsergroups   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 


Html / CSS help

 
Post new topic   Reply to topic    Cheat Engine Forum Index -> General programming
View previous topic :: View next topic  
Author Message
Lorrenzo
Moderator
Reputation: 4

Joined: 02 Jun 2006
Posts: 3744
PostPosted: Sat Jul 05, 2008 10:36 pm    Post subject: Html / CSS help Reply with quote
Well, I'm looking for someone to help me with CSS / html.

I never quite understood how to do this, and was wondering if someone could help me make this...

I have this...



but, I want it to be like...



So that I can post like 10 songs on a page instead of 5...

Kind of like... a book.

I want it divided to there are two places I can post things - Side 1, and Side 2.

I have the source here -

http://www.mediafire.com/?7lm9phlnmnk

If someone can help me understand dividers that would be wonderfulll

(or just do it. I found I learn better if I see it, then I can memorize it.)
_________________
LAWLrrenzolicious


Last edited by Lorrenzo on Sat Jul 05, 2008 10:53 pm; edited 1 time in total
Back to top
View user's profile Send private message
nwongfeiying
Grandmaster Cheater
Reputation: 2

Joined: 25 Jun 2007
Posts: 695
PostPosted: Sat Jul 05, 2008 10:43 pm    Post subject: Reply with quote
If you know the color of that background, just change the color of the bar to that color. It's what I did for my project in computer science which taught me nothing except for gay programmers and the old peeps -_-.
Back to top
View user's profile Send private message
Noz3001
I'm a spammer
Reputation: 26

Joined: 29 May 2006
Posts: 6220
Location: /dev/null
PostPosted: Sun Jul 06, 2008 4:37 am    Post subject: Reply with quote
Can you not use <div>?
Back to top
View user's profile Send private message MSN Messenger
Heartless
I post too much
Reputation: 0

Joined: 03 Dec 2006
Posts: 2436
PostPosted: Sun Jul 06, 2008 6:18 am    Post subject: Reply with quote
Use CSS to split the page and make 2 cloumns. Then have the top margin on the right side a bit hicher than the left.
_________________
What dosen't kill you, usually does the second time.
Back to top
View user's profile Send private message
Jani
Grandmaster Cheater
Reputation: 2

Joined: 29 Dec 2006
Posts: 804
PostPosted: Sun Jul 06, 2008 6:39 am    Post subject: Reply with quote
Or <table>'s with border="0" (or is it =0)?
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   <head>
      <style type="text/css">
      body {
            background-color: #DEB887;
         }
         h1 {
            color: red;
            text-align: center;
            text-decoration: underline;
         }
         p {
            color: #A52A2A;
            margin-left: 30px;
         }
         table {
            border: none;
            width: 100%;
         }
         td {
            border: 30px;
            vertical-align: text-top;
         }
      </style>
      <title>Test</title>
   </head>
   <body>
      <table>
         <tr>
            <td>
               <h1>MUSIC</h1>
            </td>
         </tr>
         <tr>
            <td>
               <p>
               MUSIC
               </p>
               <p>
               Bevery Hills<br />
               - Demo<br />
               - Download<br />
               </p>
               <p>
               Bevery Hills<br />
               - Demo<br />
               - Download<br />
               </p>
               </td>
               <td>
               <p>
               MUSIC
               </p>
               <p>
               Bevery Hills<br />
               - Demo<br />
               - Download<br />
               </p>
            </td>
         </tr>
      </table>
   </body>
</html>
Couldn't get the background of yours, since the archive is password protected.

Valid XHTML1.1 and CSS2.1 :)
Back to top
View user's profile Send private message
HolyBlah
Master Cheater
Reputation: 2

Joined: 24 Aug 2007
Posts: 446
PostPosted: Sun Jul 06, 2008 7:19 am    Post subject: Reply with quote
You should use table and change the width of text1 in the .css to 650px.
http://www.mediafire.com/?jmp0y3d2mxi
Back to top
View user's profile Send private message
thephoneguy
Grandmaster Cheater
Reputation: 1

Joined: 17 Mar 2007
Posts: 873
PostPosted: Sun Jul 06, 2008 8:09 am    Post subject: Reply with quote
Were you asking because you wanted to learn css or you couldnt think of a workaround?
_________________
If you see me posting referring to an earlier conversation 9/10 times it was in the chatbox at baby Very Happy.
Back to top
View user's profile Send private message
4ng3licDew
Cheater
Reputation: 0

Joined: 14 Feb 2008
Posts: 28
PostPosted: Thu Jul 10, 2008 9:23 am    Post subject: Reply with quote
I downloaded your html files and have a look at it.

You use the div tag to layout the page so I will use the div tag to show you one way of doing it.

In the file style.css add:
Code:

#content {
   background: url(images/elf-bg.jpg) no-repeat 2px;
   clear: both;
   display: block;
   height: 450px;
   padding-left: 0px;
   padding-top: 38px;
   width: 900px;
}

.header {
   margin-left: 100px;
}

.left_content {
   float: left;
   width: 350px;
   background: transparent;
   margin-left: 100px;
   margin-right: 10px;
}

.right_content {
   width: 350px;
   background: transparent;
   margin-left: 470px;
   margin-right: 10px;
} 


In the file index.html delete the contents between the <div id="content1"> and </div> tags (delete the div tags too). Then add this code:
Code:

   <div id="content">

      <div class="header">
      <img src="images/cap-night-elf.gif" alt="Caption" />
      </div>

      <div class="left_content">
         <div class="heading">MUSIC</div>
         <br />
         <h3>Beverly Hills Cop - Axel F (Techno Remix)</h2>
         <B>- Demo</b> : <a href="http://youtube.com/watch?v=lg-eok0GtH4">http://youtube.com/watch?v=lg-eok0GtH4</a><p>
         <b>- Download</b> : <a href="http://www.mediafire.com/?in1tynunxa2">http://www.mediafire.com/?in1tynunxa2</a>

      </div> <!-- left_content -->

      <div class="right_content">
         <br />
         <br />
         
         <h3>Beverly Hills Cop - Axel F (Techno Remix)</h2>
         <B>- Demo</b> : <a href="http://youtube.com/watch?v=lg-eok0GtH4">http://youtube.com/watch?v=lg-eok0GtH4</a><p>
         <b>- Download</b> : <a href="http://www.mediafire.com/?in1tynunxa2">http://www.mediafire.com/?in1tynunxa2</a>

      </div> <!-- right_content -->

   </div> <!-- content -->


I have attached the modified code of files index.html and style.css in this post. Enjoy!

The Extension 'zip' was deactivated by an board admin, therefore this Attachment is not displayed.
Back to top
View user's profile Send private message
Display posts from previous:   
Post new topic   Reply to topic    Cheat Engine Forum Index -> General programming All times are GMT - 6 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Powered by phpBB © 2001, 2005 phpBB Group

CE Wiki   IRC (#CEF)   Twitter
Third party websites