Help with website in Hindi

I am creting a (DW CS5) website in the hindi language. Copy was provided as translated Word docs (in Mangal font) from customer which I have been copying/pasting into my DW pages. I have the encoding set to UTF-8, and the page previews fine/as it should, UNTIL I get it on the server which then shows only black question mark boxes. I have tried testing it on diferent servers, have also tried numerous encoding and charset combinations to no avail. (browser encoding shows UTF-8) I've tried with and without CSS. Other hindi websites view fine.
I am creating the files on an Intel Mac 10.6, test viewing in safari and firefox (boxes with question marks also show in Windows). After countless searches for a solution, I am at my wits end. Most help blogs merely say to encode as UTF-8, which I already have. Can ayone out there PLEASE help and tell me what I am missing/doing wrong? Below is a snippet showing headers and a few lines of sample text...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hi">
<head>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8">
<meta http-equiv="Content-Language" content="hi">
<title>test2</title>
<body>
<p>ड्रॉबार स्प्रिंग सम्भावित अधिक भार स्थितियों में प्रयोग किए जाने के लिए उत्कृष्ट हैं और इनमें ऐसी अंतर्निमित सुरक्षा विशेषता होती है जिसके अंतर्गत टूटने पर स्थिर भार उठाना जारी रहता है। ड्रॉबार स्प्रिंग मे, भार उन लम्बे स्टील लूपों के सिरों पर लगाया जाता है जो स्प्रिंग के मध्य से गुज़रते हैं और विपरीत सिरे में हुक में डाले गए होते हैं, इस प्रकार ये लदान पर स्प्रिंग को संपीडित करते हैं। ड्रॉबार स्प्रिंग के आम अनुप्रयोग का तब प्रयोग किया जाता है जब बरामदे के झूले को सहारा दिया जाता है।</p>
</body>
</html>

G'day Hans-G,
When I copy the text from your online sample page and paste it into DW when in design view, then preview the result in a browser, the characters show as they do on your sample page.
I do have charset="utf-8" and it would seem (something I did not know until someone on this forum pointed this out) that escape characters are not required
This is the resulting code view
<p>चीनी एवं अन्ग्रेज़ी के बाद हिन्दी विश्व में सबसे ज़्यादा बोली जाने वाली भाषा है । भारत और विदेश में ६० करोड़ (६०० मिलियन) से अधिक लोग हिन्दी बोलते, पढ़ते और लिखते हैं । फ़िजी, मॉरिशस, गयाना, सूरीनाम और नेपाल की अधिकतर जनता हिन्दी बोलती है ।</p>
<p>भाषाविद हिन्दी एवं <a href="http://hansgd.de/urdu.htm">उर्दू</a> को एक ही भाषा समझते हैं । हिन्दी <a href="http://hansgd.de/devnagri.htm">देवनागरी</a> लिपि में लिखी जाती है और शब्दावली के स्तर पर अधिकांशत: <a href="http://hansgd.de/sanskrit.htm">संस्कृत</a> के शब्दों का प्रयोग करती है । उर्दू नस्तालिक़ में लिखी जाती है और शब्दावली के स्तर पर उस पर फारसी और अरबी भाषाओं का ज़्यादा असर है । व्याकरणिक रुप से उर्दू और हिन्दी में लगभग शत-प्रतिशत समानता है - सिर्फ़ कुछ खास क्षेत्रों में शब्दावली के स्त्रोत (जैसा कि उपर लिखा गया है) में अंतर होता है। कुछ खास ध्वनियाँ उर्दू में अरबी और फारसी से ली गयी हैं और इसी तरह फारसी और अरबी के कुछ खास व्याकरणिक संरचना भी प्रयोग की जाती है।</p>
Gramps
PS IdRatherBeInAustralia

Similar Messages

Help with website layout

