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. -
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 AMHi 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 greatLou 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/jEzvBrYou 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 -
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 youLooks 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 PavlovPlease 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?
ThanksHello,
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
-
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