Alignment of Lists

I have Robohelp 10. When creating a new list style the numbers or bullets are indented from the text in the previous paragraph even though my left margin is 0 and there are no indents set. When creating a new multilevel list, this is not the case and it aligns with the previous text. The only way I can get it to align is to give it a -20px left margin. Problem with that is that it then doesn't display properly in the Design editor and also means all of my images are 20px too far to the right. Is there a way to change a list style to align to the left in the same alignment as the normal text?

Hi William
To Explain: Regular lists look like this (notice the indent of the number from the left margin):
There are lists that can be used to view some of the information inside your general ledger, for example, account numbers and account types.
In Microsoft Excel, click on the cell where you would like to add the lists and then click on the list that you require from the app.
Multilevel lists look like this:
There are lists that can be used to view some of the information inside your general ledger, for example, account numbers and account types.
1. In Microsoft Excel, click on the cell where you would like to add the lists and then click on the list that you require from the app.
To get the regular list to be against the left margin, like the multilevel list, the only way I have found is to change the css to give it a margin-left: -20px, however that then means I need to give all my images a -20px left margin as well for the images to line up with the list paragraph. And if I do that then in the design view, I cannot see my topic properly because it is cut off on the left side. So my question being, how can I get the regular list not to indent in on the left but to line up with the text from the previous paragraph on the left of the page?
Simple solution you may thing is for me to use the multilevel lists - problem being I have literally thousands of pages in at least 8 projects already using the regular lists. To convert to multilevel now would be a nightmare. Is there any way for me to get the regular lists not to indent?

Similar Messages

Right Alignment in List Component

Hi,
I want to display the items in javax.microedition.lcdui.List to be right aligned.
How can I do that?
Thanx in advance

with a style.
The quick and dirty way:
<html:text style="text-align:right"/>
The better way would be to define the style in a css stylesheet, and use a styleClass, or just apply it to all input type="text"

Alignement in List Output and Printing

Respected Members,
i had one zreport and given line size 215 and in output everything is coming in vertical alignement.
For eg Material Description    Vendor Name ( Header Text)
            "Bowler"                     "Krishna Steels".
Liket this everything is coming perfect under the header text and for this purpose i had written the code with the help of offset and length.
Now in standard no format exist for size 215 so i had made a new format ie
X_65_215.
Now when i am taking prinout on A4 paper it is coming very small.
THen instead of A4 paper i am going with A3 paper.
For that i am going to spad and with ref to my output device i am going to output attributes and ther i selected the first tray and next tab TRAY INFO i have given the value DINA3 and selected the first tray checkbox.
SAVE
now when i am my executing report and giving the parameter X_65_215 printout is coming on A3 paper with the increase font size
But the problem i am facing is that alignment is disturbed on the paper .
if Material description is small then all the fields to the right of it are moving towards right side.
I had set the following values in X_65_215
ePL; landscape orientation
eL8; 8 lines per inch;
eS130X;
e200siz; Font size.
now thing is that our screen is 215 and width of A3 paper in landscape format is 42cm ie 420mm
Now to set the character per inch value so that same alignment what we are getting on the screen should also get on the paper.
Please give me the solution.
Thanks

Respected Members,
i had one zreport and given line size 215 and in output everything is coming in vertical alignement.
For eg Material Description    Vendor Name ( Header Text)
            "Bowler"                     "Krishna Steels".
Liket this everything is coming perfect under the header text and for this purpose i had written the code with the help of offset and length.
Now in standard no format exist for size 215 so i had made a new format ie
X_65_215.
Now when i am taking prinout on A4 paper it is coming very small.
THen instead of A4 paper i am going with A3 paper.
For that i am going to spad and with ref to my output device i am going to output attributes and ther i selected the first tray and next tab TRAY INFO i have given the value DINA3 and selected the first tray checkbox.
SAVE
now when i am my executing report and giving the parameter X_65_215 printout is coming on A3 paper with the increase font size
But the problem i am facing is that alignment is disturbed on the paper .
if Material description is small then all the fields to the right of it are moving towards right side.
I had set the following values in X_65_215
ePL; landscape orientation
eL8; 8 lines per inch;
eS130X;
e200siz; Font size.
now thing is that our screen is 215 and width of A3 paper in landscape format is 42cm ie 420mm
Now to set the character per inch value so that same alignment what we are getting on the screen should also get on the paper.
Please give me the solution.
Thanks

