...

View Full Version : Text align in one line



Canman07
10-31-2011, 04:52 AM
Hello,

Here is my website: http://visionarycreativegrp.com/Demos/ForSale%20RED/#

As seen on my preview: http://img822.imageshack.us/img822/6533/unled1pd.jpg

I would like to put text on the same line just on opposite sides of the headlines box. I have no clue what to do :(

Thanks

Microsuck
10-31-2011, 05:05 AM
"the" text.

Care to elaborate?

Canman07
10-31-2011, 05:20 AM
Care to elaborate?

It's in the preview. Look at the box under the login section. It's a clear display of what's supposed to be there.

Microsuck
10-31-2011, 05:41 AM
It's in the preview. Look at the box under the login section. It's a clear display of what's supposed to be there.

I'm failing to understand what you're trying to accomplish.

Canman07
10-31-2011, 05:44 AM
I'm failing to understand what you're trying to accomplish.

If you open the Preview: http://img822.imageshack.us/img822/6533/unled1pd.jpg

You will see the text "Back2Back Gaming Wins ESWC 2011" and then there is a "12" in a text bubble. I am asking if someone knows how to get it so that i can do that with code.

Microsuck
10-31-2011, 05:48 AM
If you open the Preview: http://img822.imageshack.us/img822/6533/unled1pd.jpg

You will see the text "Back2Back Gaming Wins ESWC 2011" and then there is a "12" in a text bubble. I am asking if someone knows how to get it so that i can do that with code.

Do WHAT?!

Canman07
10-31-2011, 05:50 AM
Do WHAT?!

So i can alight the NUMBER on the same line as the title. Read in between the lines. It wasnt that difficult to understand.

Microsuck
10-31-2011, 05:59 AM
So i can alight the NUMBER on the same line as the title. Read in between the lines. It wasnt that difficult to understand.

It is for me, considering the number is already on the same line as the title...

http://screensnapr.com/e/tYYaG0.png

Canman07
10-31-2011, 06:01 AM
yes... but how do i get that in there on code... how do i space it out that far? When i hit space or tab multiple times, it only spaces it 1 space..

Excavator
10-31-2011, 07:02 AM
yes... but how do i get that in there on code... how do i space it out that far? When i hit space or tab multiple times, it only spaces it 1 space..

The text in an li is fine. The little comment bubble image on the right might be a little more work to land text into.
Try a span though, something like this -
<!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>Untitled Document</title>
<style type="text/css">
html, body {background: #333;}
#headlines {
background:url(http://visionarycreativegrp.com/Demos/ForSale%20RED/images/headlinebox.png);
width: 387px;
float: right;
margin: 5px 0 0;
overflow: auto;
clear: right;
}
ul#headlinelink {
margin: 0;
padding: 0;
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#headlinelink li {
line-height: 29px;
width: 387px;
float: left;
}
#headlinelink li a {
width: 240px;
padding: 2px 5px;
float: left;
display: block;
text-decoration: none;
color: #fff;
}
#headlinelink a:hover {color: #f00;}
#headlinelink span {
width: 40px;
float: right;
margin: 2px 2px 0 0;
color: #000;
}
</style>
</head>
<body>
<div id="headlines">
<ul id="headlinelink">
<li><a href="#">Back2Back Gaming Wins ESCW 2011</a><span>12</span></li>
<li><a href="#">Back2Back Gaming Wins ESCW 2011</a><span>12</span></li>
<li><a href="#">Back2Back Gaming Wins ESCW 2011</a><span>12</span></li>
<li><a href="#">Back2Back Gaming Wins ESCW 2011</a><span>12</span></li>
<li><a href="#">Back2Back Gaming Wins ESCW 2011</a><span>12</span></li>
<li><a href="#">Back2Back Gaming Wins ESCW 2011</a><span>12</span></li>
</ul>
<!--end headlines--></div>
</body>
</html>
Just copy/paste that entire snippet into a new .html document and view it in your browser.

I think it would work better if the image was a single line w/thought bubble as a background of each li, instead of one big background on #headline.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum