Global HTML
I need to use subscripts and superscripts for buttons. I can do this with HTML but am also open to doing this with attribute sets using the Document.insertString interface. My question is whether there is a static method to globally set the font (I need unicode) and background and foreground etc without having to do this for every single component ? I've looked at the examples and the API and I don't find a lot of help on styles except for TextPane.
Thanks in advance
If it's only in Buttons extend JButton, give it the constructor that sets the font and use that instead.
If you want runtime changes I would expect you could create a custom LookAndFeel and use that - as far as I know that is the only global manipulator of views.
goodluck
Similar Messages
-
How do you set email so that it is in html instead of plain text on ATT email?
I would like to view my emails in html but do not know how to change it off of the current settings where it always displays it in plain text. I have att yahoo email.
The Alt attribute isn't meant to show as a tooltip on hover.
The Alt attribute is meant to show if the image isn't or can't be displayed.
The title attribute is meant to show if you hover an image or link.
*http://kb.mozillazine.org/Image_tooltips_do_not_work
Some extensions can interfere and disable the tooltip.
* [[Troubleshooting extensions and themes]]
* http://www.w3.org/TR/html401/struct/global.html#title title
* http://www.w3.org/TR/html401/struct/objects.html#alternate-text
*Popup ALT Attribute: https://addons.mozilla.org/firefox/addon/1933 -
No "title" attribute support inside HTML component in AIR application?
For example, we have some text in our <mx:HTML> like this:
<html>
<body>
[ <a href="http://domain.tld/" title="Some hint text for this link" onmouseover="this.style.color='#f00'" onmouseout="this.style.color='#0f0'">Megalink</a> ]
</body>
</html>
And when we run our application and move cursor over link, color will be changed (so, mouse events handles correctly), but "Some hint text for this link" hint/tooltip will not be shown...
Bug/Feature/Misconfiguration?!?http://www.w3.org/TR/html401/struct/global.html#adef-title
-
Using Dreamweaver to edit *partial* web page (chunks of HTML code)?
Hello,
I am using a custom PHP framework to build a website.
This framework is quite simple, it relies on 2 types of files:
Templates: site-wide PHP/HTML files including all the logic, HTML header (links to CSS & JS files), Company logo HTML menus & related navigation code, searchbox, footer etc. Only 2 templates exist: one for the homepage, another one for all the other pages.
"content files": these files contain mostly static HTML code. Content files are imported by the PHP template using PHP's include() function.
As content files are inserted within a global HTML page, these only contain chunks of HTML code: no tags such as "head" "body".
On the attached PNG, the green part is the code from the template, the red part is the code from the "content file".
A typical template file would be:
<html>
<head>
(load CSS files, JS files...)
</head>
<body>
(HTML headers & menus)
<?php include($content_file); ?> <!-- Includes partial HTML file with page content -->
(HTML footer)
</body>
</html>
A typical content file would be:
<h1>TITLE</h1>
<h2>subtitle</h2>
<p>Lorem ipsum<img src="" class="myimg" /></p>
<h2>subitle</h2>
<p>Lorem ipsum</p>
Templates are NOT editable by users.
Content files are editable by users, using Dreamweaver.
The problem is, users cannot edit those content files since it is not a valid HTML page. The CSS required to enforce the styles are not loaded since HTML headers are not present. It looks ugly and Dreamweaver tries to insert standard HTML tags such as <html>, <body> and so on.
I see 2 hypothesis, but I cannot find an answer in the Dreamweaver documentation:
have DW edit the content files alone, in which cas we would need to tell DW that it is editing a partial web page and not a full one
have DW edit the content file while applying the PHP template, in which case we would need to tell DW that is should discard most of the code and save only the "content file"
Hypothesis 1: Standalone edit of content files. Is there a way to tell Dreamweaver
that it is editing a partial HTML file,
that it needs to load additional CSS stylesheet to display the styles
that it should not insert standard HTML body and headers tags, that we know the page is not standard compliant as-is
that creating additional style is forbidden, it is only allowed to use styles defined in the stylsheet
Hypothesis 2: Edit of content files within the template. is there a way to tell Dreamweaver
that it is should add HTML code from the template before and after the loaded "content file"
that when saving the "content file" it should discard all HTML/PHP code from the template, saving only the content itself
that creating additional style is forbidden, it is only allowed to use styles defined in the stylsheet
I cannot believe noone has been faced with this problem before, the fact is I cannot find any answer about this issue.
Best Regards,
MI have moved this thread to the Dreamweaver Application Development forum, which deals with PHP and similar issues.
Several things spring to mind.
Do your template files have a standard .html file name extension? If so, you could add .html to the file types that Dreamweaver does not automatically rewrite. Select Code Rewriting in the Preferences panel, and add .html to the list of files in "Never rewrite code".
If your template files use a file name extension not recognized by DW, add them to the list using the instructions in http://go.adobe.com/kb/ts_tn_16410_en-us. You might also need to add them to the list of files that DW doesn't rewrite.
To get access to styles in pages that are composed of fragments, use Design Time Style Sheets. See http://help.adobe.com/en_US/Dreamweaver/10.0_Using/WScbb6b82af5544594822510a94ae8d65-7e17a .html. -
I try to load a few images in an HTML component (Webkit/531.9). THe PNG, JPG and GIF images will load fine, but the SVG image does not load at all. The image will load in Chrome (Webkit/533.4) and Safari (Webkit/531.22.7) without a problem.
Is there any reason why this is not working in Air (version 2) ?http://www.w3.org/TR/html401/struct/global.html#adef-title
-
I've noticed that Dreamweaver CS4 is missing <strike>
tag that is listed in HTML 4.01 specification on W3 website.
Can anyone explain why this tag isn't included in Dreamweaver
?zorio posted in macromedia.dreamweaver
> Yes would be removed, but since W3 is very slow in doing
> something, CSS 3 is getting out for like a decade... so
I don't
> think HTML 5 will be out that soon. In the meantime HTML
4.01
> standards should apply as legitimate specification of
present HTML
> standard.
They do. You might be interested in this about HTML 4.01
Strict (note
that it is from December 24, 1999):
http://www.w3.org/TR/html401/struct/global.html#h-7.2
"The HTML 4.01 Strict DTD includes all elements and
attributes that
have not been deprecated or do not appear in frameset
documents."
Indicating that deprecated elements and attributes are
already obsolete
when using the strict DTD. There is a similar statement in
the XHTML
1.0 specs.
Of course, you can continue using the HTML 4.01 Transitional
DTD from
the same specs and deprecated items will still validate.
"The HTML 4.01 Transitional DTD includes everything in the
strict DTD
plus deprecated elements and attributes (most of which
concern visual
presentation)."
I don't see a particularly good reason to do that for new or
updated
sites, though.
Mark A. Boyd
Keep-On-Learnin' :) -
If you go to here- http://www.phillylite.com/message-board.html
It has an error with some of thee code there, but when my friend looked at the actual modules code, he said it was fine.
I couldn't get the CSS to work in the site global CSS so I put it in here
This is the module code now-
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<style type="text/css">
.boat-list{
margin:0 0 10px;
overflow:hidden;
width:798px;
.boat-list.boat-backup{
width:389px;
.boat-list h2{
background:#333;
color:#b84155;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:30px;
padding: 10px 0 10px 10px;
.boat-list h2.boat-title{
color:#3065cd;
.boat-detail{
border-bottom:1px solid #333;
height:192px;
overflow:hidden;
.boat-img{
float:left;
width:389px;
.boat-desc{
float:right;
padding: 5px 20px;
width:369px;
a.sociallite:link {color:#cc3333; text-decoration:none;}
a.sociallite:visited {color:#cc3333; text-decoration:none;}
a.sociallite:hover {color:#cc3333; text-decoration:none;}
a.sociallite:active {color:#cc3333; text-decoration:none;}
a.video:link {color:#9933ff; text-decoration:none;}
a.video:visited {color:#9933ff; text-decoration:none;}
a.video:hover {color:#9933ff; text-decoration:none;}
a.video:active {color:#9933ff; text-decoration:none;}
a.nightlite:link {color:#3366cc; text-decoration:none;}
a.nightlite:visited {color:#3366cc; text-decoration:none;}
a.nightlite:hover {color:#3366cc; text-decoration:none;}
a.nightlite:active {color:#3366cc; text-decoration:none;}
a.streetlite:link {color:#339933; text-decoration:none;}
a.streetlite:visited {color:#339933; text-decoration:none;}
a.streetlite:hover {color:#339933; text-decoration:none;}
a.streetlite:active {color:#339933; text-decoration:none;}
a.ladiesoflite:link: {color:#ff3399; text-decoration:none;}
a.ladiesoflite:visited {color:#ff3399; text-decoration:none;}
a.ladiesoflite:hover {color:#ff3399; text-decoration:none;}
a.ladiesoflite:active {color:#ff3399; text-decoration:none;}
</style>
<title></title>
</head>
<body>
<div class="boat-list">
<h2><a class="sociallite" href="{tag_photoAlbumLink}">{tag_name_nolink}</a></h2>
<div class="boat-detail">
<div class="boat-img"><a href="{tag_photoAlbumLink}">{tag_photo left_nolink}</a></div>
<div class="boat-desc">{tag_description}</div>
</div>
</div>
</body>
</html>
This module worked before and then I deleted all the posts and added these new ones.
But if you use Firebug on my page you see that its adding something else. I don't know where its coming from our what to change because there is no global.
I only have one of the {tag_photoAlbumLink} used and thats in the first item.
Where is this issue stemming from, how can I go in and fix the code whereever the error is occuring. My friend says he recognizes the issue in HTML on the site page through Firefox but there is no global HTML for the site that I know of and we couldn't figure out what part of BC was generating this error.
ALSO
does anyone know how to transform my HTML so that instead of the color changing by the class for of the {tag_name}, it would change based of the post items classification?Hey there,
Do you mean the links?
Looks like you made a custom field which is a text (hyperlink) and then tried to put that in a href of your own link. You can not do this. The link custom field will render in full the html of a link <a href="".... etc.
So you just need to have that tag and not put it in an A element around it.
If you want to form your own anchor html you need to use the custom field text option and copy and paste links into there.
On the main landing page of the business catalyst forums you can see on the right the quick reference links for modules and tags, these show what is availible and what options they have, if any. Really handy. -
My Index and contact page has moved my top nav up
I only changed my contact styles on my Index page and now my top nav has gone to the top. On my contact page I added two images so I understand I need to add some code to do with that but not sure how to get it back correct.
When I veiw my contact page through my wamp server though it all looks fine that's why I uploaded it onto the live server. Does anyone know why that should be?
www.bristolequestrianservices.co.uk. Can someone help please?
Thanks
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="logo">
<img src="images/banner1.jpg" />
</div>
<div id="social-media-icons">
<ul>
<li><a href="https://www.facebook.com/groups/150449201771804/"><img src="images/icons/facebook.jpg" /></a></li>
<li><a href="£"><img src="images/icons/rss.jpg" /></a></li>
<li><a href="http://www.twitter.com"><img src="images/icons/twitter.jpg" /></a></li>
<li><img src="images/icons/youtube.jpg" /></li>
</ul>
</div>
<div id="contact">
<p><span class="big-blue">Bristol Equestrian Service</span><br>
Tel: 0117 9190060 / 07900538697<br>
Email: [email protected]<br>
[email protected]</p>
</div
><div id="topnav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="stablesandfieldshelters.html">Stable and Field Shelters</a></li>
<li><a href="pricelist.html">Price List</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
<div id="banner">
<img src="images/newbanner.jpg" />
</div>
/* Containers */
#outer { width:960px; margin:0 auto; background:#FFF; }
#wrapper { width:900px; margin:0 auto; background:#FFF; }
#logo { margin: 30px 0; float:left; }
#social-media-icons { float:right; }
#social-media-icons ul li {display:inline; }
#social-media-icons ul {margin-top:40px; }
#social-media-icons2 { float:left; }
#social-media-icons2 ul li {display:inline; }
#social-media-icons2 ul {margin-top:10px; }
#topnav { clear:both; }
#topnav ul { border-top:1px #000 solid; border-bottom:1px #000 solid;
margin:20px 0; padding:10px 0; }
#topnav ul li { display:inline; }
#topnav ul li a { padding:0 15px; }
#topnav a:link { color: #000; }
#topnav a:visited { color: #000; }
#topnav a:active { color: #000; }
#topnav a:focus { color: #666; }
#topnav a:hover { color: #f90; }
#banner { margin-bottom:30px; }
#rightside { width:200px; float:right }
#content { width:650px; float:left; }
#content-fullwidth {width:100%; }
#footer { clear:both; margin-top:20px 0; border-top:1px #ccc solid;/* Color Legend */
/* Reset */
Oops sorry copied it all!
html, body { margin: 0; padding: 0; border: 0;
background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background: transparent;
img { margin:0; padding:0; border:0; }
table, tr, th, td, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0;
vertical-align: baseline;
background: transparent;
table { border-collapse: collapse; border-spacing: 0; }
input, select, textarea, form, fieldset {
margin: 0; padding: 0; border: 0;
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000;
ol, ul { list-style: none; }
/* Global */
html { }
body { background: #960 }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size:24px; color:#BB5E00;
padding-bottom:15px; border-bottom:1px #ccc solid; margin-bottom:15px; }
h2 { font-size:20px; color:#666 }
h3 { font-size:16px; }
h4 { font-size:20px; color: #666}
h5 { font-size:14px; }
h6 { font-size:14px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/* Text Elements */
p { color:#000; font-size:12px; line-height:150%;
margin:15px; 0; }
p .left { margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p .right { margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a { }
a:link { color: #00f; }
a:visited { color: #0f0; }
a:active { color: #000; }
a:focus { color: #666; }
a:hover { color: #f00; }
blockquote { color:#000; font-size:12px; }
strong { font-weight: bold; }
em { font-style: italic; }
/* Images */
/* Lists */
ul { }
ol { list-style-type:decimal; }
ul li { color:#000; font-size:12px; }
ol li { color:#000; font-size:12px; }
dl { }
dt { }
dd { }
/* Tables */
table { width:100%; }
tr { }
.odd { background-color:#eee; }
.even { background-color:#fff; }
th { font-weight: bold; }
thead, th { background: #ccc; }
tbody { }
th,td,caption { }
caption { }
tfoot { }
.tfooter { background-color:#ccc; text-align:center; font-style:italic; }
caption { background: #efefef; }
/* Miscellaneous */
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
address { }
del { background:#FFCECE; color:#f00; }
code, pre { background-color:#FF9; padding:2px 0px; margin:4px 25px;
font-family:"Courier New", Courier, monospace; font-size:12px; font-weight:normal; line-height:150%; }
/* Containers */
#outer { width:960px; margin:0 auto; background:#FFF; }
#wrapper { width:900px; margin:0 auto; background:#FFF; }
#logo { margin: 30px 0; float:left; }
#social-media-icons { float:right; }
#social-media-icons ul li {display:inline; }
#social-media-icons ul {margin-top:40px; }
#social-media-icons2 { float:left; }
#social-media-icons2 ul li {display:inline; }
#social-media-icons2 ul {margin-top:10px; }
#topnav { clear:both; }
#topnav ul { border-top:1px #000 solid; border-bottom:1px #000 solid;
margin:20px 0; padding:10px 0; }
#topnav ul li { display:inline; }
#topnav ul li a { padding:0 15px; }
#topnav a:link { color: #000; }
#topnav a:visited { color: #000; }
#topnav a:active { color: #000; }
#topnav a:focus { color: #666; }
#topnav a:hover { color: #f90; }
#banner { margin-bottom:30px; }
#rightside h2 {
font-size: 24px;
color: #999;
font-weight: normal;
margin: 0 0 0 0;
padding: 0 0 10px 0; /*top-right-bottom-left*/
#rightside p {
margin: 0 0 0 0;
padding: 0 0 10px 0; /*top-right-bottom-left*/
#rightside a {
text-decoration: none;
color: #7A7D42;
font-size: 14px;
padding: 0 0 15px 0; /*top-right-bottom-left*/
#rightside a:hover {
color:#BB5E00
#rightside p {
margin: 0 0 0 0;
padding: 10px 0 10px 0; /*top-right-bottom-left*/
border-bottom: 1px solid #ccc;
#content { width:650px; float:left; }
#content-fullwidth {width:100%; }
#footer { clear:both; margin-top:20px 0; border-top:1px #ccc solid;
padding-bottom:20px; }
.rowWrapper {
overflow: hidden;
margin: 0 0 15px 0;
.details {
width:286px;
float:left;
margin: 0 0 0 20px;
padding: 15px 0 0 0;
border-top: 2px solid #000;
.details p {
margin: 0;
padding: 0 20px;
#box1 { }
#box2 { }
#box3 { }
#box4 { }
#box5 { }
#box6 { }
#box7 { }
#box6 { }
#box9 { }
#box10 { }
/* Layout Extra */
/* Navigation Extra */
/* Forms */
/* Forms */
form ol { list-style-type:none; }
form { text-align:left; margin:20px; }
label {
float: left; width: 150px; margin-top:5px;
text-align:right; display:block; background:none; font-weight:bold;
submit { background:none; }
input {
width: 280px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
input:focus, textarea:focus { background-color:#CCC; }
textarea {
width: 280px; height: 150px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
select { margin-bottom:20px; }
.month { margin-left:155px; }
.submit {
width:90px; height:25px;
margin-left:160px;
font-size:12px;
br { clear: left; }
.clear { clear:both; }
/* Miscellaneous */
.copyright-text { font-size:80%; font-style:italic; color:#333; }
.footer-text { font-size:100%; font-style:normal; color:#000; text-align:center; }
.title { font-size:18px; font-weight:bold; color:#333; }
.subtitle { font-size:14px; font-style:italic; color:#333; }
.artist { font-size:16px; font-weight:bold; color:#333; }
.author { font-size:14px font-weight:bold; color:#555; }
.editor { font-size:14px font-style:italic; color:#555; }
.pub-date { font-size:10px font-style:italic; color:#555; }
.article-date { font-size:10px font-style:italic; color:#555; }
.location { font-size:10px font-style:italic; color:#555; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bold; text-align:left; }
.right { font-weight:bold; text-align:right; }
.added { background:#D7D7FF; }
.removed { background:#FFCECE; color:#f00; }
.changed { background:#FFB; }
/* Success, info, notice and error/alert boxes - from Blueprint CSS Framework */
.error, .alert, .notice, .success, .info {
padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a { color: #8a1f11; }
.alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a { color: #205791; }
#contact {
float: right;
clear: both;
.big-blue {
font-size:32px;
color:#000;
font-family:Monotype Corsiva; -
New to code, need help please!!!
I have been designing my first website by following a string of videos I have purchased online. (Timothy Training w/ Framework Files) I am finally to the point that I am ready to 'put' these file on my business catalyst account and get them online. I have run into an issue however. I have a page called services.html and within it I have built a 'featured content slider' that links to several pages. The code was working perfectly in any browser that I previewed it in, live view, inspections, everything was fine!! Until, I 'put' the files onto my business catalyst account, now all of the sudden the code does not display correctly anymore. I have made no changes to the code what-so-ever, no changes to the style sheets, nothing. I had a tech support guy that took a 'quick look' and said that my outer div was all of the sudden in the wrong place. I dont understand how 1. it shifted when I made no changes, 2. It works perfectly fine when I view it outside of BC platform and 3. how to even begin to fix the issue. I have spent hours upon hours trying to remedy this myself and I am finally at a breaking point and quite desperate for help. I have so many hours into this site and I am quite frustrated that I made it this far only for it to fail. Please anyone that is willing to take a look I would be grateful. I am not sure if I should post the code in here or not as this is my first post in the forum. I guess I will try to copy and paste and see if that works. Any suggestions would be great help.. Thank you so much!
I will copy and paste the code in this order: (I think this is all the code needed to figure it out,I hope...)
services.html
featureList.js
featured.css
styles.css
services.html
<!DOCTYPE HTML>
<html><!-- InstanceBegin template="/templates/ts_fullwidth.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<link href="css/styles.css" rel="stylesheet" type"text/css" media="screen">
<link href="css/print.css" rel="stylesheet" type"text/css" media="screen">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="cache" />
<meta name= "robots" content="INDEX,FOLLOW" />
<meta name= "keywords" content="Enter Keywords" />
<meta name= "description" content="Description Here" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Web Site by Tahoe POS Systems LLC - www.tahoesystems.com</title>
<script type="text/javascript" src="js/featureList.js"></script>
<link rel="stylesheet" href="css/featured.css" />
<script language="javascript">
$(document).ready(function() {
$.featureList(
$("#tabs li a"),
$("#output li"), {
start_item : 1
</script>
<!-- InstanceEndEditable -->
<!-- Google Analytics Code Goes Below Here -->
<!-- End Google Analytics Code -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="logo">
<img src="images/logos/logo2.png" />
</div>
<div id="social-media-icons">
<ul>
<li><a href="http://www.facebook.com/tahoesystems"><img src="images/icons/facebook_32.png" /></a></li>
<li><a href="#"><img src="images/icons/rss_32.png" /></a></li>
<li><a href="http://www.twitter.com"><img src="images/icons/twitter_32.png" /></a></li>
<li><a href="http://www.youtube.com"><img src="images/icons/youtube_32.png" /></a></li>
</ul>
</div>
<div id="topnav">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="about.html">ABOUT US</a></li>
<li><a href="clients.html">CLIENTS</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="contact.html">CONTACT US</a></li>
</ul>
</div>
<div id="banner">
<img src="images/banner/b1.png" />
</div>
<div id="content-fullwidth"><!-- InstanceBeginEditable name="content" -->
<h1>Welcome to Tahoe Systems Web Site!</h1>
<p>Our Mission – To ensure your restaurant, bar, café, diner, or eatery operates smoothly. Streamline your workflow by providing the latest, most up-to-date technology the industry has to offer. Maximize your profits with a personalized POS system that works for you and not against you. Ease your stress with the quickest, most reliable, 24-hour technical support in the area. Train your staff in person with one-on-one classes taught by one of our certified staff.</p>
<div id="feature">
<h1>Featured Tahoe Systems Services</h1>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<div id="feature_list">
<ul id="tabs">
<li>
<a href="javascript:;">
<img src="images/icons/ts_star_logo.png" />
<h3>Complete Menu Design</h3>
<span>Complete with our well-known Fast Bar Page </span>
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/icons/ts_star_logo.png" />
<h3>Kitchen Printing with ease</h3>
<span>Top of the line printing systems</span>
</a>
</li>
<li>
<a href="javascript:;">
<img src="images/icons/ts_star_logo.png" />
<h3>VPEN Monitor Systems</h3>
<span>HD Screens, Bump Bars, We can do it all!</span>
</a>
</li>
</ul>
<ul id="output">
<li>
<img src="images/feature_slider/menu-sample2.jpg" />
<a href="menu.html">Menu Gallery</a>
</li>
<li>
<img src="images/feature_slider/tmu220.jpg" />
<a href="print.html">Printing Gallery</a>
</li>
<li>
<img src="images/feature_slider/kds_hnet.jpg" />
<a href="vpen.html">VPEN Gallery</a>
</li>
</ul>
</div>
</div>
<p>Our Mission – To ensure your restaurant, bar, café, diner, or eatery operates smoothly. Streamline your workflow by providing the latest, most up-to-date technology the industry has to offer. Maximize your profits with a personalized POS system that works for you and not against you. Ease your stress with the quickest, most reliable, 24-hour technical support in the area. Train your staff in person with one-on-one classes taught by one of our certified staff.</p>
<!-- InstanceEndEditable --></div>
<div id="footer">
<p class="footer-text">All Rights Reserved - Tahoe Systems - 2012</p>
</div>
</div>
</div>
</body>
<!-- InstanceEnd --></html>
featureList.js
* FeatureList - simple and easy creation of an interactive "Featured Items" widget
* Examples and documentation at: http://jqueryglobe.com/article/feature_list/
* Version: 1.0.0 (01/09/2009)
* Copyright (c) 2009 jQueryGlobe
* Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
* Requires: jQuery v1.3+
;(function($) {
$.fn.featureList = function(options) {
var tabs = $(this);
var output = $(options.output);
new jQuery.featureList(tabs, output, options);
return this;
$.featureList = function(tabs, output, options) {
function slide(nr) {
if (typeof nr == "undefined") {
nr = visible_item + 1;
nr = nr >= total_items ? 0 : nr;
tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');
output.stop(true, true).filter(":visible").fadeOut();
output.filter(":eq(" + nr + ")").fadeIn(function() {
visible_item = nr;
var options = options || {};
var total_items = tabs.length;
var visible_item = options.start_item || 0;
options.pause_on_hover = options.pause_on_hover || true;
options.transition_interval = options.transition_interval || 5000;
output.hide().eq( visible_item ).show();
tabs.eq( visible_item ).addClass('current');
tabs.click(function() {
if ($(this).hasClass('current')) {
return false;
slide( tabs.index( this) );
if (options.transition_interval > 0) {
var timer = setInterval(function () {
slide();
}, options.transition_interval);
if (options.pause_on_hover) {
tabs.mouseenter(function() {
clearInterval( timer );
}).mouseleave(function() {
clearInterval( timer );
timer = setInterval(function () {
slide();
}, options.transition_interval);
})(jQuery);
featured.css
#feature
font-family: "Trebuchet MS",Verdana,Arial,sans-serif;
font-size: 14px;
line-height: 1.6;
width: 750px; /* This is the width */
margin: 25px auto; /* margin top/bottom and centering */
padding: 20px; /* Padding inside */
background: #FFF;
/* Background color */
border: 1px solid #CCC; /* border around */
#feature h1 { margin: 0; }
#feature p
{ margin: 0; padding: 7px 0; }
.clear
{ clear: both; line-height: 1px; font-size: 1px; }
#feature a
{ outline-color: #888;
#feature h3 { margin: 0;
padding: 7px 0 0 0;
font-size: 16px; text-transform: uppercase;
ul#tabs li a h3
{ color:#F60; margin-bottom: 5px; ; }
div#feature_list
width: 750px; height: 240px;
overflow: hidden; position: relative;
div#feature_list ul {
position: absolute;
top: 0;
list-style: none;
padding: 0;
margin: 0;
ul#tabs {
left: 0;
z-index: 2;
width: 320px;
ul#tabs li { font-size: 12px; font-family: Arial; }
ul#tabs li img {
padding: 5px; border: none; margin: 0px 10px 0 0;
float: left;
ul#tabs li a
color: #222;
text-decoration: none;
display: block;
padding: 10px;
height: 60px;
outline: none;
ul#tabs li a:hover { color:#822B00; }
ul#tabs li a.current {
background:url(../images/feature-tab-current.png);
color: #FFF;
ul#tabs li a.current:hover {
text-decoration: none;
cursor: default;
ul#output {
right: 0;
width: 460px; height: 240px;
position: relative;
ul#output li {
position: absolute;
width: 460px; height: 240px;
ul#output li a {
position: absolute;
bottom: 10px; right: 10px;
padding: 8px 12px;
text-decoration: none;
font-size: 11px;
color: #FFF;
background: #000;
-moz-border-radius: 5px;
ul#output li a:hover { background:#B33A00; }
and finally styles.css
/* CSS Document */
/* Color Legend */
/* Reset */
html, body { margin; 0; padding: 0; border: 0; background: transparent; font-size:10px; }
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
verticle-align: baseline;
background: transparent; }
img {margin: 0; padding: 0; border: 0; }
table, tr, th, td, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0;
verticle-align: baseline;
background: transparent; }
table {border-collapse: collapse; border-spacing: 0; }
input, select, textarea, form, fieldset {
margin: 0; padding: 0; border: 0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section {
display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockqutoe, td, th, a, caption, em, strong, strike {
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight: normal;
font-style: normal;
line-height: 100%;
text-indent: 0;
text-decoration: none;
text-align: left;
color: #000; }
ol, ul, { list-style: none; }
/* Global */
html { }
body { background-color:#E8DDCA;
background-image:url(../images/background/roiBody_11.png);
background-repeat:no-repeat;
background-attachment:fixed; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
h1 { font-size:24px; color: #C60 ;
padding-bottom: 15px; border-bottom: 1px #ccc solid; margin-bottom: 15px; }
h2 { font-size: 20px; }
h3 {font-size: 16px; margin-bottom: 5px; }
h4 {font-size: 14px; }
h5 {font-size: 14px; }
h6 {font-size: 14px; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, {margin: 0; }
/* Text Elements */
p { color:#000; font-size: 12px; line-height: 150%;
margin: 15px 0px; }
p. left {margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p. right {margin: 1.5em 0 1.5em 1.5em; padding: 0; }
a { }
a:link {color: #00f; }
a:visited {color: #0f0; }
a:active {color: #000; }
a:focus {color: #666; }
a:hover {color: #f00; }
blockquote {color: #000; font-size: 12px; }
strong { font-weight: bold; }
em {font-style: italic; }
/* Images */
.image-frame { padding: 10px; border: 1px #ccc solid; margin: 10px; }
/* Lists */
ul { }
ol { list-style-type:decimal; }
ul li {color: #000; font-size: 12px; }
ol li {color: #000; font-size: 12px; }
dl { }
dt { }
dd { }
/* Tables */
table { width: 100%; }
tr { }
.odd { background-color: #eee; }
.even { background-color: #fff; }
th { font-weight:bold; }
thead, th { background: #ccc; }
tbody { }
th,td,caption { }
caption { }
tfoot { }
.tfooter { background-color:#ccc; text-align: center; font-style: italic;
caption { background-color: #efefef;
/* Miscelaneous */
sup, sub {line-height: 0; }
abbr, acronym { border-bottom: dotted #666; }
address { }
del {background: #ffcece; color: #f00; }
code, pre { background-color:#ff9; padding: 2px 0px; margin: 4px 25px;
font-family: "Courier New", Courier, monospace; font-size: 12px; font-weight:bold
/* Containers */
#outer { width:960px; margin:0 auto; background-color:#FFF; }
#wrapper { width:900px; margin:0 auto; background-color:#FFF; }
#logo { margin:30px 0; float: left; }
#social-media-icons { float:right; }
#social-media-icons ul li { display: inline; }
#social-media-icons ul { margin-top: 40px; }
#topnav { clear: both; }
#topnav ul { border-top: 1px #000 solid; border-bottom: 1px #000 solid;
margin: 20px 0; padding: 10px 0; }
#topnav ul li { display: inline }
#topnav ul li a { padding: 0 15px; }
#topnav a:link {color: #000; }
#topnav a:visited {color: #000; }
#topnav a:active {color: #000; }
#topnav a:focus {color: #666; }
#topnav a:hover {color: #F90; }
#banner { margin-bottom: 30px; }
#slider { margin-bottom: 30px; }
#content { width: 650px; float: left; }
#content-fullwidth { width: 100%; }
#rightside { width: 200px; float: right; }
#footer { clear: both; margin-top: 20px 0; border-top: 1px #ccc solid; padding-bottom: 20px; }
#box1 { width: 250px; float: left; margin: 25px;
border-top: 15px #666 solid; background-color:#EEE; }
#box2 { width: 250px; float: left; margin: 25px;
border-top: 15px #3E5838 solid; background-color:#EEE; }
#box3 { width: 250px; float: left; margin: 25px;
border-top: 15px #386165 solid; background-color:#EEE; }
#box1 h3, #box2 h3, #box3 h3 { margin: 20px 10px 10px 10px; }
#box1 p, #box2 p, #box3 p { margin: 5px 10px 10px 10px; }
#box4 { }
#box5 { }
#box6 { }
/* Layout Extra */
/* Navigation Extra */
/* Forms */
form ol { list-style-type:none; }
form { text-align:left; margin:20px; }
label {
float: left; width: 150px; margin-top:5px;
text-align:right; display:block; background:none; font-weight:bold;
submit { background:none; }
input {
width: 280px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
input:focus, textarea:focus { background-color:#FF9; }
textarea {
width: 280px; height: 150px; margin:0 0 16px 10px;
border:1px #bbb solid; padding:5px; background:none;
select { margin-bottom:20px; }
.month { margin-left:155px; }
.submit {
width:90px; height:25px;
margin-left:160px;
font-size:12px;
br { clear: left; }
.clear { clear:both; }
/* Miscelaneous */
.popup-link { font-size: 12px; margin: 5px 10px; display:block; }
.date { font-weight: bold; color: #C60; margin-bottom: 3px; }
.copyright-text { font-size:80%; font-style: italic; color: #333; }
.footer-text { font-size:12px; font-style: normal; color: #000; text-align: center; }
.title { font-size:18px; font-weight: bold; color: #333; }
.subtitle { font-size:14px; font-style: italic; color: #333; }
.artist { font-size:16px; font-weight: bold; color: #333; }
.author { font-size:14px; font-weight: bold; color: #555; }
.editor { font-size:14px; font-style: italic; color: #555; }
.pub-date { font-size:10px; font-style: italic; color: #555; }
.article-date { font-size:10px; font-style: italic; color: #555; }
.location { font-size:10px; font-style: italic; color: #555; }
.float-right { float:right; }
.float-left { float:left; }
.clear { clear:both; }
.hide { display:none; }
.block { display:block; }
.inline { display:inline; }
.first { font-weight:bold; }
.last { font-weight:bold; }
.left { font-weight:bold; text-align:left; }
.right { font-weight:bold; text-align:right; }
.added { background:#D7D7FF; }
.removed { background:#FFCECE; color:#f00; }
.changed { background:#FFB; }http://tahoepossystems.businesscatalyst.com/services.html
Services page is missing quite a bit of stuff.
This code from a working page is correct:
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/needsomethinghere.js"></script>
<script type="text/javascript" src="../js/slider.js"></script>
<script type="text/javascript"> // This is the script for the banner slider
$(document).ready(function() {
$('#slider').s3Slider({
timeOut: 6000
</script>
<link href="../css/styles.css" rel="stylesheet" css" media="screen">
<link href="../css/print.css" rel="stylesheet" css" media="screen">
<link href="../css/slider.css" rel="stylesheet" type="text/css" media="screen">
In contrast, this is all you have in the <head> of your services.html page:
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<script type="text/javascript" src="../js/jquery.js"></script>
<link href="../css/styles.css" rel="stylesheet" type="text/css" media="screen">
<link href="../css/print.css" rel="stylesheet" type="text/css" media="screen">
If you reconcile those difference in your code, it should work.
Nancy O. -
I am new to CSS, how do I use the same header and navigation
bar menu for all my web pages. Here is the CSS code:
/* global */
html{height: 100%;}
body
{ font-family: arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .78em;
p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
h1
{ font-family: serif;
font-size: 108%;
letter-spacing: .1em;
h2
{ margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
letter-spacing: .1em;
font-weight: normal;
text-decoration: underline;
img{border: 0px;}
a{outline: none;}
/* image positioning - left, right and center */
.left
{ float: left;
padding: 0px 8px 0px 0px;
.right
{ float: right;
padding: 0px 0px 0px 8px;
.center
{ display: block;
text-align: center;
margin: 0 auto;
/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
padding: 10px 20px 0px 20px;
border-left: 8px solid;
/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
padding: 0px;
ul li
{ list-style-type: square;
margin: 0px 0px 11px 0px;
padding: 0px;
/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
padding: 0px;
ol li
{ margin: 0px 0px 11px 0px;
padding: 0px;
/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto;
margin-right: auto;
/* main container */
#main{width: 850px}
/* header */
#header
{ width: 100%;
height: 87px;
/* logo */
#logo
padding: 1;
float: left;
margin: -25px 15px 0px 15px;
#address
{ padding: 11px 17px 0px 14px;
float: right;
text-align: right;
#address p
{ padding: 0px;
margin: 0px;
#logo h1
{ font-family: verdana, arial, sans-serif;
margin: 0px;
padding: 18px 0px 0px 0px;
font-size: 160%;
letter-spacing: .3em;
#logo h2
{ font-family: verdana, arial, sans-serif;
margin: 0px;
padding: 5px 0px 0px 0px;
font-size: 100%;
letter-spacing: .2em;
/* navigation menu */
#menu{margin: 0px 15px 0px 15px;}
#menu ul
{ height: 38px;
margin: 0px auto;
#menu li
float: right;
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
#menu li a, #menu li a#selected, #menu li a:hover
{ font-family: verdana, arial, sans-serif;
display: block;
float: left;
height: 7px;
text-decoration: none;
margin: 5px 12px 0px 4px;
padding: 7px;
text-transform: uppercase;
font-size: 80%;
#links
{ float: right;
width: 100px;
text-align: right;
padding: 0px 18px 0px 0px;
/* sidebars */
.sidebar
{ float: left;
width: 194px;
padding: 16px 15px 15px 15px;
/* sidebar items / links */
.sidebaritem
{ text-align: left;
width: 194px;
float: left;
margin: 0px 0px 11px 0px;
padding: 0px 0px 0px 0px;
.sidebaritem h1, .sidebaritem h2, .sidebaritem p{margin: 0px
10px 0px 10px}
.sidebaritem h1
{ font-weight: normal; padding: 8px 0px 16px 0px;
text-transform: uppercase;
.sidebaritem p
{ line-height: 16px;
padding: 0px 0px 8px 0px;
.sidebaritem a, .sidebaritem a:hover
{ padding: 0px 0px 2px 14px;
text-decoration: none;
.sbilinks ul{margin: 0px 0px 18px 10px;}
.sbilinks li
{ list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
.sbilinks li a, .sbilinks li a:hover
{ height: 16px;
text-decoration: none;
width: 149px;
/* page content (centre) */
#content
{ text-align: justify;
width: 384px;
padding: 11px 9px 15px 9px;
margin-top: 16px;
float: left;
#content h1
{ font-family: arial, sans-serif;
margin: 5px 0px 12px 0px;
font-size: 128%;
font-weight: normal;
text-transform: uppercase;
#content a, #content a:hover
{ padding: 0px 0px 2px 0px;
text-decoration: none;
/* footer */
#footer
{ height: 44px;
padding: 18px 0px 4px 0px;
font-size: 80%;
text-transform: uppercase;
font-family: verdana, arial, sans-serif;
clear: both;
text-align: center;
border-top: 2px solid;
margin: 4px 15px 4px 15px;
#footer a
{ text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 1px dashed;
#footer a:hover
{ text-decoration: none;
padding: 0px 0px 2px 0px;
border-bottom: 1px solid;
/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
http://www.html.it/articoli/nifty/index.html
.rtop, .rbottom, .mtop, .mbottom{display: block;}
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4,
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{ display: block;
height: 1px;
overflow: hidden;
.r1, .m1{margin: 0 5px}
.r2, .m2{margin: 0 3px}
.r3, .m3{margin: 0 2px}
.rtop .r4, .rbottom .r4, .mtop .m4, .mbottom .m4
{ margin: 0 1px;
height: 2pxOn Fri, 26 Oct 2007 12:44:42 +0000 (UTC), "beau123"
<[email protected]> wrote:
>I am new to CSS, how do I use the same header and
navigation bar menu for all
>my web pages. Here is the CSS code:
>
Not really anything to do with css.
If it's a small site - you could use templates - have all the
common
code in the template.
But rather better to use service side includes ( SSI ) to
contain the
common items such as top banners, navigation, footers etc
use Dw's help facility - search for Templates and server side
include
~Malcolm N....
~ -
Using Mozilla at present the alternate text for an image does not pop up when you hover your mouse over the image. This is what occurs in Internet Explorer. In Mozilla Firefox you have to right click, choose Properties and then you can view the alternate text. Is there a way to set up the mouse hover? Or is there a keyboard shortcut to at least view the Properties information of an image on a webpage quicker?
The Alt attribute isn't meant to show as a tooltip on hover.
The Alt attribute is meant to show if the image isn't or can't be displayed.
The title attribute is meant to show if you hover an image or link.
*http://kb.mozillazine.org/Image_tooltips_do_not_work
Some extensions can interfere and disable the tooltip.
* [[Troubleshooting extensions and themes]]
* http://www.w3.org/TR/html401/struct/global.html#title title
* http://www.w3.org/TR/html401/struct/objects.html#alternate-text
*Popup ALT Attribute: https://addons.mozilla.org/firefox/addon/1933 -
How to assign a name to the combobox in a report
Hey guys! I hope you're fine and still have some energy left for another question!?
I have a report with several columns. Column f03 is displayed as a text based on an LOV and linked to the database. Now I need to give that combobox in column f03 a name so I can use it in a Javascript query in order to deactivate the combobox conditionally.
Do you have an idea how this can be achieved?
Many thanks,
SebastianIf it returns the same ID for each row then there might be a way to use it in further coding! Great!!!
ID is unique. Every item and tag should have unique ID in HTML document.Elements may have a [valid ID|http://www.w3.org/TR/html401/types.html#type-name] [that +must+ be unique within a document|http://www.w3.org/TR/html401/struct/global.html#adef-id].
An attribute that "returns the same…for each row" would be *class*. This can be specified in APEX_ITEM calls using the p_attributes parameter:
apex_item.select_list_from_lov(
3
, null
, 'EMP_LOV'
, 'class="combobox"') -
Top navigation buttons are not moving in Css
My problem is that my top navigation bar is sticking to a logo picture at the top even after i told it to {clear:both:} but it didnt move..
And i dont know why it isnt moving away, because i also applied it to go from left to right and that worked. it just wont move.
Html code:
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/timothy.js"></script>
<link rel="stylesheet" type="text/css" href="../css/styles.css">
<link rel="stylesheet" type="text/css" href="../css/print.css">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-type" content="cache" />
<meta name="robots" content="INDEX, FOLLOW" />
<meta name="keywords" content="Enter Keywords" />
<meta name="description" content="Description Here" />
<title> Web Site By Sami Kassab - www.timothywebdesign.com</title>
<!-- Google Analytics Code Goes Below Here -->
<!-- End Google Analytics Code -->
</head>
<body>
<div id="outer">
<div id="wrapper">
<div id="Company-Logo">
<img src="../Sami logo header.jpg">
</div>
<div id="Social-Media-icons">
<ul>
<li><a href="http://www.facebook.com"><img src="../ready facebook icon.jpg" /></a></li>
<li><a href="http://www.youtube.com/kkgproductions"><img src="../ready youtube icon.jpg" /></a></li>
</ul>
</div>
<div id="topnav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contacts</a></li>
</ul>
</div>
<div id="banner">
<p> </p>
<p><img src="../Banner for video.jpg" /></p>
</div>
<div id="content">
<h1>Welcome To The Website</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.</p>
<img src="../ready sunset blk.jpg" />
<img src="../ready sunset blk2.jpg" />
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollijkt alijgu mounter and the young toy ungy. </p>
<div id="rightside">
<h2> Latest News </h2>
<p> March 22, 2011 </p>
<h3> Sample Headline </h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis</p>
</div>
<div id="footer">
</div>
</div>
</div>
</body>
</html>
styles.CSS code:
/* Color Legend */
/* Reset */
/* Global */
html { }
body {background-color:#E3DECA;}
/* Containers */
#outer {width:960px; margin:0 auto; background-color:#FFFFFF; }
#wrapper {width:900px; margin:0 auto; background-color:#FFFFFF; }
#Company-Logo {margin:30px 0px; float:left; }
#Social-Media-icons {float:right; }
#Social-Media-icons ul li {display:inline;}
#Social-Media-icons ul {margin-top:40px;}
#banner ( )
#topnav {clear:both;}
#topnav ul { }
#topnav ul li {display:inline }
#topnav ul li a { }
#rightside ( )
#content ( )
#footer ( )
#box1 ( )
#box2 ( )
#box3 ( )
#box4 ( )
#box5 ( )
#box6 ( )You must be more careful my friend, just look at what you have got
#banner ( )
#topnav {clear:both;}
#topnav ul { }
#topnav ul li {display:inline }
#topnav ul li a { }
#rightside ( )
#content ( )
#footer ( )
#box1 ( )
#box2 ( )
#box3 ( )
#box4 ( )
#box5 ( )
#box6 ( )
Look at the brackets that you have for #banner and compare them with the brackets that you have for #topnav. While you are at it you can fix the remaining brackets for #rightside through to #box6
Gramps -
how do i get cell service in amazon i have a global phone and there are networks to connect to.
http://www.verizonwireless.com/wcms/global.html?intcmp=INT-VZW-VNT-GLOBAL And http://www.verizonwireless.com/wcms/global/support.html Good Luck
-
In Europe and cannot connect with a cell phone network!!
Need help getting my iPhone 5 to connect to any network in Munich or Kufstein, Austria. My account is in good standing and I have a discount calling plan in place for international calls. My prior Blackberry was no problem but nothing with the iPhone.
I NEED IT TO WORK! HELP!If you can Call try this.. 1-800-922-0204 option for International Calling..
Or have a look at there 2 Links.. Good luck to ya b33
http://www.verizonwireless.com/wcms/global.html
http://www.verizonwireless.com/wcms/global/support.html
Maybe you are looking for
-
SAP BW Hiearchy Key Date Variables - Web Intelligence
Hi, I have couple of issues / scenarios which are not working as expected. First, as I understand that hiearchy variables are supported by WebI. Scenario 1 I have created a hiearchy key date variable within the report and made it optional. I run the
-
Dear Gurus, We have read some threads about vendor synchronization, but we still have some doubts about the strategy of the synchronization. Can anybody tell us how are you managing with this topic? I mean: 1- how do you perform the initial load of v
-
Starting managed servers using Nodemanager
When I try to start a manage server using the nodemanager sitting on the same machine as the Admin Server and the nodemanager itself, I get the following message: <Error> <NodeManager> <Could not start server 'serverA' via Node Manager - reason: '[Se
-
Importing Keywords from CS2 to CS4
I notice in CS4 Extended (Trial) that one can import Keywords. I still have CS2 will all it's files on the same system and was wondering what the name of the CS2 file is that I can import existing Keywords from. Thank you!
-
Hi all, Just to double confirm, i need to create user and grant some sessions to the user with no expiry password. pls correct me if my script is wrong create user user01 identified by user001 grant connect,create_session to user01; How to set the pa