How do you align a list with points?

I have made many lists, but when the line ends in some of the
rows and more space is needed for it it will go under, but start
where the "square", "dot", "star", .... is and not under where the
text above started. How do I get the second row of words to go
under the toprow and not under the "dot"?
This is where it is and maybe if you see it you will
understand my question better.
http://www.idermed.com/training2.asp
Any help is appreciated,
scm14

Do you realize you're never closing any of your <li>
tags? Before you start
a new <li>, you should close the previous one, like so
-- </li>.
I'm not sure if that will fix it, but it's definitly
something that needs
attention to it.
Anyway - when I just created an unordered list - everything
is flowing
properly. I've defined a width for my <ul> tag ...
Ref :
http://www.avenuedesigners.com/Untitled-2.html
Shane H
[email protected]
http://www.avenuedesigners.com
"scm14" <[email protected]> wrote in message
news:e4fue5$332$[email protected]..
>I have made many lists, but when the line ends in some of
the rows and more
> space is needed for it it will go under, but start where
the "square",
> "dot",
> "star", .... is and not under where the text above
started. How do I get
> the
> second row of words to go under the toprow and not under
the "dot"?
> This is where it is and maybe if you see it you will
understand my
> question
> better.
> <a target=_blank class=ftalternatingbarlinklarge
> href="
http://www.idermed.com/training2.asp">http://www.idermed.com/training2.asp
> </a>
> Any help is appreciated,
> scm14
>

Number list alignment

I'm trying to align the numbers in a numbered list to the right since I'm going up to 10 and I want the numbers lined up on the period. The numbers don't budge no matter what I select under the alignment options for the bullets and numbering. I've tried adding more space for the tab, but no go, I've tried changing the font, putting the list in a new document, setting the options as a style and doing it manually, and the numbers stay aligned to the left. I'm in CS5, does this option actually work, or am I misunderstanding the feature or doing something wrong? It seems like right align should make the numbers move to align on the right of the space provided, but maybe I'm not understanding the purpose of the option.

E Diane King wrote:
I'm trying to align the numbers in a numbered list to the right since I'm going up to 10 and I want the numbers lined up on the period. The numbers don't budge no matter what I select under the alignment options for the bullets and numbering. I've tried adding more space for the tab, but no go, I've tried changing the font, putting the list in a new document, setting the options as a style and doing it manually, and the numbers stay aligned to the left. I'm in CS5, does this option actually work, or am I misunderstanding the feature or doing something wrong? It seems like right align should make the numbers move to align on the right of the space provided, but maybe I'm not understanding the purpose of the option.
Yes, it's possible. Depending on exactly what you want, you'll need a decimal-aligned tab stop and perhaps another tab stop or two. Search Google for terms like "InDesign hanging punctuation in numbered lists," and "InDesign align numbered lists" without quotes for past discussions and tips on this topic.
HTH
Regards,
Peter
Peter Gold
KnowHow ProServices

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;

Styling bullets in text using InDesign's bullets

Having a problem with aligning bulleted lists that have multiple lines.
What I want is the text to align but I also need the bullets to stay within the text.
I tried changing "left indent" and "first line indent" but no result (see the attachment).
Any help would be awesome.

Change Text After to Tab ^t

Styling bullets in text without using indesign's bullets

Having a problem with aligning bulleted lists that have multiple lines. I need the text to align but I also need the bullets to stay within the text...
Any help would be awesome.

Use Type menu>Tabs
Or use Left Indent and Right Line Indent
Or use Bullets and Numbering

Can't get panes to re-size with hotkeys

