List margin (horizontal space??)

http://www.dumasar.net/santas-workshop.html
How can I get the list to offset to the right. I wrote a class rule applying 9 ems of left margin and that still does not do it. I am missing something here, but can't figure it out.
Help is appreciated,
Thanks,
Joe

You don't need any special classes for this. Simply style the UL selector in your CSS.
#mainContent ul {
list-style: square;
margin-left: 3em;
More on CSS styled lists:
http://w3schools.com/css/css_list.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Add horizontal spaces between regions

Hi everyone,
We use APEX 4.2.
I want to know if it's possible to add horizontal spaces between "region a" and "region b" ?
How I can do this ? I don't want to add an extra "region c".
I taught about adding something in the header region or in the footer region.
Thanks in advance. Have a great day.

Hi,
You could add some css to the first (left?) regio.
.rounded-corner-region {margin-right: 50px;}*.rounded-corner-region* depending on the selected regio.
Regards,
Kees Vlek
<tt>Company: http://www.orcado.nl
Blog: http://www.orcado.nl/blog/blogger/listings/69-kvlek
Twitter: http://www.twitter.com/skier66</tt>
If the question is answered please change it to answered and mark the appropriate post as correct/helpfull.

Combine menu bar and navigation bar in a single horizontal space

I would like to have the navigation bar controls to the right of the menu bar options in the same horizontal space, saving vertical space. This could be done with side-by-side bars or one "compound bar".
Can I do this? How? Thanks for your help.

Use the procedure in the following link. It shows how to customize the toolbars, allowing you to drag and drop the items you want onto the menu bar. You can then hide the navigation toolbar - https://support.mozilla.com/en-US/kb/how-do-i-customize-toolbars
You can, if you prefer, hide the menu bar and it will be replaced with the Firefox button. To do that right-click on a toolbar and click on the "Menu bar" entry to de-select it. Then using the Firefox 4 UI Fixer add-on you can convert the Firefox button into an ordinary button that can be moved like other buttons on the toolbar - https://addons.mozilla.org/firefox/addon/firefox-4-ui-fixer

Unordered list displayed horizontally

Hello,
I am really new to Dreamweaver and I tried to complete (succesfully) the video on how to build my first website.
Following the instruction was not so complicate...
I tried to do pretty much alone the same focusing in creating the button from an unordered list
I did with no CSS file, I created a new one empty. I am able to remove the bullet point, align the list but I can not display the button horizontally and I do not understand why.
This is what I did:
create a Navigation (id= buttons)
create an unordered list
create a CSS file empty
add a selection #buttons ul where I deleted bullet point and aligned the list
add a selection #buttons a here I have problems. I apply with 25% (4 buttons) and set the float option to the left but the list remains vertical
What I do wrong???? It seems I am doing like in the video. Is maybe related to the CSS file? Is not correct doing that with an empty one?
Thanks for any help

Hello, thanks for your answer. Of course it is working, but still I do not get why is not working mine.
here it is the html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Home</title>
<link href="styles/main copy 2.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav id="navbar">
<ul>
    <li>Home</li>
    <li>Products</li>
    <li>Services</li>
    <li>Contacts</li>
</ul>
</nav>
</body>
</html>
and here the CSS
#navbar ul {
          list-style-type: none;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
          padding-top: 0px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
#navbar a {
          width: 25%;
          display: block;
          float: left;

Basic List Margin Question

I know this is a very simple thing, but I have no clue how to
do this.
I have an unordered listing that indents itself from the
table border. I would like to get rid of this indent so it is right
against the border. I turned the borders on and you can see what
I'm talking about in the center panel. I just want the lists to be
against the left side of the table.
Is there a css fix or is it even easier than that?
Here's the page:
http://www.starwarsbooksonline.com/index.html

