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 


Need some 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: Fri Oct 17, 2008 3:09 pm    Post subject: Need some CSS help. Reply with quote

Okay, so I have the site - tehlorrence.info -

I'm no pro at CSS, actually, I really don't know it all all.

Anyways, I wanna take one of the sections and make it so it looks like this -

http://tehlorrence.info/splitsite.bmp

A line down the middle, with me able to put text on both sides..

But, I have no idea how to do that..

Can anyone help me make this?

You can view the current CSS files here, or download the entire site source here.

_________________
LAWLrrenzolicious
Back to top
View user's profile Send private message
HolyBlah
Master Cheater
Reputation: 2

Joined: 24 Aug 2007
Posts: 446

PostPosted: Fri Oct 17, 2008 3:13 pm    Post subject: Reply with quote

Try using a table.
Back to top
View user's profile Send private message
sloppy
Expert Cheater
Reputation: 0

Joined: 17 Aug 2008
Posts: 123

PostPosted: Fri Oct 17, 2008 11:41 pm    Post subject: Reply with quote

Try using a combination of the float & clear properties, here is an example I created for you..
Code:
<html>
<head>
<title>Untitled Document</title>
  <style type="text/css">
    div { clear: both; }
    #text1, #text2 { float: left; clear: right; width: 400px; padding: 0px 50px 0px 50px; }
    .border { border-right: 2px solid; }
  </style>
</head>
<body>
  <div><h3 style="margin-bottom: 0px; padding-bottom: 0px;">Random Image</h3><hr><br></div>
  <div id="text1" class="border">- Text will go here<br>- Text will go here<br>- Text will go here<br><br><br><br></div>
  <div id="text2">- Text will go here<br>- Text will go here<br>- Text will go here</div>
  <div><h3 style="margin-bottom: 0px; padding-bottom: 0px;">Random Game</h3><hr></div>
</body>
</html>
Back to top
View user's profile Send private message
Lorrenzo
Moderator
Reputation: 4

Joined: 02 Jun 2006
Posts: 3744

PostPosted: Sat Oct 18, 2008 7:41 pm    Post subject: Reply with quote

sloppy wrote:
Try using a combination of the float & clear properties, here is an example I created for you..
Code:
<html>
<head>
<title>Untitled Document</title>
  <style type="text/css">
    div { clear: both; }
    #text1, #text2 { float: left; clear: right; width: 400px; padding: 0px 50px 0px 50px; }
    .border { border-right: 2px solid; }
  </style>
</head>
<body>
  <div><h3 style="margin-bottom: 0px; padding-bottom: 0px;">Random Image</h3><hr><br></div>
  <div id="text1" class="border">- Text will go here<br>- Text will go here<br>- Text will go here<br><br><br><br></div>
  <div id="text2">- Text will go here<br>- Text will go here<br>- Text will go here</div>
  <div><h3 style="margin-bottom: 0px; padding-bottom: 0px;">Random Game</h3><hr></div>
</body>
</html>


That's awesome. I just don't know how to work it into my pages.. Confused

_________________
LAWLrrenzolicious
Back to top
View user's profile Send private message
trebor
Grandmaster Cheater
Reputation: 21

Joined: 23 Dec 2007
Posts: 816

PostPosted: Sat Oct 18, 2008 8:28 pm    Post subject: Reply with quote

Email me. I'll give you the msn of a css pro.
Back to top
View user's profile Send private message MSN Messenger
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