I have a small annoyance whereby sometimes my hotkeys to re-size existing panes doesn't work. I had changed the hotkeys to move from pane to pane to be Alt-Left (arrow) and Alt-Right (arrow) key. After looking at the default settings by running tmux's in-pane help (the hotkey shift-?) I commented those two keys out thinking that would reset tmux to its default behaviour. It hasn't worked so far and I'm not sure where else to look aside from my .tmux.conf file. It's based on Thayer's own config:
#~/.tmux.conf - tmux terminal multiplexer config
# Based heavily on Thayer Williams' (http://cinderwick.ca)
## Environmental Options
# Enable tmux to use a 256 colour terminal
# Provided the underlying terminal supports 256 colours, it is usually sufficient to add the following to ~/.tmux.conf:
set -g default-terminal "screen-256color"
set -g terminal-overrides 'xterm*:smcup@:rmcup@'
# If you SSH into a host in a tmux window, you'll notice the window title of your terminal emulator remains to be user@localhost
# rather than user@server. To allow the title bar to adapt to whatever host you connect to, set the following in ~/.tmux.conf
set -g set-titles on
set -g set-titles-string "#T"
# open a man page in new window
bind m command-prompt "split-window 'exec man %%'"
## By default, all windows in a session are constrained to the size of the
## smallest client connected to that session, even if both clients are
## looking at different windows. It seems that in this particular case, Screen
## has the better default where a window is only constrained in size if a
## smaller client is actively looking at it. This behaviour can be fixed by
## setting tmux's aggressive-resize option.
setw -g aggressive-resize on
# mouse-select-pane [on | off]
# # If on, tmux captures the mouse and when a window is
# # split into multiple panes the mouse may be used to
# # select the current pane. The mouse click is also
# # passed through to the application as normal.
set -g mouse-select-pane on
## Upon starting to use tmux, I noticed that I had to add a noticeable delay
## between two characters in a command sequence for it to recognize the
## command, for example between the C-a and n in C-a n. This is because tmux is
## waiting for an escape sequence. Fix that by setting escape time to zero.
set -s escape-time 0
### Hotkeys and Commands
## Binds
# set prefix key to ctrl+a
unbind C-b
set -g prefix C-a
## Quick way to mosh/ssh into another system bound to S [Shift-S]
bind S command-prompt -p 'SSH to:' "new-window -n %1 'mosh %1'"
# reload config without killing server
bind R source-file ~/.tmux.conf \; display-message "Config reloaded..."
# toggle last window like screen
bind-key C-a last-window
# more intuitive keybindings for splitting
unbind %
bind v split-window -v
bind - split-window -v
unbind '"'
bind h split-window -h
bind \ split-window -h
# send the prefix to client inside window (ala nested sessions)
bind-key a send-prefix
# confirm before killing a window or the server
bind-key k confirm kill-window
bind-key K confirm kill-server
# toggle statusbar
bind-key b set-option status
# ctrl+left/right cycles thru windows
#bind-key -n C-right next
#bind-key -n C-left prev
#bind-key -n M-right next
#bind-key -n M-left prev
# open a man page in new window
bind m command-prompt "split-window 'exec man %%'"
# quick view of processes
bind '~' split-window "exec htop"
# scrollback buffer n lines
set -g history-limit 5000
# listen for activity on all windows
set -g bell-action any
set -g bell-on-alert on
set -g visual-bell off
# on-screen time for display-panes in ms
set -g display-panes-time 4000
# start window indexing at one instead of zero
set -g base-index 1
# disable wm window titles
set -g set-titles off
# disable auto renaming
#setw -g automatic-rename on
# border colours
set -g pane-active-border-bg default
#set -g pane-border-fg blue
# wm window title string (uses statusbar variables)
set -g set-titles-string "tmux:#I [ #W ]"
#set -g set-titles-string "tmux"
# session initialization
#new -s0 -nTTYtter 'ttytter'
#neww -t0:1 -nvifm 'vifm'
#selectw -t 1
### default statusbar colors
set -g status-fg white
set -g status-bg default
set -g status-attr bright
### White Yunzi - statusbar
set -g status-interval 1
set -g status-justify centre # center align window list
set -g status-left-length 30
set -g status-left '#[fg=white,bright] [ #[fg=green,bright]#H#[fg=white,bright] ]#[fg=white] Up #(uptime | cut -f 4-5 -d " "|cut -f 1 -d ",")'
set -g status-right-length 30
set -g status-right '#[fg=green,bright][#[fg=white,bright] %a %m-%d-%Y %H:%M #[fg=green,bright]]'
### Silver Yunzi - statusbar
# set -g status-interval 1
# set -g status-justify centre # center align window list
# set -g status-left-length 30
# set -g status-left '#[fg=white,bright][ #[fg=blue,bright]#H#[fg=white,bright] ]#[fg=white] Up #(uptime | cut -f 4-5 -d " "|cut -f 1 -d ",")'
# set-option -g status-right '#[fg=yellow]%k:%M #[fg=blue]%a,%d-%b#[default] '
# set -g status-right-length 30
# set -g status-right '#[fg=blue,bright][#[fg=white,bright] %a %b-%d-%Y %H:%M #[fg=blue,bright]]'
# set-option -g status-right '#[fg=yellow]%a:%M #[fg=blue]%a,%d-%b#[default] '
### Pink Yunzi - statusbar
# set -g status-interval 1
# set -g status-justify centre # center align window list
# set -g status-left-length 30
# set -g status-left '#[fg=white,bright] [ #[fg=magenta,bright]#H#[fg=white,bright] ]#[fg=white] Up #(uptime | cut -f 4-5 -d " "|cut -f 1 -d ",")'
# set -g status-right-length 30
# set -g status-right '#[fg=magenta,bright][#[fg=white,dim] %a %m-%d-%Y %H:%M #[fg=magenta,bright]]'
### White Yunzi - active window title colors
set-window-option -g window-status-current-fg green
set-window-option -g window-status-current-attr bright
set-window-option -g window-status-current-bg black
set-window-option -g window-status-current-attr bright
### Silver Yunzi - active window title colors
# set-window-option -g window-status-current-fg blue
# set-window-option -g window-status-current-attr bright
# set-window-option -g window-status-current-bg default
# set-window-option -g window-status-current-attr bright
### Pink Yunzi - active window title colors
# set-window-option -g window-status-current-fg magenta
# set-window-option -g window-status-current-attr bright
# set-window-option -g window-status-current-bg black
# set-window-option -g window-status-current-attr bright
### default window title colors
# set-window-option -g window-status-fg white
# set-window-option -g window-status-bg default
# set-window-option -g window-status-attr bright
### Silver Yunzi - command/message line colors
set -g message-fg white
set -g message-bg black
set -g message-attr bright
# show some useful stats but only when tmux is started
# outside of Xorg, otherwise dwm statusbar shows these already
#set -g status-right ""
#set -g status-left ""
#if '[ -z "$DISPLAY" ]' 'set -g status-left "[#[fg=green] #H #[default]]"'
#if '[ -z "$DISPLAY" ]' 'set -g status-right "[ #[fg=magenta]#(cat /proc/loadavg | cut -d \" \" -f 1,2,3)#[default] ][ #[fg=cyan,bright]%a %Y-%m-%d %H:%M #[default]]"'
#if '[ -z "$DISPLAY" ]' 'set -g status-right-length 50'
Insights appreciated!

