|
| |||||||
 |
| | LinkBack | Thread Tools | Display Modes |
05-07-2008, 11:49 AM
| |||
| |||
 text display problem 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: </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: </td>
<td colspan="2"> <input type="text" class="writein" name="class" id="class" size="30" value="">
</td>
</tr>  |
| Sponsored Links |
|
05-07-2008, 12: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.
__________________ Quote of the Month: Strife: As long as we have each other, we'll never run out of problems. Questions to Ponder: I went to a bookstore and asked the saleswoman where the self-help section was and she said if she told me, it would defeat the purpose. iif([sarcasm]=true,iif([you have to ask]=true,"didn't work","ha ha ha"),"not sarcasm") copyright © 2008 sbenj69 Last edited by mehere; 05-07-2008 at 12:05 PM. |
|
05-07-2008, 12: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 |
|
05-07-2008, 12: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 |
|
05-07-2008, 12: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> |
|
05-07-2008, 12: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> |
|
05-07-2008, 12: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 |
|
|
| Bookmarks |
| Thread Tools | |
| Display Modes | |
| |
Similar Threads | ||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| display problem | todd2006 | JavaScript Programming | 19 | 05-12-2008 02:08 PM |
| display problem with drop downs | todd2006 | JavaScript Programming | 3 | 05-05-2008 05:31 PM |
| IE and Mozilla display problem | todd2006 | HTML & CSS Help | 11 | 04-18-2008 01:17 PM |
| Sponsored Links |
| ASP.NET Resource Index a directory of ASP.NET tutorials, applications, scripts, assemblies and articles for the novice to professional developer. Free Web Directory Including Chats and Forums Resources, Offer automatic, instant and free directory submissions. | URLZ Web Directory URLZ Web Directory Free Web Directory - Add Your Link The Little Web Directory | Free Web Directory Pegasus free web directory is a free directory organised by categories. |
Linear Mode