Set your unordered list CSS margin to -12 pixels, or whatever
it takes.
Lawrence Cramer *Adobe Community Ace*
Cartweaver.com
"tothebeat" <[email protected]> wrote in
message
news:f4ev60$rg2$[email protected]..
>I know this is a very simple thing, but I have no clue
how to do this.
>
> I have an unordered listing that indents itself from the
table border. I
> would like to get rid of this indent so it is right
against the border. I
> turned the borders on and you can see what I'm talking
about in the center
> panel. I just want the lists to be against the left side
of the table.
>
> Is there a css fix or is it even easier than that?
>
> Here's the page:
>
http://www.starwarsbooksonline.com/index.html
>

Flash Builder 4 List controls trimming spaces from XML node values

I'm trying to migrate my Flex 3 application to Flash builder 4. One issue that I have is that one of my datasources returns a list of cities and regions. To get the regions to display in the correct order in Flex 3, a space was added to to their name in the database (ie. "West", "Northwest" are stored in the database as " West" and " Northwest" so that when sorted by the sql query they would appear at the top and gets translated to XML to fill in a list box or combo box in my Flex 3 application. I have functions that take that selected city or region value from the combo box and queries the database for various performance metrics. In migrating to Flash Builder 4, I noticed that the spaces in the region names no longer appear in the combo boxes. When I show the data in a datagrid, the spaces are still there but when populating a combo box or list box, the leading space gets trimmed. This is an issue since if a user selects the value "West", it doesn't find it in the database since it is listed as " West". This wasn't an issue in Flex Buider 3. Is there a work around or parameter that I can set to force the combo box or list box to show the data as-is versus having it trim off the leading spaces for my regions?
Also, a stupid question, in Flex 3, you were able to find the select value of a combo box by using comboBox.text. What is the equivalent in Flash Builder 4? Do I need to do comboBox.selectedItem.Region.toString() now or is there a shortcut to pull the text from the combo box?

I think you want this:
private function onLoadPortfolioData(event:ResultEvent):void
    var obj:XMLList = event.result.img as XMLList;
    if (obj.length > 0)
        _imgCollection = new XMLListCollection(obj);
        pictureList.dataProvider = _imgCollection;
If this post answers your question or helps, please mark it as such. Thanks!
http://www.stardustsystems.com
Adobe Flex Development and Support Services

Menu widget (horizontal) space between buttons

How do I get spaces between navigation buttons on the horizontal menu widget?
In the basic Katie video, she does this as a "pre-set". Then in the advanced video it shows up in the images with no discussion. Thanks for helping.

Hello,
You can either choose to use manual menus for this and place the menu as per your requirement, or you can use the "uniform spacing" option in the item size section of menu options for some spacing between the menu items.
Cheers
Parikshit

Horizontal space under frame??

Hello,
I have a animation rendering of frames at 1920 x 1080.
After I apply a Depth of Field and glow effects to the sequence, a horizontal negative space appears at the bottom of the image.
the only way I can eliminate the space is if I bring the Depth of Field to the top of the effects stack; however by doing this I get an underdesirable noise and blur effect around the edge of the image where the Depth of Field has influence.
Has anybody seen this before? How can I remove this without comprimising the quality of the image??
thanks very much. P

Horizontal negative space? What do you mean by that? Is the image flipped in those areas or the colors inverted? What other effects are involved? Do you use OpenGL? If so, does turning it off improve matters? at what bit-depth do you work?
Mylenium

Spark list, scroller horizontal ne s'adapte pas à la largeur du texte

Bonjour,
dans un composant spark list, le barre de défilement horizonta s'affiche si le texte est plus large que la taille de la liste, si je modifie ma liste et que le texte est inférieur à la taille de la liste la barre de défilement horizontal devrait disparaître or ce n'est pas le cas, il garde la taille précédente, existe-il un moyen de forcer sa réactualisation.
merci