No--
In the Motion tab... right click the video in the sequence and send to viewer...
Then under the MOTION tab... twirl down the DISTORT triangle and then check the aspect ratio there... set either to 0, 33 or -33.
Good luck,
CaptM

Session arrays in php

hello -
im still having a problem. this array will set but only shows one record from the array. when there are 3 demo data sets.
thanks in advance for your help.
i want to store the variable id in an array and access that array through session id hyper link on the same page. so that when that hyper link is clicked the session id is passed to the next page.
here is the page code:
<?php
if (!isset($_SESSION)) {
session_start();
?>
<?php require_once('conn.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
$Id = $_SESSION['Id']; //get users id to pass to record
$Name = $_SESSION['name']; // display users name
$Group = $_SESSION['Group']; // access control group for moderators, members, users
$maxRows_List = 10;
$pageNum_List = 0;
if (isset($_GET['pageNum_List'])) {
$pageNum_List = $_GET['pageNum_List'];
$startRow_List = $pageNum_List * $maxRows_List;
mysql_select_db($database_List, $List);
$query_List = "SELECT * WHERE b.UId1='$UserId'";
$query_limit_List = sprintf("%s LIMIT %d, %d", $query_List, $startRow_List, $maxRows_List);
$List = mysql_query($query_limit_List, $List) or die(mysql_error());
$row_List = mysql_fetch_assoc($List);
$List_Array = array();
while ($row = mysql_fetch_array($List))
foreach($row['Id'] as $i=>$val)
$List_Array = $val;
//return $List_Array;
$_SESSION['Id'] = $List_Array;
$myList_Array = $_SESSION['Id'];
if (isset($_GET['totalRows_List'])) {
$totalRows_List = $_GET['totalRows_List'];
} else {
$all_List = mysql_query($query_List);
$totalRows_List = mysql_num_rows($all_List);
$totalPages_List = ceil($totalRows_List/$maxRows_List)-1;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
</head>
<body class="thrColLiqHdr">
<div id="container">
<div id="header">
    <h1> </h1>
    <p> </p>
    <p> </p>
</div>
<div id="sidebar1">
<h3>    </h3>

</div>
<div id="sidebar2">
    <h3> </h3>

</div>
<div id="mainContent">
    <h1> </h1>
    <blockquote>
      <table border="1" cellpadding="1" cellspacing="1">
        <tr></tr>
        <caption align="center">
          List Click to Edit
        </caption>
        <?php do { ?>
        <tr>
          <td><a href="list.php"><?php echo $myList_Array['Id']; ?></a></td> <-- this is the column that i want to have access the session id -->
          <td><?php echo $row_List['Subject'];?></td>
          <td><?php echo $row_List['Date']; ?></td>
        </tr>
        <?php } while($row_List = mysql_fetch_assoc($List));
      ?>
      </table>
      <h2> </h2>
      <p> </p>
    </blockquote>
</div>
   <br class="clearfloat" />
<div id="footer">
    <p>Footer</p>
</div>
</div>
</body>
</html>
<?php
mysql_free_result($List);
?>

thnks a lot!
Michael Fesser wrote:
> .oO(John Doe)
>
>
>>wich is the <%Session.Timeout=n%> equivalent in
PHP to increase the time
>>specified in session.gc_maxlifetime?
>
>
>
http://www.php.net/ini_set
>
> Micha

Drop down menu in IE moves to the right

I am using the SPRY in a menu for a client and in IE the drop down elements show to the right. When I view them in any other browser the are fine. I made all changes to the SPRY CSS in a separate CSS file. I have commented out the additional CSS file thinking that might be the problem but the problem persists. I will include CSS and SPRY CSS code below and a link to the page on my test site. You can view the HTML code online. Thanks
http://www.mioweb-test.com/index_fgs.html
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 8em;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    /*border: 1px solid #CCC; */
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #EEE;
    padding: 0.5em 0.75em;
    color: #333;
    text-decoration: none;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #33C;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #33C;
    color: #FFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    /*background-image: url(SpryMenuBarDown.gif);*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    /*background-image: url(SpryMenuBarRight.gif);*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    /*background-image: url(SpryMenuBarDownHover.gif);*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    /*background-image: url(SpryMenuBarRightHover.gif);*/
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
/* CSS Document */
body
    background-color:#AE1724; /* red */
    color:#000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: 0;
    margin: 0px 15px;
#container
    width:970px;
    background-color:#FDF2B9; /* yellow */
    padding-top:0px;
    margin: 0 auto;
#header
    width:970px;
    height:140px;
    padding: 0;
#header img
    display:inline;
#navigation
    background-color:#FDF2B9; /* yellow */
    height:30px;
    width:965px;
    padding-top:5px;
    margin-left: 5px;
#navigation a
    height:100%;
#navigation ul li
    text-align:center;
    list-style:none;
    font-size: 12px;
    font:"Poor Richard";
#left_content_box
    background-color:#FDF2B9; /* yellow */
    padding-left:8px;
    padding-right:4px;
    padding-top:5px;
    width:156px;
    float: left; /* since this element is floated, a width must be given */
    clear:both;
#right_content_box
    background-color:#FDF2B9; /* yellow */
    padding-left:8px;
    float: right; /* since this element is floated, a width must be given */
    padding-top:5px;
    width:156px;
    clear:both;
.main_content_table
    padding-left:8px;
    padding-right:4px;
    padding-top:5px;
    align:center;
    clear:both;
#footer
    font-size:9px;
    text-align:center;
    color: #000;
    background-color:#FDF2B9; /* yellow */
    width:970px;
    height:27px;

Could you be a little more specific? I took that section out of my CSS file but the problem persists.
Thank you.
Sincerely,
Michael Yannetta
Mio Web Designs
530-414-3313
[email protected]

CSS problems in CS4 with multiple images on a page...

I seem to have a ton of questions going in this forum, sorry if it's painful.
Here's my latest issue.(DW CS4)
I created a blank html page and linked a CSS file to it. I dropped a bunch of images into the body and wrapped them in a div with an id of "thumbnails"
I clicked on my img tag right below the Design window and clicked the "new css rule" button in the CSS Styles window and gave my images a margin of 40 px. I clicked "OK" and my changes took effect in the Design window, but when I previewed it in the browser (Firefox and IE) none of the CSS was taking effect, all the images were still crammed together. Same thing for the "Live View" Button, I'm not sure what happened, or why the CSS won't take effect.
Can somebody help me?
Thanks all,
Aza

My HTML follows-----
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>
<link href="../CssFiles/oneColLiqCtrHdr.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="oneColLiqCtrHdr" id="Thumbnails"><img src="../images/Jewelry/Thumbnails/T_Bracelets/Bellarri_ColoredStone_Over10k_1.jpg" width="166" height="150" alt="Bellari" /><img src="../images/Jewelry/Thumbnails/T_Bracelets/CynthiaGregg_Gold_Over5k_1.jpg" width="178" height="150" alt="Cynthia Gregg" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/FrankRuebel_BestBracelet_2501_5k_1.jpg" width="150" height="150" alt="Frank Ruebel" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/Gabriel_BestBracelet_2501_5k_1.jpg" width="156" height="150" alt="Gabriel" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/GeralynSheridan_FashionBridge_500Under_1.jp g" width="178" height="150" alt="Geralyn Sheridan" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/Jyes_Legends_Over5k_1.jpg" width="150" height="150" alt="Jyes Legends" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/Maevona_BestBracelet_5001_10k_1.jpg" width="166" height="150" alt="Maevona" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/SalPraschnik_Legends_Over5k_1.jpg" width="208" height="150" alt="Sal Praschnik" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/Sara_BestBracelet_Over10k_1.jpg" width="156" height="150" alt="Sara" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/Starhaven_Silver_501_1k_1.jpg" width="166" height="150" alt="Starhaven" />
<img src="../images/Jewelry/Thumbnails/T_Bracelets/SylvaCie_BestBracelet_Over10k_1.jpg" width="150" height="150" alt="Sylva Cie" /></div>
</body>
</html>
*************CSS FOLLOWS********************
@charset "utf-8";
body {
    background: #666666;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
    background-color: #000000;
#jewelryFrame {
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #CCC;
#jewelryFrame p {
    font-size: 12px;
    padding-bottom: 75px;
.oneColLiqCtrHdr #container {
    width: 100%; /* this will create a container 80% of the browser width */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border: 1px solid #000000;
    text-align: center; /* this overrides the text-align: center on the body element. */
    background-color: #000000;
    max-width: 960px;
    min-width: 800px;
.oneColLiqCtrHdr #header {
    background: #DDDDDD;
    padding: 0;
    width: 960px;
    height: 141px;
    background-color: #000000;
    color: #CCA4A5;
    font-size: 11px;
    font-style: normal;
    font-family: Goudy Old Style;
    background-image: url(../images/CPJ-Header.png);
.oneColLiqCtrHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 30px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    color: #FFFFFF;
#navbar {
    background: #999999;
    height: 29px;
    width: 960px;
    background-color: #000000;
    background-image: url(../images/CPJ-NavLT.png);
    background-repeat: repeat;
.oneColLiqCtrHdr #container #navbar img {
    border-width: 0px;
    border-style: 0;
    border: 0;
#sideBarLeft {
    float: left;
    width: 30%;
    height: 100%;
    min-width: 250px;
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
.oneColLiqCtrHdr #container #sideBarLeft p {
    text-align: justify;
    font-size: 12px;
.oneColLiqCtrHdr #container #sideBarLeft h2 {
    font-size: 14px;
.oneColLiqCtrHdr #container #sideBarLeft h1 {
    font-size: 24px;
.oneColLiqCtrHdr #container #sideBarLeft {
    color: #CCC;
    padding-top: 15%;
    padding-bottom: 15%;
.oneColLiqCtrHdr #mainContent {
    padding: 0 60px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background: #FFFFFF;
    background-color: #000000;
    color: #969696;
    font-family: "Goudy Old Style";
    font-size: 18px
    text-align: center;
    vertical-align: middle;
    min-height: 500px;
.oneColLiqCtrHdr #container #mainContent p {
    font-family: "Goudy Old Style";
    font-size: 18px;
.oneColLiqCtrHdr #container #mainContent h1   {
    padding: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    color: #969696;
    font-family:"Goudy Old Style";
    font-size:36px;
.oneColLiqCtrHdr #container #mainContent h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 72px;
    font-weight: bold;
    vertical-align: middle;
    line-height: normal;
    color: #CCC;
.oneColLiqCtrHdr #container #mainContent #staticprivacy h3 {
    padding: 0px;
#jewelryFull {
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    float: none;
    width: 100%;
    max-width: 960px;
    background-image: url(../images/CPJ--MainBG_slice_15.png);
.oneColLiqCtrHdr #container #mainContent #jewelryFull {
    font-family: Arial, Helvetica, sans-serif;
    color: #CCC;
.oneColLiqCtrHdr #container #mainContent #jewelryFull img {
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #666;
    border-bottom-color: #666;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    margin-top: 25px;
.oneColLiqCtrHdr #container #mainContent #jewelryFull p {
    text-align: justify;
    margin-top: 0px;
    font-size: 10px;
.oneColLiqCtrHdr #container #mainContent #mycarousel {
    text-align: center;
    height: 500px;
.oneColLiqCtrHdr #footer {
    padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#DDDDDD;
    background-image: url(../images/CPJ-Red-Footer.png);
    height: 63px;
    width: 960px;
    vertical-align: top;
    list-style-type: none;
    clear: both;
#BottomNav {
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 11px;
    color: #CCC;
    height: 100%;
    margin: 0;
.oneColLiqCtrHdr #container #footer #BottomNav ul {
    list-style-type: none;
.oneColLiqCtrHdr #container #footer #BottomNav ul li {
    display: inline;
.oneColLiqCtrHdr #container #footer #BottomNav ul li a {
    list-style-type: none;
    list-style-image: none;
    float: right;
    padding-right: 45px;
    color: #969696;
    text-decoration: none;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
.oneColLiqCtrHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    color: #FFF;
    text-align: right;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
#quotes {
    text-align: center;
    margin-right: 65px;
    float: none;
#quoteright {
    text-align: right;
    margin-right: 65px;
#quotesleft {
    text-align: left;
    text-indent: 65px;
#companyTitle {
    font-family: "Lucida Console", Monaco, monospace;
    font-size: 24px;
#medImageArea {
    width: 100%;
    height: 50px;
#Thumbnails img {
    padding: 40px;
************Thank you****************

Images not showing up in CSS.

Ok,
I completed my site in dreamweaver cc and I moved my CSS files outside of dreamweaver (big mistake). That messed everything up. I moved the files back to the original folder and relinked everything. Most of the pages work as I originally designed them. However, my index page shows some of my css styling but no image. I looked at the code and everything is written in the code the way I intended, but my background image isn't showing up in browser preview. I'm getting all my text, navigation tool bar and no images except for a facebook link. I'm running Mac Mavericks too.
Here is my html code.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>vacancyart</title>
<script>var __adobewebfontsappname__="dreamweaver"</script>
<link href="index.css" rel="stylesheet" type="text/css">
<header id="top">
    <nav id="mainNav">
      <ul>
        <li><a href="index2.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="art.html">Art</a></li>
        <li><a href="Resume.html">Resume</a></li>
        <li><a href="https://www.etsy.com/shop/VacancyArt">Etsy</a></li>
        <li><a href="Contact.html">Contact</a></li>
      </ul>
<div id="main2">Vacancy Art is for all art and design. Check back frequently for updates!</div>
    </nav>
</header>
<body>
<div id="igImage"><a href="http://instagram.com/vacancy_art"></a></div>
<div id="fbimg"><a href="https://www.facebook.com/vacancyart"><img src="Images/FB-f-Logo__blue_50.png" width="50" height="50" alt=""/></a></div>
</body>
<footer>
    <p>© All rights reserved. Vacancy Art.</p>
</footer>
</html>
CSS code.
header {
text-transform: uppercase;
list-style-type: none;
list-style-position: outside;
width: 115%;
bottom: 1px;
max-height: 0%;
text-decoration: none;
#main2 {
display: block;
color: #FFFFFF;
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
position: fixed;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-style: normal;
text-align: center;
text-decoration: none;
text-transform: none;
line-height: 200px;
margin: auto;
position: absolute;
top: 70%;
width: 50%;
background-color: #000000;
opacity: 1;
background-repeat: no-repeat;
right: 0px;
#mainNav ul {
list-style-type: none;
display: block;
padding-bottom: 2px;
#mainNav a {
width: 14%;
display: block;
color: #FCFCFC;
text-decoration: none;
background-color: #010101;
text-align: center;
line-height: 100%;
-webkit-box-shadow: 0px 0px;
box-shadow: 0px 0px;
opacity: 0.9;
box-sizing: content-box;
float: left;
text-shadow: 0px 0px;
background-repeat: no-repeat;
#mainNav {
text-align: center;
vertical-align: baseline;
list-style-type: none;
list-style-position: inside;
display: inline;
color: #000000;
opacity: 0.9;
body {
background-color: #000000;
color: #F9F8F8;
font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 200;
text-align: center;
padding-top: auto;
padding-bottom: 0px;
max-width: none;
background-image: url(../Images/Still%20life6bg.jpg);
background-size: 100px
background-repeat: no-repeat;
display: inherit;
width: 100%;
height: 100%;
padding-right: 0%;
position: static;
background-size: 1000px 901px;
background-position: 150%
background-position: 150%
#igImage {
right: 100px;
position: absolute;
background-color: #FFFFFF;
top: 7%;
#fbimg {
position: absolute;
right: 165px;
opacity: 0.9;
top: 7%;
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
padding-left: 10px;
Everything appears to be there, but all I get is basically a blank page even after I relink everything. Any ideas?
Thanks!

Hello Darry,
what I understand is, that you have loaded up all your images to "Instagram". I quote: "Instagram is an online mobile photo-sharing, video-sharing and social networking service that enables ... (Instagram - Wikipedia, the free encyclopedia), This means you don't have access to the program itself combining it with DW.
You can insert a link into your source code at you did above, thats it. If you want working your menu (I couldn't find an " about.html" or "Resume.html" aso.), you have to put all the links and your images into your own website.
I hope I could describe the situation, so that you can understand what I mean.
Hans-Günter

Insert or delete single cells

How do I insert or delete a single cell?
For example, I want two columns of text. aligned horizontally, and, separated by a blank column.
The two text lists have been created in other applications.
So I copy list1, and paste it in cell C7.
Then I copy list2, and paste it cell G6.
oops. Now the lists are not aligned horizontally.
The easiest way to align the lists is by either delete a single cell in column C or insert a single cell in column G.
But I can't find the option to add/delete single cells.
Does that option exist in Numbers? If so, how/where?
Thanks,
AJ

AJ,
My first thought on reading your post was: why are you using a single table for two side-by-side lists? If you had used two single-column tables you could use Delete Row or Insert Row to do what you want.
pw and John both gave you perfectly good solutions, and I just wanted to add my two cents worth. I don't see much value in the Add/Delete Cell feature that you are looking for. The action never ends there because there's always a followup question as to what you want to do with the data to the right of and below the affected cell. So, it hasn't saved you any real time.
Numbers has a very handy and secure method for moving a range of data. Highlight the range that you want to move. Then, Edit > Mark for Move. Now, click in the new starting location and Edit > Move.
There you go; several ways to recover from the inevitable oops. Depending on how soon you discover your mistake, Command-Z is probably the easiest fix.
Jerry

Nav bar "justify" problem

http://www.ronancuanflynn.com
Hi im trying to get my menu to stretch across the logo. I have done this using the following method but it only works in Safari from what i can tell.
<div id="menu">
<ul>
    <li><a href="#">Menu item 1</a></li>
    <li><a href="#">Menu item 2</a></li>
    <li><a href="#">Menu item 3</a></li>
    <li><a href="#">Menu item 4</a></li>
    <li><a href="#">Menu item 5</a></li>
</ul>
</div>
ul{
    text-align:justify;
    list-style: none; list-style-image: none; margin: 0; padding: 0;
ul:after{content:""; margin-left:100%;}
li{display:inline;}
a{display:inline-block;}
My own html is the following:
<body>
<div class="navbar">
<ul>
<li><a class="home" href="index.php">HOME</a></li>
<li> <a class="news" href="news.php">NEWS</a></li>
<li><a class="music" href="music.php">MUSIC</a></li>
<li><a class="shows" href="shows.php">SHOWS</a></li>
</ul>
</div>
</div>
</body>
</html>
And relevant CSS:
ul{
    text-align:justify;
    list-style: none; list-style-image: none; margin: 0; padding: 0;
ul:after{content:""; margin-left:100%;
li{
          display:inline;
a{display:inline-block;
#navbar {
          margin-top: 0px;
          width: 375px;
          padding-left: 1px;
Does anyone know how i could tweak it to work on all browsers? I would be so greatful if anyone has any ideas?
Thanks
AB

A: Nav bar "justify" problem

On line 57 of layout.css change this:
ul:after{content:""; margin-left:100%;}
li {display:inline}
to this:
#menu li a{
padding:0 23px;
display:inline;

Alignment of Lists

Similar Messages

Maybe you are looking for