Hi, I need help with Dreamweaver CS4. I don't know HTML which
is why I am using this program. I am using the AP Div (Not the
Insert Div Tag) Icon at the top in the Standard Layout tab accessed
by the icon at the top of the panel in the classic layout mode.
Here is my problem. I am trying to make sure the text and
spacing is the same as much as possible from browser to browser.
The spacing between the lines (leading) is different. Sometimes the
text jumps out of the box or text lines get cut off and looks
jumbled. My pages are layed out with a bunch of AP divs so I can
place them wherever I want. For example I draw one AP div (which
has the square box in at the left top) and then another one below.
Even though they are not touching, the browser displays them
overlapping with the text clashing. Or sometimes text just runs
wild. I've tried to use tables but they are too limiting and I am
not being able to place them freely. Is that because browsers do
not recognize CSS? How do I get at least a decent consistency
between browsers? What am I doing wrong?

As well as the links below - another way to learn (including
anyone else's bad habits) is to find a page you like, and then tell
your web browser to show you the code view for the page and/or do a
"Save As" and save the page to your computer to then copy &
paste code segments into your file (in IE click View at the top,
select Source from the options)
HTML and/or DW Tutorials, and other information links that I
have saved
http://validator.w3.org/
http://www.visibone.com/
http://www.w3schools.com/
http://www.hotscripts.com/
http://www.projectseven.com/
http://www.adobe.com/devnet/
http://www.scriptarchive.com/
http://www.htmldog.com/guides/
http://www.htmlcodetutorial.com/
http://alistapart.com/topics/code
http://www.how-to-build-websites.com/
http://css.maxdesign.com.au/floatutorial/
Download User Guide as PDF for easy search
http://www.adobe.com/support/documentation
http://www.ianr.unl.edu/internet/mailto.html
http://lynda.com/ Hours of videos.
(must pay)
http://apptools.com/examples/pagelayout101.php
http://www.thesitewizard.com/archive/css.shtml
http://www.projectseven.com/tutorials/index.htm
If not PDF (link above) an online guide to read
http://livedocs.adobe.com/en_US/Dreamweaver/9.0/
Customizing the layouts that come with CS3 (VIDEO)
http://www.adobe.com/designcenter/video_workshop/?id=vid0155
FormMail
http://www.bebosoft.com/products/formstogo/index.php
For those using MySQL - Installing PHP and MySQL on Windows
XP
http://www.webassist.com/professional/products/solutionrecipes.asp
Community MX lessons
http://www.communitymx.com/abstract.cfm?cid=3D074
http://www.adobe.com/cfusion/designcenter/search.cfm?product=Dreamweaver&go=Go

Newbie Needs Help With Website

I am new to Dreamweaver and am undertaking the task of building my church website. I have placed the images in tables on and centered. I have also set the table width to 60% so that it will display properly in different resolutions. However the links I have created on the left move over the images when the screen size is reduced. My question is what do I need to do with the links to keep them locked in place when the screen size is reduced.
Any help is greatly appreciated. Below is the code that is used for the links
The website that I am working at is: http://www.friedlandmoravian.org
<div id="apDiv2">
<div align="center">
    <p>
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','79','height','25','src','text1','quality','high','pluginspage','http://www.adobe.com/s hockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#44352A','movie' ,'text1' ); //end AC code
    </script>
      <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="79" height="25">
          <param name="movie" value="text1.swf" />
          <param name="quality" value="high" />
          <param name="bgcolor" value="#44352A" />
          <embed src="text1.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="79" height="25" bgcolor="#44352A"></embed>
        </object>
      </noscript>
    </p>
    <p>
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','113','height','26','src','text2','quality','high','pluginspage','http://www.adobe.com/ shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#44352A','movie ','text2' ); //end AC code
</script>
      <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="113" height="26">
          <param name="movie" value="text2.swf" />
          <param name="quality" value="high" />
          <param name="bgcolor" value="#44352A" />
          <embed src="text2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="113" height="26" bgcolor="#44352A"></embed>
        </object>
      </noscript>
    </p>
    <p> </p>
    <p>
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','106','height','25','src','text3','quality','high','pluginspage','http://www.adobe.com/ shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#44352A','movie ','text3' ); //end AC code
</script>
      <noscript>
        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="106" height="25">
          <param name="movie" value="text3.swf" />
          <param name="quality" value="high" />
          <param name="bgcolor" value="#44352A" />
          <embed src="text3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="106" height="25" bgcolor="#44352A"></embed>
        </object>
      </noscript>
    </p>
    <p> </p>
</div>
</div>

I can't see any tables being used on the entry page.. all you are using is absolutely positioned divs. Not sure why you are using AP divs, are you?
Unless you understand how these work, you will be in a lot of bother, one of them being the exact problem you mention.... read this article before doing anything else:
http://apptools.com/examples/pagelayout101.php
That layout can be quite easily achieved by a beginner using a table layout - one for header, a nested table layout for the left and right columns and then another for the footer area.
Also a simple css layout would work, but you'd again need to understand css positioning.
The page took a heck of a long time to load and its because all you've used is images.... type your url into the box at this site and you'll see that the image sizes are just too big, causing the slow load times.
http://analyze.websiteoptimization.com/wso
Had a look at one of the inner pages (history) and again you are using an image for the text area - why would you do that...
Firstly, it would cause a speed issue and more importantly would cause you problems if you wanted the page spidered by the search engines... no text on a page and the SEs won't find you.
Sorry to say this, but I'd start over, but before you do, please read up on how to create a page (using either tables or css) that isn't as fragile as the one you have and that will be consistent across different browsers.
Here are some links to help you get started:
http://www.w3schools.com/
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
The last one on the list may suit you to start with, as it takes a FWs comp and shows you how to build the site in Dreamweaver.
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Hope some of this helps :-)

