Mobile Friendly

i have made page fit 1920 x 1080 monitor added floating , % number o9f locations. looks great on computer requires great deal of scrolling on mobile. see code. should doing?

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">

<head>

<title>welcome</title>

.gold {

color: #000;

}

body,td,th {

font-family: "palatino linotype", "book antiqua", palatino, serif;

/* [disabled]font-size: 18px; */

color: #fc0;

}

li h1 img {

left: 8%;

right: 8%;

position: relative;

margin-left: 8%;

}

body {

background-color: #000;

right: 5%;

font-size: 18px;

}

li h2 img {

}

body p {

color: #f3d70c;

list-style-position: inside;

border-width: thick;

position: relative;

left: 8%;

right: 8%;

}

body p {

color: #ecbb13;

font-size: 36px;

}

.type {

color: #f00;

}

a:link {

color: #f00;

left: 5%;

}

#theeye {

position: relative;

float: right;

margin-right: 15%;

}

#stroboscopiccat {

margin-left: 2%;

}

#video {

position: relative;

left: 20%;

}

#reviewed {

font-size: 25px;

}

#reviewed #napuagallery {

left: 33%;

position: relative;

}

</style>

</head>

<body>

<nav> <a href="file:///4t creations/c-est-moi-site copy/le studio.html"> le studio </a> <a href="file:///4t creations/c-est-moi-site copy/le collection.html"> le collection </a> <a href="file:///4t creations/c-est-moi-site copy/semoia's lions.html">semoia's lions </a> <a href="file:///4t creations/c-est-moi-site copy/throughthelens.html">through lens </a> <a href="mailto:semoia@c-est-moi.com">contact semoia</a></nav>

<h1 align="right"><em><strong>view of le collection</strong></em></h1>

<h1 align="right"><em><strong>located in beautiful ka'anapali sea</strong></em></h1>

<p align="right">stroboscopic cat</p>

</video>

<p align="center"><a href="file:///4t creations/c-est-moi-site copy/throughthelens.html">through lens</a><a href="file:///4t creations/c-est-moi-site copy/through lens.html"></a></p>

name magique. translates magical. mom says am!

<p align="center">stroboscopic creations----orchid tour 1----orchid tour 2</p>

<p align="center">stroboscopic creation----orchid tour 3</p>

<p align="center">stroboscopic creation----orchid tour 4</p>

<h1 align="center"><em><strong style="font-size: 25px">trained nikon ---influenced by monet, techniques of ansel adams. style has been said reminiscent of georgia o'keeffe. method of how blend of has been taught by present day artist, fay sirkis. these greats have been guiding light , have aided in producing style uniquely own. semoia feels wonderful have received such complements nikon rep. saying her, 'you know don't know how teach' and local directness of fine gallery called say ' have never seen before, work exquisite, cannot out of mind.'</strong></em></h1>

<h2 align="center"><strong><em>printing done on finest paper semoia lin can find. each paper has different properties , produces different effects upon creation. great attention papers chosen best augment particular style. papers come japan , others come france. there 1 reminiscent of raw silk , japanese rice paper, etc., etc., etc.</em></strong> stroboscopic images on 1 of french papers resemble velvet. provides equal depth of color monet paper yet gives softness simultaneously makes want stroke it.</h2>

<h2 align="center"><em><strong>music lei'ohu ryder. sings of celebration of life, breath of spirit, home sea , life. lei'ohu </strong></em></h2>

<h2 align="center"><strong><em>spiritualist, chanter, educator, , friend. </em></strong></h2>

<h2 align="center"><strong><em>these meles, songs, come from waiha third of 9 albums, meles are, in order, kou aloha, waiha, wai'ehu'ehu, , oli ola.</em></strong></h2>

<h2 align="center"><em><strong>i hope love them , sweetness of lei'ohu's voice as semoia.</strong></em> <em>there has been addition of fireworks @ appropriate location lion dance set off fireworks keep bad spirits away new year</em></h2>

<p align="center">verbatim copy of article written semoia in </p>

<p align="center">the maui no ka oi magazine</p>

<h4 id="reviewed"><em>as reviewed maui no ka ‘oi magazine<br />

