| View previous topic :: View next topic |
| Author |
Message |
Lorrenzo Moderator
Reputation: 4
Joined: 02 Jun 2006 Posts: 3744
|
Posted: Fri Oct 17, 2008 3:09 pm Post subject: Need some CSS help. |
|
|
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 |
|
 |
HolyBlah Master Cheater
Reputation: 2
Joined: 24 Aug 2007 Posts: 446
|
Posted: Fri Oct 17, 2008 3:13 pm Post subject: |
|
|
| Try using a table.
|
|
| Back to top |
|
 |
sloppy Expert Cheater
Reputation: 0
Joined: 17 Aug 2008 Posts: 123
|
Posted: Fri Oct 17, 2008 11:41 pm Post subject: |
|
|
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 |
|
 |
Lorrenzo Moderator
Reputation: 4
Joined: 02 Jun 2006 Posts: 3744
|
|
| Back to top |
|
 |
trebor Grandmaster Cheater
Reputation: 21
Joined: 23 Dec 2007 Posts: 816
|
Posted: Sat Oct 18, 2008 8:28 pm Post subject: |
|
|
| Email me. I'll give you the msn of a css pro.
|
|
| Back to top |
|
 |
|