Help with website

Guys
Am sorry if i posted my following request in the wrong place.
I am doing a website as a part of my project. It is supposed to showcase my dissertation. I was wondering if some one could tell me how to replicate the apple table which displays "store, mac etc etc above".
Can some body post the table format or something !
thx

I think hunter is just interested in how to do an image flip roll-over above an image map.
Here is the nuts and bolts:
http://www.htmlgoodies.com/tutorials/image_maps/article.php/3479771
But unless you are pretty handy with code you would be better off using a web creation tool such as Dreamweaver. With that you get some nifty easy to use tools where mere mortals can succeed in building what you are looking to do.
Hope this helps you.
Best of luck on your presentation.

Newbie - help with website that i didn't build?

Hi,
My Mother had a website built for her. Things have changed and the site now needs editing. I have gallantly offered to help but am finding it tougher than i thought it would be. I have the FTP login and the host login - although I'm not really sure what the difference is as I can access the files through dreamweaver CS5 with both. Are the host login and the FTP login the same?
I'm using filezilla (or trying to) as the FTP. Now, I think that I have to download all the FTP files onto my computer - but I'm not entirely sure how to do this and then open it up with dreamweaver.
I really need someone to walk me through how to get files from filezilla after I've connected to the host site to open up with dreamweaver and start updating and editing the site.
also I see that the person that originally built the site has used a CSS folder for the 'styles'. He tells me all the colours and everything are in this file. But when I open it up in Dreamweaver I can only see the HTML coding side and not the design side. How do I go about changing colours?
If you can help explain to me that would be great.
Many thanks (in advance)