Bonjour,
dans un composant spark list, le barre de défilement horizonta s'affiche si le texte est plus large que la taille de la liste, si je modifie ma liste et que le texte est inférieur à la taille de la liste la barre de défilement horizontal devrait disparaître or ce n'est pas le cas, il garde la taille précédente, existe-il un moyen de forcer sa réactualisation.
merci

Simple list question - no space on left?

This is a real simple problem. I have a list that I want the
bullets
"justified" to the left with no space. I'm using an image for
the
bullet. How to I get this done? the bullet is 13 px wide

Art wrote:
> This is a real simple problem. I have a list that I want
the bullets
> "justified" to the left with no space. I'm using an
image for the
> bullet. How to I get this done? the bullet is 13 px wide
#subbox2,.trianglebullet {
list-style: url(images/01menubull.gif) inside;
display: inline-block;
border-bottom: 1px solid #CCCCCC;
text-decoration: none;
#subbox2,.trianglebullet a,.trianglebullet
a:link,.trianglebullet
a:visited,.trianglebullet a:hover,.trianglebullet a:active{
text-decoration: none;
<div #subbox2>
<ul>
<li class="trianglebullet"><a
href="
http://www.amep.com/cat_geography.asp?cid=9">Geography</a></li>
<li class="trianglebullet"><a
href="
http://www.amep.com/cat_ushistory.asp?cid=138">US
History</a></li>
<li class="trianglebullet"><a
href="
http://www.amep.com/cat_atrisk.asp">Special
Needs/At Risk</a></li>
<li class="trianglebullet"><a
href="
http://www.amep.com/cat_eduplay.asp?cid=75">Gonge</a></li>
<li class="trianglebullet"><a
href="cat_earlychildpuzzles.asp?cid=108">Tuzzles</a></li>
<li class="trianglebullet"><a
href="
http://www.amep.com/cat_eduplay.asp?cid=97">Orbit</a></li>
<li class="trianglebullet"><a
href="
http://www.amep.com/cat_eduplay.asp?cid=110">Yellowtail</a></li>
<li class="trianglebullet"><a
href="
http://www.amep.com/discountresults.asp">SALE!!!</a></li>
<li class="trianglebullet"><a
href="
http://www.amep.com/cat_vidlab.asp">Videolabs</a></li>
</ul>
</div>

Firefox fails to import history, cookies, favourites etc. from opera; cookies etc. are not listed in the space where you can select the items you want to import any idea how this comes? thanks!

In the importing operation Firefox detects Internet Explorer and Opera as installed browsers. When i select Internet Explorer cookies, history, favourites etc. are listed in a box where you can select the items you want to import in Firefox. When i select Opera no items are listed that can be imported. Any idea how this comes?

Hi,
I think that what you are searching be in Tools >> Options >> Privacy >> On Firefox will: change to "Use custom settings for history" then Button Show Cookies will be allowed and you will see the cookies in your browser in the next window
If you uncheck "Accept cookies from sites", probably the sites that need cookies will alert you that you need active the storage cookies

After FireFox 4 Betas installed itself I still have Firefox (3.6.15) on my programs list taking up space. Should I uninstall it ?

I was just wondering if I should uninstall The old version of firefox to free up space

I did exactly the same thing, tried installing without having a look at the space requirements. After the first failed install the internal memory was down to just a few kb free space. After a reboot approximately 14 MB is freed, but I'm still not back to the original free space I had before the failed install.
Anything else I should do?

How to control TitledBorder insets / margin / buffer / space?

I'm trying to remove some space on my GUI. Here's a simple example, with a couple buttons in a JPanel with a TitledBorder.
Is there any way to decrease the space between the buttons and the border (especially the top one)?
I'm pretty sure it has something to do with the TitledBorder's insets, but I don't see any obvious way to decrease it.
I don't understand what the getBorderInsets() method does, or what I should pass to it.
Thanks!
import java.awt.BorderLayout;
import javax.swing.BorderFactory;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
public class Test
   public static void main (final String[] args)
      JPanel panel = new JPanel();
      panel.setBorder (BorderFactory.createTitledBorder ("Title"));
      panel.add (new JButton ("Button 1"));
      panel.add (new JButton ("Button 2"));
      JFrame frame = new JFrame();
      frame.add (panel, BorderLayout.CENTER);
      frame.pack();
      frame.setVisible (true);
}

