OT: Tutorial | How to author HTML, CSS, jQuery, and PHP 5.4 in Dreamweaver CC

Hi all,
Dreamweaver CC 2014 comes with a host of tutorials for both beginners and advanced users. In this tutorial you will learn how the latest support for HTML5, CSS3, jQuery and PHP5.4 in Dreamweaver can help you author static, dynamic, mobile or responsive projects.
We would love to hear your opinion on this tutorial after you complete the training.
https://helpx.adobe.com/dreamweaver/how-to/html-css-jquery-php-dreamweaver.html?scid=socia l26198776
Thanks,
Preran

jlig wrote:
> David, I just read thru the sample chapter 7 "Building
Site Navigation with the
> Spry Menu bar".
> - Finally a Spry resource that is friendly , thorough
and easy to follow
> along.
> - I especially like your honest comments in the "Mixed
Blessing" section.
Glad you found it useful. I felt it was essential to present
a balanced
view of Spry widgets, rather than giving a starry-eyed one.
> Trying to adjust the Tab Colors, Fonts, CSS page sizes,
margins, borders, etc
> is a bit of a nightmare for me. I know it is just a
matter of learning, but it
> would help to have resources like yours that take all of
the practical
> considerations into mind for end-users.
It is quite easy to do simple things with CSS, but it's very
powerful,
and has a long learning curve. Keep at it, and you'll get
there in the end.
> ps: How about a similiar new resource: "The Essential
Guide to Dreamweaver
> CS3 with ADDT, SPRY, CSS, AJAX and PHP / ColdFusion"
I'm not a big fan of ADDT (Adobe knows my opinions, because I
have told
them directly). I would like to see how ADDT develops before
committing
to writing about it. As for ColdFusion, I experimented with
it a long
time ago, but decided I preferred to improve my knowledge of
PHP before
branching out into other fields.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Similar Messages

  • Understanding how BB manage HTML in emails and attacchments.

    Hi all,
    I'm trying to understand how BB manage HTML in emails and in attachments.
    I created a simple HTML table with some color and no particular complications.
    If I send this table as a HTML email on my BB it will be showed correctly, with all color and attribute shown.
    If I package this html code into a file named try.html and than I send it as an email attachments on my BB I lost many attribute, including colors.
    Can you explain me why and eventually how to solve this problem?
    Thanks.

    I too am somewhat annoyed by the manner in which messages are displayed using the standard e-mail inboxes. I recently started using the Gmail application for my personal e-mail and am very happy with how cleanly messages are displayed. I hope I can find a similar application to handle my other addresses, because it is very difficult to scroll through a large volume of mail that contains HTML and URLs every day.
    If anyone knows of an application that more cleanly displays messages, please do tell. Otherwise, I'm going to be doing a bit of research this evening to see what I can find. I'll post back with my findings.

  • How to call the css file and its images from our application......

    hai,
    Im uploading a .css file and some images in Apex shared components ,now how to call the css file and images from my Application.... plz tell me detailed.....
    Edited by: anoo on Nov 3, 2008 12:51 AM

    Hi Anoo,
    Sorry, didn't see that you'd started a new thread, so have answered this in 'undefined' is null (or) not an object "
    Andy

  • The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP by David Powers

    The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and
    PHP by David Powers:
    Would this book help me learn about Spry and Ajax and how
    applications can be made with them, if I my e-commerce site runs on
    a compiled C code shopping cart (ShopSite) but supports PHP
    server-side scripts or is it only for shopping carts based on PHP
    itself (like X-Cart)?
    I am not sure. Someone please let me know so I can purchase
    this book. Thanks.

    ahsenabro wrote:
    > 1. Do I have to be a developer/programmer in order to
    learn from this book or
    > can a tech-savvy entrepreneur can also get some gems out
    of it and direct his
    > programmer?
    You don't need any prior knowledge of Ajax or PHP, but you do
    need to
    know the basics of HTML and CSS. As I say in the
    introduction, "You
    don't need to be an expert, but you do need to have an
    inquiring mind.
    It doesn't teach the basics of web design, nor does it
    attempt to list
    every single feature in Dreamweaver CS3. There are plenty of
    other books
    to fill that gap. However, by working through this book,
    you'll gain an
    in-depth knowledge of the most important features of
    Dreamweaver."
    > 2. I am interested in purchasing this book mainly to
    implement cool Ajax/Spry
    > stuff on my e-commerce site. I am asking about PHP
    because the book's content
    > mentions making a PHP site. Now I realize this book is
    not about shopping
    > carts, but the Ajax/Spry stuff can be implemented on
    e-commerce sites, right?
    The book provides detailed coverage of the Spry 1.4 features
    in
    Dreamweaver CS3, which can be applied to any site. With minor
    adaptation, you can also use Spry 1.6. It's important to
    realize,
    though, that the Spry/Ajax features in Dreamweaver CS3 do
    *not* cover
    asynchronous requests to the server. The ability to
    communicate
    asynchronously with the server was added in Spry 1.6. If it's
    asynchronous server calls and responses that you're after,
    your
    programmer will need to dig around in the Spry 1.6
    documentation on the
    Adobe Labs site, and hand-code it.
    The Spry features covered in the book are Spry Effects, Spry
    UI widgets
    (menu, accordion, tabbed panels, and collapsible panels),
    Spry
    Validation Widgets, and Spry XML Data Sets.
    > I just want to know if I can learn and implement
    Ajax/Spry apps on my
    > simple HTML/CSS-based pages, on a server which allows
    server-side PHP scripts
    > but the pages themselves are not with .php extension. Is
    this book still going
    > to be applicable?
    Yes. All the Spry techniques can be used on any web page. It
    doesn't
    need to be a PHP one.
    David Powers, Adobe Community Expert
    Author, "The Essential Guide to Dreamweaver CS3" (friends of
    ED)
    Author, "PHP Solutions" (friends of ED)
    http://foundationphp.com/

  • How to change html-css cursor style in Adobe Air?

    We all know how to change cursor style in  Html pages, of course using css such as,
    'cursor: url("move.cur"),  move'.
    But when I use it in Adobe Air, it will not show the standard  cursor style in browser, but the special ones in Adobe. For example, the  'move' cursor shows like a hand(the same with the move hand in Acrobat  Reader), not like a crosshair.
    I tried to use 'url' option in CSS,  but it doesn't work in Adobe Air(I'm sure that it works in html  browsers).
    I am really confused. And looking forward to your  solutions.

    Hi flexo222,
    Currently Adobe AIR does not support custom CSS cursors and only some of the "default" cursors available in CSS.
    You could however use the following ActionScript workaround if you don't need a very complex behavior:
      * on mouseOver have the default cursor hidden
      * on mouseMove have a custom cursor drawn and positioned via ActionScript
      * on mouseOut have the custom cursor hidden and the default cursor shown.
    I have attached a sample that should make things clearer. Feel free to ask if there's anything not clear.
    Cheers,
    Mihai

  • How to view semantic css based layouts in design view in dreamweaver?

    Hi all,
    I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
    As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
    I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
    Any help would be great

    Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
    The term "WYSIWYG" never applied to DW.  It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said.  It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about.  This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
    The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.

  • How to use html form actions and methods

    Hi, I want to make a quick contact page using Edge. I used the following code in my creationComplete but had no luck.  Any help?
    var na = sym.$( "email" );
    email.html( '<form action="send_mail.php" method="post"><input type="text" id="email" value="" />' );
    var button = sym.$( "btn" );
    button.html( '<input type="submit" value="Send" />' );

    My understanding from your question is that you would like to programmatically (using LabVIEW) send input to and click a button on an existing HTML website, is that right?
    If yes, then you can use ActiveX calls to embed a web browser into the front panel of your VI and then use its invoke node to input a text to a form or click a button. Another way is to use the lower-level TCP VIs in LabVIEW, but you need to understand HTTP protocols to successfully use this. See below examples to get started.
    ActiveX
    https://decibel.ni.com/content/docs/DOC-25396
    https://decibel.ni.com/content/docs/DOC-12454
    TCP VIs (HTTP)
    https://decibel.ni.com/content/docs/DOC-2230
    http://zone.ni.com/devzone/cda/epd/p/id/3153
    FYI, LabVIEW Internet Toolkit has been deprecated starting LabVIEW 2012, so it is not recommended to build a new application using that.
    Hope this helps.
    Regards,
    A. Yodha
    Applications Engineer | National Instruments
    Singapore (65) 6226 5886 | Malaysia (60) 3 7948 2000 | Thailand (66) 2 298 4800
    Philippines (63) 2 659 1722 | Vietnam (84) 8 3911 3150 | Indonesia (62) 21 2924 1911

  • How to apply html css code in ADF pages

    I have the css code for all html components like buttons , text box, tabs etcc.. I want same look and feel in adf, I want to apply same css in ADF pages without/with minimal changes,
    I need very urgently,
    plz do needful ASAP.
    Thanks & Regards,
    Ram.

    Hi..
    Also this will helpful
    http://technology.amis.nl/blog/5722/using-adf-faces-11g-skinning-for-setting-the-styles-of-specific-component-instances-or-groups-of-instances

  • How work CodePen (html+css+js) insert Adobe Muse

    Hi help me video or image sup please
    sory no speak english
    how to "link" "codes" insert adobe muse ? thanks all.
    http://codepen.io/team/lincolnloop/pen/jEzvBr

    You can use Object > Insert HTML for adding your own customized code to the site.
    If this is not what you are looking for , please let me know.
    Thanks,
    Sanjit

  • Tutorial - How to triple boot OSX, Linux and Windows 8.1 with a shared Data Partition without any third party Win / OSX softwares

    This is not a question, but rather a personal guide that has proved to be running successfully.
    I would like to thank numerous sources, including Christopher Murphy's suggestions at:
    Re: Repairing Boot Camp after creating new partition
    Before proceeding, there are certain concepts needs to know:
    Why Boot Camp does NOT allow further partitioning of drives after Windows has installed?
    Answer: Because the way Apple configures the Mac to be recognized as non UEFI capable system on Windows.
    Quote from Christopher Murphy based on the above line:
    However, Windows on Macs right now use CSM-BIOS mode in Mac firmware that presents BIOS to Windows rather than EFI. Windows thinks it's on a BIOS computer, and therefore mandates the use of MBR for boot disks, rather than GPT. So that's why we have this hybrid MBR+GPT approach on Mac with Windows on it. You inherit the limitations of MBR, which is four primary partitions.
    So what does it means?
    It means that OSX + EFI + Recovery HD + Boot Camp partition = 4 primary partitions and thus any attempt to modify the disk will render booting issues of either system.
    For more info on GPT (GUID Partition Table disks VS Master Boot Record or MBR in short, you may visit: http://msdn.microsoft.com/en-us/library/windows/hardware/dn640535%28v=vs.85%29.a spx)
    So, how to overcome it?
    The general guideline is to install ALL GPT ready OS first then create a Data partition, before installing Windows (Which is again, NOT supported GPT due to EFI configuration by Apple where end-users are not able to modify it).
    Interestingly, since Mac Pro 2013 Late supports only Windows 8 and above, thus it is not known if this CSM-BIOS applies to it or not.
    Do take note that GPT disks in Windows can only be booted when the system meets the 2 requirements:
    http://msdn.microsoft.com/en-us/library/windows/hardware/dn640535%28v=vs.85%29.a spx#gpt_faq_win7_boot
    1) Windows x64 version (Which is a must for newer Macs. If you cannot go to Boot Camp 5, then you need Windows 7 x86 or 32bit version)
    2) UEFI system. However, Windows sees all Macs (With the possibility of Mac Pro 2013 Late is an exception. To be determined) as BIOS, or rather NON-UEFI system.
    In short, booting on GPT disks is not possible for Mac in Windows.
    Summary,
    It is tested that a combination of the following will not work:
    - OSX + Windows + Linux
    - Windows + OSX + Linux
    - Windows + Linux + OSX
    Usually it can create the system un-bootable or OSX refused to install due to the system does not recognize such partitions and / or Disk Utility refused to format a free space. An example screen-shot is provided below:
    The error message is shown as
    Title: "Failed to erase volume" Message: "Failed to wipe volume, as an error occurred: MediaKit has reported that the device does not have enough free space to execute the requested operations."
    The second thing is about the preparations we need.
    1) 1X Windows 7 or 8 DVD or USB thumbdrive
    1A) If you uses a DVD to install, you will need another thumbdrive to load the BootCamp drivers for Windows as well as may requires an external DVD drive for newer Macs
    2) 1X Linux DVD of your choice. Personally I choose Fedora 20.
    So ready? Let's go.
    1. Using Disk Utility, shrink the OSX's partition size to what is needed. For me, I give OSX 150GB. Do NOT create any new partition.
    Disk Utility should see something like below whereby only OSX partition is left with desired disk space. The remaining space are to be unused disk space for the moment.
    Note: Click on the top most item that should start with the size of your HDD / SSD. Then clicked on "Partition" and specify the desired OSX size. Hit "Apply" after that.
    2: Download Boot Camp drivers only via Boot Camp Assistant. The USB thumbdrive shall be used later after Linux's installation.
    Boot Camp Assistant should see this:
    I have only selected "Download latest Windows Support Files from Apple"
    3. Insert Linux DVD, reboot Mac into EFI mode (The left most first "EFI mode").
    Note 1: Before rebooting, please plugged in an Ethernet adapter because Wi-Fi drivers is not installed.
    Note 2: For Thunderbolt adapters, it must be plugged in before reboot as hot-swapping is not supported under Linux. More on the tips at the end of this article.
    Note 3: Press and hold "Option" after the screen turns black. Release Option key after you see the image as below:

    For the unfortunate part that did not make it on time to edit the images:
    9. Install the Windows Support software from your CD/USB drive to gain full functionality of your computer. Reboot and go to Windows again.
    Note 1: You may choose to eject disc at this point of time. For Apple SuperDrive users, you will need to wait until the drivers (i.e. Boot Camp support files) is installed and rebooted before ejecting is reasonably possible (As I failed to figured out how to right click without the drivers)
    Note 2: Unlike Windows 7 on KBase article TS4599 Keyboard/trackpad inoperative, black screen, or alert messages when installing Windows 7, USB stick can be plugged in after the Windows installation is done. This is because Windows 7 (And probably Windows 7 with SP1 DVD) does not have a built in USB 3 drivers when it was released back in 2009 where USB3 has not arrived then.
    Note 3: Due to TPM, Bitlocker is not supported without the use of thumbdrives.
    10. Using Disk Management to determine the given drive letter for the DATA partition (DO NOT DELETE and RECREATE partition or else you can goodbye to booting Linux and OSX). Disk Management will not allow you to format it as exFAT / FAT32 in graphical way.
    Note: You may remove or modify some of the disk letters in Disk Management. However, do NOT remove / modfify the drive letter for the partition with 200MB size in HFS. This is because it will disallow booting of Linux and neither could Windows nor OSX can do anything EXCEPT to reinstall Linux only.
    11. Open Command Prompt in Administrator Mode (Important!!), and key in the following command:
    format F: /FS:exFAT
    Give this volume a label after it has successfully formatted before hitting "Enter" again.
    Note: Mine Data partition was assigned as F drive. Please make necessary adjustment to "F:" should your Data partition is assigned to other letters.
    12. After that, Setup your Data partition structure as you like.
    Tip: Minimally create the important folders such as:
    - Music
    - Documents
    - Movie (Videos)
    - Downloads
    - Pictures
    All these folders are commonly used by the 3 OSes. I do NOT recommend changing of /home (OSX and / or Linux) and / or user home directory (Windows) either partially or as a whole.
    This is because of compatibility issue.
    On a side note, iTunes Media Library used in OSX and Windows are NOT able to be use interchangably due to hard-coded path used.
    13. Useful troubleshooting in Fedora / Linux:
    With references to these:
    http://chaidarun.com/fedora-mbp
    http://anderson.the-silvas.com/2014/02/14/fedora-20-on-a-macbook-pro-13-late-201 3-retina-display/
    http://unencumberedbyfacts.com/2013/08/16/linux-on-a-macbook-pro-101/
    I would like to highlight a few important points:
    1) Wi-Fi driver:
    http://rpmfusion.org/Configuration
    Note 1: The sound driver should be installed at Out of Box Experience. However, the Wi-Fi is not.
    Note 2: Install both free and non-free repository. By the way, some other software like VLC can only be found after the Free Repository is installed.
    Search for "akmod-wl" in Gnome-Package-Installer in order to install Wi-Fi drivers
    Note 3: For those who do not have Ethernet adapters and their Mac does NOT have a built-in Ethernet port, it is recommended to get one. This is because Fedora 20 does not have a good support for iPhone USB tethering. Unsure for Andriod / Blackberry / Windows Phone users.
    2) Grub Menu:
    It will show several options to boot into OSX, even of the capability to boot into x86 or x64 mode. However, neither of them is bootable except Linux and the rescue.
    Hence, it is recommended to remove the items by hand in this file:
    /boot/efi/EFI/fedora/grub.cfg
    Command to be used:
    "sudo gedit /boot/efi/EFI/fedora/grub.cfg"
    Parts to be removed:
    - For any extra kernels, delete the target entry by locating the line "menuentry" under "/etc/grub.d/10_linux" sector to one line above the next "menuentry".
    It is recommended to keep one main kernel, and one recovery at the minimal.
    - For other OS, delete all the entry (Since neither it can works) under "/etc/grub.d/30_os-prober" sector without removing the lines starts with ###.
    Auto Mount exFAT partition:
    - After installing extra packages for exFAT support (Since it is not supported by Fedora 20 from a default installation), you may wish to edit "/etc/fstab" in order to mount the exFAT partition during boot time.
    Command to be used:
    "sudo gedit /etc/fstab"
    Add the following line in gedit:
    UUID=702D-912D /run/media/Samuel/DATA                   exfat    defaults        1 2
    Note 1: For DATA partition, OSX & Boot Camp partition, Fedora defaults mounts under: "/run/medua/<Username with case sensitive>/<Partition Label Name>"
    Note 2: UUID is unique ID. You can find out the UUID by:
    Step 1: First determine the DATA partition number:
    "sudo gdisk /dev/sda"
    Step 2: Determine the UUID of this partition number:
    "sudo blkid /dev/sda8"
    Reference 1: http://manpages.courier-mta.org/htmlman5/fstab.5.html
    Reference 2: http://liquidat.wordpress.com/2007/10/15/short-tip-get-uuid-of-hard-disks/
    3) Overheating CPU
    Solution is to issue the following command in Linux terminal: su -c "echo -n 1 > /sys/devices/system/cpu/intel_pstate/no_turbo"
    4) System resumes immediately after suspend
    Solution is to issue the following command in Linux terminal: su -c "echo XHC1 > /proc/acpi/wakeup"
    5) What does not works well out of box:
    - Both GNOME and KDE's fonts are too small to be readable for out of box experience. Additional configuration is a need. (Some of the info can be found on "More Tips" later)
    - Thunderbolt hotplugging is NOT supported under Windows and Linux so far. Neither FaceTime HD camera works as well.
    - The red light in Headphone jack is always on. I do not have luck in switching off the light without losing the sound.
    Note 1: It is determined that the module "snd_hda_intel" is used by both cards (HDMI and normal output)
    Note 2: It is also known that blacklisting it can switch off the redlight at the price of muting the system.
    Note: Based on this article, http://support.apple.com/kb/TS1574
    A Mac (Except Mac Pro) needs servicing when there is a red light while the system fails to detect internal speakers. However, this article does NOT applies to this issue.
    5A) More Tips:
    Install gnome-tweak-tool for more customization
    Search for: "gnome-package" to install:
    Install Gnome Package Installer for advanced package repository
    Install Gnome Package Updater for advanced updates to be install (Whereby Fedora's App Store alike might not show the relevant updates)
    14. Verify if disk is still GPT:
    Use Gdisk to determine if the disk is pure GPT:
    http://ubuntuforums.org/showthread.php?t=1742682
    Command: sudo gdisk -l /dev/sda (The entire hard drive)
    You should see the MBR is "Protective" instead of anything else.
    15. Congrats, the system is ready for triple boot. (I forgot to eject my Windows DVD when the photo was taken)
    Note 1: You cannot set the default startup disk in Linux due to the lack of Boot Camp Control Panel in Linux.
    Neither is changing startup disk recommended in Windows due to the inability to display correctly.
    For me, I click "Cancel" whenever I am on this tab (Feel free to make other Boot Camp adjustments in other tabs).
    Only OSX I know that can show the startup disk options correctly.
    Note 2: For some reason, OSX likes to auto mount the EFI partition everytime it boots up. It is not known to have any issue for ejecting other disks or mounting disks via Disk Utility.
    Note 3: It is not determined if any Firmware or System upgrades will cause issues. It is only known that all 3 OS's regular updates should not be an issue.
    System Updates excludes Mac OSX 10.9.3 updates to OSX 10.9.4 type as I had done it on a OSX 10.9.4 Mac or Windows 8.1 to Windows 8.1 Update 1 since my Windows DVD comes with Update 1.
    System Upgrades refers to OSX Mavericks to Yosemite, Fedora 20 to Fedora 21, Windows 8.1 Update 1 to Windows 8.2 / Windows 9 for that matter.
    Note 4: Reset SMC and / or PRAM will NOT affect your ability to boot any of the OS (OSX, Recovery HD, Fedora & Windows 8)
    Yup, that is it!

  • How to use html template on a php script, if possible..

    Hello,
    I buy it smartjobboard script which is made in php (
    ''SmartJobBoard software design and layout is based on ‘Templates’ system.
    Templates used in the software are built on html and Smarty. '')
    . This is advanced job board script with user registrations/payment getway/ search ,etc. This script have default templates which are very old and ugly. So, I deciced it to build my own template. The only problem is that I didn't knew that my script is made php, so I lost 2 weeks working on a html job template with maps and everything need it for a nice site hoping that I will only have to paste some codes on my html code.. Now I'am stuck with my template and shocked with php, although I have acces to edit php template I found it impossible to make it to the level I create it my htlml template (not that I have tried..) . I have around 30 js files and 5 css on my template.
    I tried to download my own php site on pc hoping I will have html format /it works only as a template but it does not connect to database for login/register/search ,etc...
    There is any hope for my to actually use my html template ?
    thank you

    Looks like you need a Template that is designed to work with your scripts.
    They appear to have serveral you could use.  
    http://www.smartjobboard.com/templates.html
    If you want a customized Template, contact one of their partners to help you.
    http://www.smartjobboard.com/custom-design/
    Nancy O.

  • How to see html code in a php file using CS5.5 without using testing server?

    In CS5.5 when I open a page with php extention, DW does not show any html code in design view without me having to set up a testing server. In DW 8 it would open the same files and show me the html in design view. I have no need to test php code, I just need to alter the html. Is there a setting I can change to enable this in CS5.5? Thanks.

    Below is the code. I discovered that if I create a new php document not from
    a template, then I can see the html elements in design view. If I create a
    new page from a template and save it as html, design view still works, but
    if I save a new page from template and save it as php, I only see symbols
    for php and nothing else in design view.
    Thanks for your help on this.
    <!--
    body
    /* ~~ Element/tag selectors ~~ */
    ul, ol, dl { /* Due to variations between browsers, it's best practices to
    zero padding and margin on lists. For consistency, you can either specify
    the amounts you want here, or on the list items (LI, DT, DD) they contain.
    Remember that what you do here will cascade to the .nav list unless you
    write a more specific selector. */
        padding: 0;
        margin: 0;
    h1, h2, h3, h4, h5, h6, p {
        margin-top: 0;     /* removing the top margin gets around an issue where
    margins can escape from their containing div. The remaining bottom margin
    will hold it away from any elements that follow. */
        padding-right: 15px;
        padding-left: 15px; /* adding the padding to the sides of the elements
    within the divs, instead of the divs themselves, gets rid of any box model
    math. A nested div with side padding can also be used as an alternate
    method. */
    a img { /* this selector removes the default blue border displayed in some
    browsers around an image when it is surrounded by a link */
        border: none;
    /* ~~ Styling for your site's links must remain in this order - including
    the group of selectors that create the hover effect. ~~ */
    a:link
    a:visited
    a:hover, a:active, a:focus { /* this group of selectors will give a keyboard
    navigator the same hover experience as the person using a mouse. */
        text-decoration: none;
    /* ~~ This fixed width container surrounds all other divs ~~ */
    .container
    /* ~~ The header is not given a width. It will extend the full width of your
    layout. It contains an image placeholder that should be replaced with your
    own linked logo. ~~ */
    .header
    /* ~~ These are the columns for the layout. ~~
    1) Padding is only placed on the top and/or bottom of the divs. The elements
    within these divs have padding on their sides. This saves you from any "box
    model math". Keep in mind, if you add any side padding or border to the div
    itself, it will be added to the width you define to create the *total*
    width. You may also choose to remove the padding on the element in the div
    and place a second div within it with no width and the padding necessary for
    your design.
    2) No margin has been given to the columns since they are all floated. If
    you must add margin, avoid placing it on the side you're floating toward
    (for example: a right margin on a div set to float right). Many times,
    padding can be used instead. For divs where this rule must be broken, you
    should add a "display:inline" declaration to the div's rule to tame a bug
    where some versions of Internet Explorer double the margin.
    3) Since classes can be used multiple times in a document (and an element
    can also have multiple classes applied), the columns have been assigned
    class names instead of IDs. For example, two sidebar divs could be stacked
    if necessary. These can very easily be changed to IDs if that's your
    preference, as long as you'll only be using them once per document.
    4) If you prefer your nav on the right instead of the left, simply float
    these columns the opposite direction (all right instead of all left) and
    they'll render in reverse order. There's no need to move the divs around in
    the HTML source.
    /* sidebar1 = left */
    .sidebar1
    .content
    .sidebar2
    /* ~~ This grouped selector gives the lists in the .content area space ~~ */
    .content ul, .content ol
    /* ~~ The navigation list styles (can be removed if you choose to use a
    premade flyout menu like Spry) ~~ */
    ul.nav {
        list-style: none; /* this removes the list marker */
        border-top: 1px solid #666; /* this creates the top border for the
    links - all others are placed using a bottom border on the LI */
        margin-bottom: 15px; /* this creates the space between the navigation on
    the content below */
    ul.nav li {
        border-bottom: 1px solid #666; /* this creates the button separation */
    ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that
    your links retain their button look even after being visited */
        padding: 5px 5px 5px 15px;
        display: block; /* this gives the anchor block properties so it fills
    out the whole LI that contains it so that the entire area reacts to a mouse
    click. */
        width: 160px;  /*this width makes the entire button clickable for IE6.
    If you don't need to support IE6, it can be removed. Calculate the proper
    width by subtracting the padding on this link from the width of your sidebar
    container. */
        text-decoration: none;
        background: #C6D580;
    ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the
    background and text color for both mouse and keyboard navigators */
        background: #ADB96E;
        color: #FFF;
    /* ~~ The footer styles ~~ */
    .footer
    /* ~~ Miscellaneous float/clear classes ~~ */
    .fltrt {  /* this class can be used to float an element right in your page.
    The floated element must precede the element it should be next to on the
    page. */
        float: right;
        margin-left: 8px;
    .fltlft { /* this class can be used to float an element left in your page.
    The floated element must precede the element it should be next to on the
    page. */
        float: left;
        margin-right: 8px;
    .clearfloat { /* this class can be placed on a
    or empty div as the
    final element following the last floated div (within the .container) if the
    .footer is removed or taken out of the .container */
        clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    TD.mincart {
        font-size: 10px;
        font-family : Verdana;
        position:relative:
        left: 10px;
        top: -30px;
    P.mincart {
        font-size: 10px;
        font-family : Verdana;position:relative:
        left: 10px;
        top: -30px;
    #search 
    #minicartdiv
    P.smaller{
        text-align:center;
        font-size: 12px;
        position: relative;
        top: 1px;
    #tagline {
        font-weight: bold;
        color: #03F;
        height: 18px;
        width: 350px;
        font-size: 18px;
        position: relative;
        left: 10px;
        padding-bottom: 10px;
    #contact {
        font-size: 12px;
        float: right;
        height: 18px;
        position: relative;
        padding-right: 10px;
        font-weight: bold;
        font-family: "Courier New", Courier, monospace;
        padding-top: 7px;
    Call 541-424-5555 Mon-Fri 7am-4pm Pacific Time. Email:
    [email protected]
    Bluetooth and More! No Sales Tax!
    body, this
    is a test
     [Home | index.php] - Store Policies - Products
            - Search - Checkout
            email: [email protected] Call
    541-424-5555</p>
      <!-- end .footer --></div>
      <!-- end .container --></div>
    SSL
    COT("images/cot.gif", "SC2", "none");
    </html

  • How to generate HTML from XML and XSL?

    Hi all,
    I am new to XML.
    Can I somehow see the HTML-Output of the XML-File, when I have the XSL-File too, but don't use any XML-Editor (XMLSpy) and FOP? I do not want use any additional tools - only the database tools.
    What I need for this?
    Do I need the XSLT-File too?
    I am waiting for your answers, when possible with examples please.
    Regards
    Leonid Pavlov

    Please post on the General XML forum.

  • How do i get my apache and php server ?

    Hello,
    I want to be able to test my php page through my computer. How can i do that? I am very new to php and apached stuff. I have on my mac 10.4.3. How would you do it?
    Thanks

    Hello,
    I want to be able to test my php page through my
    computer. How can i do that? I am very new to php and
    apached stuff. I have on my mac 10.4.3. How would you
    do it?
    Have you installed the PHP apache module if not you can download a prebuilt package that works with tiger.
    http://www.entropy.ch/software/macosx/php/
    Once installed put your PHP file inside your webserver directory and point your favourite webbrowser to it.
    e.g.
    http://127.0.0.1/~your_username/test.php

  • How to append html formatted text to JPaneText?

    Hi,
    I'm trying to append html to JPaneText and I can't do it. My code is below:
    import java.awt.*;
    import javax.swing.*;
    import javax.swing.text.html.HTMLEditorKit;
    import javax.swing.text.html.*;
    import javax.swing.text.*;
    public
    class GUI
    extends JFrame {
         JTextPane wynikTxtAre = new JTextPane();
         JScrollPane suwak = new JScrollPane(wynikTxtAre);
         JPanel panelSrodek = new JPanel();
         HTMLDocument doc;
         HTMLEditorKit kit = new HTMLEditorKit();
         public GUI()
    super.setSize(640, 480);
    super.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    wynikTxtAre.setEditable(false);
    wynikTxtAre.setDocument(kit.createDefaultDocument());
    doc = (HTMLDocument)wynikTxtAre.getDocument();
    suwak.setPreferredSize(new Dimension(600, 400));
    panelSrodek.add(suwak);
    super.getContentPane().setLayout(new BorderLayout());
    super.getContentPane().add("Center", panelSrodek);
    super.setVisible(true);     
         public static void main (String [] args) {
              GUI g = new GUI();
              try {
         Style style = g.doc.addStyle("StyleName", null);
         StyleConstants.setItalic(style, true);
         StyleConstants.setFontSize(style, 30);
         StyleConstants.setBackground(style, Color.blue);
         StyleConstants.setForeground(style, Color.white);
         // Append to document
         g.kit.insertHTML(g.doc, g.doc.getLength(), "tekxt", 1, 1, HTML.Tag.B);
         //g.doc.insertString(g.doc.getLength(), "<b>Some Text</b>", style);
         } catch (Exception e) {
              System.out.println(e.getMessage());
    If i use insertHTML method then there is no text on the text area.
    If i use insertString method then text appear but it doesn't resolve html tags.
    Please help.

    I did something like this:
    public
    class GUI
    extends JFrame {
    //previous code - no changes
         public static void main (String [] args) {
              GUI g = new GUI();
              StringBuffer buf = new StringBuffer();
              try {
         buf.append("<b>bb</b>");
         buf.append("<b>ccc</b>");
         // First append to document
         g.pane.setText(buf.toString());
    //Second append
         buf.append("<b>ddddd</b>");
         g.pane.setText(buf.toString());
         } catch (Exception e) {
              System.out.println(e.getMessage());
    I know that this method is not smart and doesn't look good, but it works.
    If you know how to append html using HTMLEditorKit and HTMLDocument please write some example.

Maybe you are looking for

  • Unable to extend the table space

    Hi Experts When i am extending the table space i am getting this error BR1059E Not enough free space in /oracle/SHD/sapdata3/sr3700_20 for maximum size of file /oracle/SHD/sapdata3/sr3700_20/sr3700.data20, missing at least 491.556 MB but when i check

  • Server Server 2014 Reporting Services Redistributable

    Why has a 2014 Reporting Services Redistributable not been published? I have seen multiple references saying that the Reporting Services report viewer did not change between 2012 and 2014. If that is the case then why do I see a 12.0.2000.8 version o

  • Desktop background options

    I would like to increase the options for desktop backgrounds. There are multiple images in the screensaver options which would make wonderful backgrounds. Does anyone know how to access these slide shows and use the separate images as a background? T

  • [SOLVED]Wireless card (Broadcom) issue

    I've just finished installing arch on my new laptop. I've been using it already for quite some time, even if i'm far from being an expert. The installation went flawlessy. Now when i try to get my wireless interface up, messages show telling that som

  • Frequent failures of BI_REQD* jobs

    hi BI Experts, In our BW Production nowadays BI_REQD* jobs are failing frequently for d one or two cubes. 20-30 jobs failing every day (those two cubes are loaded with many infopackages) these jobs complete their work of overlapping request deletion