My Mother had a website built for her. Things have changed and the site
now needs editing. I have gallantly offered to help but am finding it
tougher than i thought it would be. I have the FTP login and the host
login - although I'm not really sure what the difference is as I can
access the files through dreamweaver CS5 with both. Are the host login
and the FTP login the same?
More than likely from your description one logs you into your web based control panel and could potentially login to billing while the other information (FTP) is the one you need for Dreamweaver.
I'm using filezilla (or trying to) as the FTP. Now, I think that I have
to download all the FTP files onto my computer - but I'm not entirely
sure how to do this and then open it up with dreamweaver.
Dreamweaver's FTP should be more than sufficient for you. Just create a new site (Sites->Manage->New) and it will ask for your FTP information along the way. It will also ask for a local folder which could be empty in your case or might not even exist. So point it where you want to work on the site and go from there. If you have questions about FTP information here, you would be best to ask your web hosting provider over user-to-user forums like this because they have the information you need.
Also see: http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
I'm using filezilla (or trying to) as the FTP. Now, I think that I have
to download all the FTP files onto my computer - but I'm not entirely
sure how to do this and then open it up with dreamweaver.
If you follow the instructions for setting up a site in Dreamweaver then you just transfer the files from the Remote to the Local using the Get button and then you can Put the files back on the server in the same place using Dreamweaver.
also I see that the person that originally built the site has used a CSS
folder for the 'styles'. He tells me all the colours and everything are
in this file. But when I open it up in Dreamweaver I can only see the
HTML coding side and not the design side. How do I go about changing
colours?
Your designer is correct. The colors and all styles are defined in a CSS document. You will see the colors defined with their Hex value (could be RGB, but I doubt it), and you will also see bold, underline and other styles defined in this document. Website Design is all about coding. If this does not interest you I recommend finding an outside third party to do the work for you. All the styles are defined in code and that is translated back to the HTML in the form of classes and IDs. Here is a basic tutorial going over CSS: http://www.w3schools.com/CSS/ .

Need major help with websites not loading...

So I have done what I think is everything... some websites just don't load... they tell me... that the server dropped the connection or that it timed out.
So, I've worked with my dsl provider and they even came out with a computer (PC) and the websites seemed to have worked for them. I reloaded the operating system... nothing seems to be working... I even tried to browse with the firewall not on. Help. Please... I need to call Applecare again but this is making me crazy...

Hi there!
I agree with Al Van, you should post a couple of URLs for all to check out. You should also give a few more details, type of browser and type of connection (wireless or ethernet).
Here's a good link to check on your connection speed and quality of connection: http://myspeed.visualware.com/ - this uses Java, if you have difficulty with this link post back.
I surf the web with both a Mac and a PC and have never had problems loading websites on either computer (unless they were offline). I occasionally will run into sites rendering differently on each computer. The problem you described "the server dropped the connection or that it timed out. " is a connection issue or your Mac is taking "too long" to gather info and rendering page...
Post back with more details... Rick
you can try this link: http://alertra.com/spotcheck.php to check if the sites you cannot reach are off line...

Help with website display

Can someone tell me why my website, container made to 1024 width, has about 1/2 an inch missing from display that you have to sideways scroll to, on monitors set to 1024? How can I fix without redoing the whole website.
Thank you so much in advance!
Maggie

Hi Maggie,
Unfortunately we on the BrowserLab team don't have the bandwidth to help dig into and solve the HTML/CSS issues that our users find, but I hope others in the community can help you out. As a suggestion, you might try posting your question in the Dreamweaver forum ( http://forums.adobe.com/community/dreamweaver/dreamweaver_general ) or other forums here or elsewhere online as well. Also, if your page is public, post the URL so others can look at the code directly.
Best of luck,
Mark

Help with website for free 30 day trial

I am out of town for a technology conference and have paid for a workshop on Photoshop. I just received an email from the teacher that I must bring a laptop with Photoshop CS6 installed. I was sent the following link....
https://creative.adobe.com/plans I should be able to click on the free download for 30 days trial; but the link does not work.
Watson Chapel School District has purchased liscense for this product. I just have not had this installed on my computer yet. I am the technology coordinator for the district and really need to learn how to use this product.
I am happy to use the free 30 day trial until I get back to get the real deal product installed; but the link does not work.
If you wish, you can take over my computer and help me !!!
Thanks.

What system? What browser? Have you simply tried another browser?
Mylenium

Need help with website appearance on ipad

My website is finally looking ok on all the various pc browsers and I figured out a workaround so that the menubar works properly on the Ipad. The only thing I'm unhappy with is that the page title is crunched up at the top of the page on the ipad. It's supposed to be centered and that's how it looks everywhere else. How do I fix the problem? Website is nhcstar.org

