text display problem

**todd2006** · todd2006, May 7th, 2008 12:49 PM

Hi,

I have this code and i need some text next to the drop down. I am attaching the image how it looks like

the text " Hold Ctrl key 4 multiple " is next to the drop down and it sticks to the drop down i need some space between the text and drop down and its not working here is the css code

The text scorlls next to the drop down and i want the space to be uniform on the 3 lines where the text scrolls down
also can i have Hold Ctrl key 4 on one line and then multiple on the second line

thank you
todd

Code:

.credfont
{

font-weight:bold;
font-size:12px;
padding:0px 0px 0px 4px;
color: #f00;
}

<tr class="oddrow"> 
<td class="lbl" width="152">Subjects:&nbsp;</td>
<td width="170"><span style="float:left;"><select  name="Subjects" id="Subjects" multiple="multiple" size="2">

<option>Maths</option>
<option>Science</option>
<option>PT</option>
<option>Arts</option>

</select>  </span> <span class="credfont">( Hold Ctrl key 4 multiple )</span>

</td>

<td class="lbl" width="92" > Class:&nbsp;</td>
<td colspan="2"> <input type="text" class="writein"  name="class" id="class" size="30" value=""> 
</td>
</tr>

**mehere** · mehere, May 7th, 2008 01:02 PM

is your CSS just sitting at the top of the page? not sure what the issue is ... but i just tested exactly what you have and it's working fine.

**todd2006** · todd2006, May 7th, 2008 01:05 PM

did you mean if the css was in a include file or at the top of the page

if thats the case its at the top of the page

**mehere** · mehere, May 7th, 2008 01:06 PM

i'm assuming it's between <style></style> tags. i'm not having a problem

**todd2006** · todd2006, May 7th, 2008 01:08 PM

yes its in style tags

see i attached a image mehere there is a break where key 4 can move up next to Hold Ctrl

in IE it pushes it down to next line

any other idea

todd

**mehere** · mehere, May 7th, 2008 01:16 PM

okay ... just did some more testing ... you'll need to increase the width of the column or make your font size smaller.

**todd2006** · todd2006, May 7th, 2008 01:28 PM

i tried to control the width of the column but it doesnt change as my layout will be messed so i tried my font size to be smaller so i have it like this

font-size:12px;

can you tell me how i can have equal spaces around the drop down so my content is not right next to it

**mehere** · mehere, May 7th, 2008 01:31 PM

try changing the span tags to div tags ... i'm not a css expert ... but give it a shot.

Code:

<div class="credfont">( Hold Ctrl key 4 multiple )</div>

**mehere** · mehere, May 7th, 2008 01:35 PM

here's what i currently have ... using your column width of 170 ...

Code:

<style>
.credfont
{
	font-weight:bold;
	font-size:12px;
	padding:0px 0px 0px 4px;
	color: #f00;
}
</style>
<table width="170px" border="1">
<tr>
<td width="170">
	<span style="float:left;">
		<select name="Subjects" id="Subjects" multiple="multiple" size="2">
			<option>Maths</option>
			<option>Science</option>
			<option>PT</option>
			<option>Arts</option>
		</select></span><div class="credfont">( Hold Ctrl key 4 multiple )</div>
</td>
</tr>
</table>

and the attached is what it looks like.

**todd2006** · todd2006, May 7th, 2008 01:35 PM

mehere,

i tried it but didnt work out

i have a padding in my code so the words dont stick next to drop down

what other way can i use because i need some space between the words and drop down

i have tried margin also but same result

thanks for all ur help

todd

Thread: text display problem

LinkBack

Thread Tools

Display

text display problem

Similar Threads

display problem

display problem with drop downs

IE and Mozilla display problem

Bookmarks

Bookmarks

Posting Permissions