walk studio of semoia lin , enter new dimension of art. semoia known insatiable appetite learning new techniques, using calls “my nikon eyes.” integrating high-tech photography , multiple layers of computer programs, “paints” images extraordinary depth of color, texture, , perhaps bit of mysticism. “the ancient masters strived depth , impact,” says semoia “using different tools, strive achieve same result.” nikon representative once told “you know don’t know how teach.” after recent studio show, 1 canadian admirer summed in letter artist, “your art have not seen before appreciate creative energy , time have taken produce such unique pieces.” adds semoia, “it’s exquisite dance make like never met camera. review picture,lone of used @ na pua gallery, grand wailea, maui, </em><img src="images/15 -z----creation---hdr-----dfine----sharpen.jpg" width="800" height="600" id="napuagallery" alt="na pua gallery" />

<br/> creations supreme , 1 of many styles---it might not it, orchid.</h4

><h3 align="center"><u>notes<em>: control bar on lower left of each slide show similar of dvd player. *click on double line pause slide show , study image. square icon takes beginning of show instead of stopping. arrow has lag time, re-start. </em></u> when click icon control panel disappears. come hover mouse on area.</h3>

<h3 align="center">there approximately forty-five second lag @ end of each slide show rewind take place. monitor turns black during time.</h3>

<h2 align="center">the color spectrum of images have been chosen harmonize each other in close proximity within studio. may have requirement different colors can probable found in second slide show of le collection.' custom work.</h2>

<p align="center"><em><strong>sunset on infinity pool ocean<img src="images/wailea watercolor .jpg" width="828" height="552" alt="sunset on infinity pool w ocean" />one year in creating of this</strong></em> watercolor style</p>

<p align="center"> <em><strong>the lion dance represents welcoming of chinese year of snake , maui style. don't think many places in world can beat maui shear opulence of locations. pictures start @ grand weilea , go 4 seasons, shops of weilea , on streets of lahaina, culminating @ wohing temple. 1 of oldest chinese temples in western hemisphere.</strong></em> <strong><em>there several fireworks displays during event lions danced , down the corridors of hotels, shops , through streets of lahaina.</em></strong></p>

<p align="center"><a href="file:///4t creations/c-est-moi-site copy/throughthelens.html">through lens</a><a href="file:///4t creations/c-est-moi-site copy/through lens.html"></a></p>

<p> <strong>if location wish place image not standard size will customize size of image you.</strong></p>

<h2 align="right">custom murals can created in 36 or 44 inches to length of roll of selected paper</h2>

<h2 align="right">shipping </h2>

<h2 align="right">and framing upon request.</h2>

<h2 align="right"><em>it not possible show true quality , emotions these images conjure within when able see them in person. impact of size shows details , papers quite dramatic. therefore make 2 offerings you. 1 come studio able view in person, , other send small paper sample of paper used whichever image interested in. sample paper best know how do. mortifies me work cannot presented show quality. when masters of yesteryear painted first few layers called sketch after layers completed finest of details added. when on net, looks sketch. depth , intensity cannot conveyed.</em></h2>

<h3 align="left">808 419 67 93/studio---hawaiian time</h3>

<h4 align="left">contact semoia lin pricing , availability. needs code on image , special size requirements, @ time, check on amount of images available due being limited editions.</h4>

semoia@c-est-moi.com

</script>

</p>

</body>

</html>

you should research "css media queries" , use them.

having fluid page, you're attempting % settings, fine when you're talking going large medium/smallish desktop monitors. it's exceedingly rare, fluid design scale down desktop handheld without major issues. media queries allow have fluid "fits desktops" design, @ point css no longer makes sense (a css break-point), change css of page smaller real estate available on mobile devices, while leaving html intact.

% settings part of puzzle.

here tutorials you...

http://www.w3schools.com/css
responsive web design media queries
introduction media queries – part 1: media queries? | adobe developer connection

essential considerations crafting quality media queries

More discussions in Dreamweaver support forum

adobe

Search This Blog

Own

Mobile Friendly

Comments

Post a Comment

Popular posts from this blog

Soustraire une selection

After Effects: could not find dvaeve_dialogs.txt

Illustrator cs6 "Invalid Serial Number"