I don't understand what the getBorderInsets() method does, or what I should pass to it.It returns the insets of the specified component.
So you need to override this method to return your required insets:
//TitledBorder border = BorderFactory.createTitledBorder ("Title");
TitledBorder border = new TitledBorder("Title")
     private Insets customInsets = new Insets(15, 5, 5, 5);
     public Insets getBorderInsets(Component c)
          return customInsets;
};

I created an html email and when I test it all the email clients, a horizontal space gets added between tables. It only happens in gmail, hotmail and yahoo when using firefox. Any suggestions on how to fix this?

Code snippet
<table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td width="50" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="50" height="23" border="0" style="display: block;"></td>
<td width="446" valign="top" align="left"><img src="http://aa.com/aw/aaimg/slant.gif" alt="" width="446" height="23" border="0" style="display: block;"></td>
<td width="104" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="104" height="23" border="0" style="display: block;"></td></tr></table>
<table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td width="135" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="135" height="26" border="0"></td>
<td width="31" valign="top" align="left" style="background-color:#5487be; padding-top:10px; padding-bottom:5px;"><img src="http://aa.com/aw/aaimg/yarrow.gif" alt="" width="26" height="26" border="0" style="background-color:#5487be;"></td>
<td width="330" valign="top" align="left" style="background-color:#5487be; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:140%; padding-left:5px; padding-right:10px; padding-top:10px; padding-bottom:5px;" >Did you know Kellogg's spent more on cable TV advertising
than it did any other media channel last year? </td>
<td width="104" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="104" height="26" border="0"></td></tr></table>

Code snippet
<table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td width="50" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="50" height="23" border="0" style="display: block;"></td>
<td width="446" valign="top" align="left"><img src="http://aa.com/aw/aaimg/slant.gif" alt="" width="446" height="23" border="0" style="display: block;"></td>
<td width="104" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="104" height="23" border="0" style="display: block;"></td></tr></table>
<table width="600" bgcolor="#ffffff" cellspacing="0" cellpadding="0" align="center" border="0">
<tr>
<td width="135" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="135" height="26" border="0"></td>
<td width="31" valign="top" align="left" style="background-color:#5487be; padding-top:10px; padding-bottom:5px;"><img src="http://aa.com/aw/aaimg/yarrow.gif" alt="" width="26" height="26" border="0" style="background-color:#5487be;"></td>
<td width="330" valign="top" align="left" style="background-color:#5487be; color:#fff; font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:140%; padding-left:5px; padding-right:10px; padding-top:10px; padding-bottom:5px;" >Did you know Kellogg's spent more on cable TV advertising
than it did any other media channel last year? </td>
<td width="104" valign="top" align="left"><img src="http://aa.com/aw/aaimg/spacer.gif" alt="" width="104" height="26" border="0"></td></tr></table>

Checkbox Group CSS horizontal space

Hi
I am using a checkbox group bound to a dataprovider. This work great however i am finding difficulty in aligning visually once it's rendered.
Is there a way i can specify in css the width between two check boxes horizontally. No matter the length of the wording in between i would like to have an even horizontal spacing.
10x
SJX

Sabyasachi wrote:
I have created a form which contains a item named gender and it is a checkbox group.(male,female)Why checkboxes? Is it possible to simultaneously record male and female? If not it should be a radio group.
but i want show it in horizontallyAsked and answered many times before. Please search the forum thoroughly before posting new questions.
{message:id=3950243}
(Checkboxes and radio buttons are the same in this respect)

List margin (horizontal space??)

Similar Messages

Maybe you are looking for