If you have CS6, you could use Fluid Grid Layouts to create a responsive layout for mobiles, tablets and desktops.
Live Example:
http://alt-web.com/FluidGrid/Fluid.html
CS6 Fluid Grid Layouts (6 min video)
http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs -using-fluid-grid-layouts-in-dreamweaver-cs6/
CS6 Fluid Grid layouts (17 min video)
http://tv.adobe.com/watch/learn-dreamweaver-cs6/using-fluid-grid-layouts/
Step-by-Step tutorial -- Building Fluid Grid Layouts in DW CS6
http://www.adobe.com/inspire/2012/08/fluid-grid-layouts-dreamweaver-cs 6.html
Nancy O.

Alignment problems in website (Was:need help with website!!!!)

hi i made a website for my boss and everything looks great on google chrome but in IE parts are not alligned properly could some one go to the site in IE so you can see the problem for yourself and look at source code and find what i did wrong.
http://intuitivebodyhealing.com/testimonials.html
Thanks - Bunta

hi again i input your code into the website and external css sheet and it does not show what it does when the code is used alone just like you gave it to me, what have i done wrong now, sorry to be such a noob. here is a link the the temp page
http://intuitivebodyhealing.com/testimonialscopy.html
close but something is wrong. here is my css
body {
          font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
          background-color: blue;
          width: 960px
          margin: auto;
          background-color: #0099FF;
#body{
          width:1050px;
          margin:auto;
/* ~~ 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 {
          color:#414958;
          text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
          color: #4E5869;
          text-decoration: underline;
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 container surrounds all other divs giving them their percentage-based width ~~ */
.container {
          width: 80%;
          max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
          min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
          background-color: blue;
          margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
/* ~~ 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 {
          background-color: #6F7D94;
/* ~~ 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 {
          float:left;
          display:inline;
          width: 200px;
          height:1050px;
          background-image:url(images/sidebar1.png);
          padding: 10px 0;
          border-top: 4px solid black;
.content {
          padding: 10px 0;
          width: 650px;
          height:1050px;
          float:left;
          display:inline;
          border-top: 4px solid black;
          text-align:center;
          background-color: #09F;
          z-index:1;
.sidebar2 {
          float:left;
          display:inline;
          width: 200px;
          height:1050px;
          background-image:url(images/sidebar.png);
          padding: 10px 0;
          border-top: 4px solid black;
.kristest {
          background-image:url(images/lefthandkristentest.png);
          display:inline;
.imgA1 {
    position:absolute;
          top: 25px;
          left: 25px;
          z-index:-1;
.imgB1 {
    position:absolute;
          top: 75px;
          left: 80px;
          z-index: -3;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
          padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
/* ~~ 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 */
          margin-bottom: 15px; /* this creates the space between the navigation on the content below */
ul.nav li {
          display:block;
          margin-left:10px;
          margin-right:10px;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
          padding: 10px 10px 5px 15px;
          display:block;
          text-align:center
          text-decoration: none;
          background-color: #E1C9A1
          color: #000;
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-color: #6F7D94;
          color: #FFF;
/* ~~The footer ~~ */
.footer {
          padding: 10px 0;
          background-color: #6F7D94;
          position: relative;/* this gives IE6 hasLayout to properly clear */
          clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~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 <br /> 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;
.slider {
          width:1050px;
          height:325px;
          overflow:hidden;
          float:inherit;
          background-image:url(images/loading.gif)
.shadow{
          background-image:url(img/shadow.png);
          background-repeat:no-repeat;
          background-position:top;
          width:1125px;
          height:144px;
          margin:-60px auto;
.slider img{
          width:1050px;
          height:325px;
          display:none;
#underlinered{
          display:inline;
          text-decoration: underline;
    color:red;
#underlineblue{
          display:inline;
          text-decoration: underline;
    color:blue;
#underlineblack{
          display:inline;
          text-decoration: underline;
    color:black;
#underline{
    text-align:center;
          display:inline;
          text-decoration: underline;
#horizontalRule {
    min-height: 1px;
    clear:both; width:100%;
    border-bottom:2px solid black;
    height:1px; padding-top:10px;
    margin-top:10px;
    margin-bottom:10px;
#horizontalRule3 {
    min-height: 1px;
    clear:both;
    border-top:2px solid black;
    height:1px; padding-top:1px;
    margin-top:10px;
    margin-bottom:10px;
#horizontalRule1 {
    min-height: 1px;
    clear:both;
          width:100%;
    border-bottom:1px solid black;
    height:1px;
          padding-top:10px;
    margin-top:10px;
    margin-bottom:10px;
#horizontalRule2 {
    min-height: 1px;
    clear:both;
          width:100%;
    border-bottom:1px solid black;
    height:1px;
          display:block;
          margin-left:10px;
          margin-right:10px;
          size:180px;
#par {
          font-size:14px;
#par1 {
          font-size:13px;
.image1hold {
    width: 650px;
    height: 250px;
    background: url(images/left%20hand%20test.png) no-repeat;
    padding: 20px;
.image1hold img {
    display: block;
    margin: 10px;
    float: left;
.image1hold .content {
    width: 410px;
    margin-left: 150px;
.image1hold h4 {
    text-align: center;
    text-decoration: underline;
.image2hold {
          width:650px; /*this is the width of your first image*/
    height:250px; /*this is the height of your first image*/
          background: url(images/right%20hand%20test.png) no-repeat;
          padding: 20px;
.image2hold img {
    display: block;
    margin: 10px;
    float: right;
.image2hold .content {
    width: 610px;
.image2hold h4 {
    text-align: center;
    text-decoration: underline;
-->
</style>

Help with website i've built in photoshop CS3

Hello I am VERY new to designing my web site, so please be patient.
I have strong knowledge in Photoshop so have designed my web site in that program. When I up load my finished web site to my FTP site some of the buttons or images are not aligning properly, or they are squashed or extended.
If you have a look at my home page www.retromodern.com.au and see the SOLD ITEMS tab it looks like the layer has moved and is not in front of the background where as it should be behind like the other tabs.
Also on the Sold Items Page the ITEMS tab (http://www.retromodern.com.au/sold-items.html) is squashed up and can not read it. There is generally something wrong on each page.
I have re saved it in photoshop and changed the layers, flattened it and it still happens.
Here is how i have saved my site:
1. Crete in photoshop and save as a layered PSD
2. Save as a flat PSD
3. Open flat PSD and save for web devices then save as a High JPG
4. Drag into my FTP site
Then when i look at it is all squewiff
Please help and please explain it simply. I am only ver new.
Thanking you in advance !!!! biggrin.gif

Most likely the dimensions of your slices are different for each page and their rollover states are messed up, resulting in a different layout of the underlying table each time. I'd look into that. And of course if you have access to a web authoring tool like Dreamweaver and have some knowledge of HTML, manually plugging everything together there would give a better result...
Mylenium

I need help with website can you please

Need help
Message was edited by: Liam Dilley - Phone number in here is a bad idea

Hi,
I removed your phone number as you will just get cold called
BC support does not call you for help and people here can help you here. Just saying "need help" is not much use though, we need to know what kind of help you need.

I need Help with a website I've created

I need help with a website I've created (www.jonathanhazelwood.com/lighthouse) I created the folowing site with dreamweaver at my current resolution 1366 by 768. Looks great on my screen resolution but if it is viewed on other resolutions the menu moves and some of the text above and below. How can I keep all content centered and working like it does on 1366 by 768 on all resolutions. The htm to my site is below I started off with a blank template through dreamweaver CS5.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Lighthouse Church</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv12 {
    position:absolute;
    width:295px;
    height:23px;
    z-index:4;
    left: 198px;
    top: 1px;
#apDiv13 {
    position:absolute;
    width:135px;
    height:22px;
    z-index:5;
    left: 1001px;
    top: 3px;
#apDiv14 {
    position:absolute;
    width:309px;
    height:992px;
    z-index:1;
    left: 33px;
    top: 479px;
#apDiv15 {
    position:absolute;
    width:327px;
    height:999px;
    z-index:1;
    left: 324px;
#apDiv16 {
    position:absolute;
    width:262px;
    height:1000px;
    z-index:2;
    left: 674px;
    top: 477px;
#apDiv17 {
    position:absolute;
    width:85px;
    height:34px;
    z-index:1;
    left: -379px;
    top: 1001px;
#apDiv18 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
#apDiv19 {
    position:absolute;
    width:168px;
    height:31px;
    z-index:3;
    left: 448px;
    top: 1451px;
#apDiv20 {
    position:absolute;
    width:94px;
    height:33px;
    z-index:3;
    left: 384px;
    top: 1477px;
body {
    background-color: #000;
    margin-left: 0px;
    margin-right: 0px;
#apDiv21 {
    position:absolute;
    width:920px;
    height:200px;
    z-index:4;
    left: 19px;
    top: 233px;
</style>
</head>
<body>
<div class="container">
<div class="content">
    <div id="apDiv5">
      <div id="apDiv16">
        <div id="apDiv17">
          <map name="Map2" id="Map2">
            <area shape="rect" coords="4,2,77,28" href="http://www.myspace.com/lighthousechurch1" />
          </map>
          <img src="paypal-donate-button.png" width="83" height="33" border="0" usemap="#Map" />
          <map name="Map" id="Map">
            <area shape="rect" coords="2,2,80,30" href="https://www.paypal.com/us/cgi-bin/webscr?cmd=_flow&SESSION=HgApKd0bxyPQv1ixwBW3HgWXaLxPIiT Po9gSsRELLQp72IZ2-_8uvSmCLRO&dispatch=5885d80a13c0db1f8e263663d3faee8d9384d85353843a619606 282818e091d0" />
          </map>
        </div>
      </div>
      <div id="apDiv21">
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <blockquote>
                  <blockquote>
                    <p><img src="faithexplosion.png" width="314" height="225" /></p>
                  </blockquote>
                </blockquote>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </div>
      <div id="apDiv14">
        <div id="apDiv15">
          <div>
            <div>
              <p> Special Message from Perry Stone </p>
              <h2> Was Jesus Born on December 25?</h2>
              <p> 12/20/2010 </p>
              <p><img alt="iStock_000003631829XSmall" src="http://www.voe.org/images/iStock_000003631829XSmall.jpg" width="300" height="234" /></p>
              <p>Last   year, in response to the growing number of Christians who celebrate   Hanukkah but hate Christmas, I wrote an article for this website titled   “Hanukkah or Christmas?” I explained why I think Jesus was either   conceived or birthed on December 25.</p>
            </div>
          </div>
          <div>
            <div><a href="http://www.voe.org/Prophecy-Update/what-happened-to-global-warming.html"> READ MORE</a>
              <p> Prophecy Update </p>
              <h2> What Happened to Global Warming?</h2>
              <p> 12/17/2010 </p>
              <p> </p>
            </div>
          </div>
          <div>
            <div></div>
          </div>
          <div>
            <div></div>
          </div>
        </div>
        <div>
          <p><font size="2">Special Word</font></p>
          <p><font size="2">January 7th, 2011</font></p>
          <p> <font size="2">Dear Viewers:</font></p>
          <p><font size="2">We have now entered into one of the most trying times; but also one of the most glorious            times in church history. Many things are coming upon the world and also upon the church and we (the church) must be totally            prepared to take up our cross daily and venture out into the lost and</font></p>
          <p> <a href="http://sermon.lighthousechurchinc.org/2011/01/07/special-word-1711-evangelist-barbara-lync h.aspx" target="_parent">Click Here for More</a></p>
        </div>
        <p> </p>
        <div></div>
        <div>
        </div>
        <div></div>
        <p> </p>
      </div>
      <img src="lighthousegraphic2.jpg" width="960" height="1509" />
      <div id="apDiv20"><img src="myspacebutton.jpg" width="89" height="30" border="0" usemap="#Map3" />
        <map name="Map3" id="Map3">
        <area shape="rect" coords="3,2,87,28" href="http://www.myspace.com/lighthousechurch1" />
      </map>
</div>
    </div>
<p> </p>
</div>
</div>
<div id="apDiv10"><font size="1"><font color="#FFFFFF">Copyright 2011 The Lighthouse Church Inc.</font></font></div>
<div id="apDiv11">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Home</a>    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Our Pastor</a>
      <ul>
        <li><a href="#">Fresh Word</a></li>
        <li><a href="#">Itinerary</a></li>
        <li><a href="#">Prophetic Word</a></li>
        <li><a href="#">Sermons</a></li>
        <li><a href="#">Special Words</a></li>
        <li><a href="#">Word of Month</a></li>
      </ul>
    </li>
    <li><a href="#">Men Ministry</a></li>
    <li><a href="#" class="MenuBarItemSubmenu">Ministers</a>
      <ul>
        <li><a href="#">Chris Gore</a></li>
</ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Our Church</a>
      <ul>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Donate</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">Our Store</a></li>
        <li><a href="#">Prayer Request</a></li>
        <li><a href="#">Salvation</a></li>
        <li><a href="#">Subscribe</a></li>
        <li><a href="#">Vision</a></li>
        <li><a href="#">We Believe</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
      <ul>
        <li><a href="#">Prepare for Disaster</a></li>
        <li><a href="#">How to Fast</a></li>
        <li><a href="#">Heaven & Hell</a></li>
        <li><a href="#">Warfare Prayers</a></li>
        <li><a href="#">Wisdom Words</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Prophetic</a>
      <ul>
        <li><a href="#">Article Archive</a></li>
        <li><a href="#">Audio Prophecies</a></li>
        <li><a href="#">Color for Year</a></li>
        <li><a href="#">Major Articles</a></li>
        <li><a href="#">Prophecy Archive</a></li>
        <li><a href="#">Prophetic Articles</a></li>
        <li><a href="#">Word for Year</a></li>
      </ul>
    </li>
</ul>
</div>
<div id="apDiv12"><font size="1"><font color="#FFFFFF">6 South Railroad Ave Wyoming,DE 19934</font></font></div>
<div id="apDiv13"><font size="1"><font color="#FFFFFF">Phone:(302) 697-1472</font></font></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Look at all the apdiv's you have. Those are absolutely positioned layers. I'm assuming by your post that you are very new to Dreamweaver and HTML and CSS. I would highly recommend not using absolutely positioned layers until you have a better grasp on HTML and CSS.
Looking at your code I would suggest that you consider using one of Dreamweaver's built in, or downloadable templates as a starting point and work from there.
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html

HT4356 I'm using my iPod and an Epson XP-810 printer to print pages from websites and emails and etc. How do I print just 1 page out of 14 pages . I don't see any settings on my iPod and can't find settings on the printer . Can someone help with this

I'm using my iPod and an Epson XP-810 printer to print pages from websites and emails and etc.
How do I print just 1 page out of 14 pages .
I don't see any settings on my iPod and can't find settings on the printer .
Can someone help with this problem

Google show that you have to cut what you want to print and then paste it into a new app and print from that app.
http://www.ipadforums.net/new-member-introductions-site-assistance/63145-printin g-one-page-ipad-2-a.html

Help with Font on website

Hi Guys,
I'm having a little problem with a website, the soloution is probably really simple but cant for the life of me figure it out.
Welcome to 1st Winnington Scouts
Please choose your section below.
In my html the above is under the div tag "main" and the css for h1 is calibri font and it shows this in dreamweaver. Whenever I use live view, or preview in browser, or have it uploaded as it is now the font reverts back to times new roman and black in colour.
The link to the site is below.
http://winningtonscouts.hostei.com/
Any help with this would be grand

Sorry I meant to say Courier New, not Calibri
On the Style sheet there are
#main_image h1 {
    font-family: "Courier New", Courier, monospace;
    color: #51327B;
    font-size: 36px;
    font-variant: small-caps;
    font-weight: bold;
    text-align: center;
#main_image p {
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    color: #51327B;
    text-align: justify;
#main_image h2 {
    font-family: "Courier New", Courier, monospace;
    color: #51327B;
    font-size: 24px;
    font-weight: bold;
    font-variant: small-caps;
    text-align: center;

Help with website in Hindi

Similar Messages

Maybe you are looking for