Slices and centering in dreamweaver
I have sliced my webpage in photoshop cs3 and followed the
output options. I open the html file in dreamweaver and now want to
center the sliced webpage. I watched a tutorial and it said I
should be able to click and select the entire table and align it to
center in the properties area. The problem I have is there is no
container around all the slices so if I try to highlight the outer
line of the slices it just grabs an individual slice. What have I
done wrong that won't allow me to grab all the slices and center it
as a page?
Plz can you give us a link so we can see
Plus how is your image holding together in your web page, in
a table or in
div
But my guess would be to create a div that will contains all
of imges
regardless if they are in tables or in div. Then you can
center the div
with some CSS
here is an example can you could copy
<!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=iso-8859-1" />
<title>Center Basics</title>
<style type="text/css">
#wrapper {
width:680px;
margin: 0 auto;
padding: 0 20px;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
</style>
</head>
<body>
<div id="wrapper">
put your code here or table
</div>
</body>
</html>
"PiperdogDesign" <[email protected]> wrote
in message
news:gedhl4$j2a$[email protected]..
>I have sliced my webpage in photoshop cs3 and followed
the output options.
>I
> open the html file in dreamweaver and now want to center
the sliced
> webpage. I
> watched a tutorial and it said I should be able to click
and select the
> entire
> table and align it to center in the properties area. The
problem I have
> is
> there is no container around all the slices so if I try
to highlight the
> outer
> line of the slices it just grabs an individual slice.
What have I done
> wrong
> that won't allow me to grab all the slices and center it
as a page?
>
Similar Messages
-
Centering flash movie top and bottom in dreamweaver?
Hi all, I'm a novice user of dreamweaver.
I've placed a flash movie in dreamweaver and centered it left
and right but how can I center it top and bottom so it
floats?Not too sure what you mean exactly by "so it floats." But
I'll hazard a
guess that you want your video to appear inside a
semi-transparent lightbox
that appears to float over the page content beneath it. If
so, have a look
at FloatBox.
http://randomous.com/tools/floatbox/
Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
www.twitter.com/altweb
www.alt-web.blogspot.com/ -
Slicing image on different angle and exporting to Dreamweaver ?
Hi!
I think I searched entire web and didn't find the answer.. Is it possible to slice image on different angle not just rectangle ? On images below you can see the section that I'm trying to make a slice and slowly I'm loosing hope because I think It's not possible ? (and why the h3II is not?? :-) ) It would be little confusing for Dreamweaver when I would try to import that image then, because it's not the "right" shape but.. I'm trying to make a rollover image but I want just a small part of image to rollover to another image that is not the "right" shape... I hope I didnt complicate to much and explaind well what I'm trying to do, you can see the 2 images below for example what I'm trying to do.
Crop tool allows me to spin rectangle done with it, but still cant use that in Dreamweaver, it rotates the image back at right angle.
If its not possible with photoshop or dreamweaver, what software is capable of doing it and that i could inport to dreamweaver then ?
Would be grateful for any tips or link or whatever just not stopping on none-rollover image.
(i want that to apear when going over with pointer - on wall exactly)If you want to change image transparency on mouse over, you can do this with CSS opacity and proprietary MS filters.
CSS code:
a img {border:none}
img a:link {
/**for non-IE browsers**/
opacity: 0.5;
/**for IE8**/
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)
/**for IE6,7**/
filter:alpha(opacity=50);
img a:hover,
img a:active,
img a:focus {
opacity: 10;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
filter:alpha(opacity=100)
Example:
http://www.w3schools.com/Css/css_image_transparency.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Exported slices not working in Dreamweaver
I'm hoping someone can tell me what I'm doing wrong. I
created a simple rollover in fireworks, an image that when you
rollover it will reveal text. I followed instructions from a
tutorial, created my duplicate frame, everything looked great when
I tested the rollover in preview in fireworks but when I exported
to dreamweaver the rollover didn't work. I exported images with
html, I didn't say just this frame, not sure what I'm doing wrong.
I know this should work. Any suggestions would be very much
appreciated.heathrowe wrote:
>
quote:
Originally posted by:
Michaela1
> I didn't mean that literally but in tutorials it says
create the graphic and
> fireworks will put together the html needed to export
with the slices for it to
> work in dreamweaver. I'm thinking it must just be some
option I didn't select.
>
>
> This is fine Michael. The Help file showcases some round
tripping methods that
> use this html as you describe.
> If you are comfortable with the html output from Fw, and
the round-tripping
> support to Dreamweaver then stick to it.
> I WOULD NOT TAKE Stephane's advise at face value.
>
> His advise does no justice to new FW users, nor to those
who don't use
> Dreamweaver, yet alone the roundtripping capabilities
between the two
> applications.
>
> Michael, if the end result works and what you created is
fine with you, then
> super. I wouldn't let the the 'high and mighty' attitude
of some get to you.
>
> h
>
The point Stephane is making - and rightly so - to use the
right tool
for the job. I can create html files from MS Word, but I
won't, because
of how Word generates the html (or at least how it *used* to.
No idea
what it does in the latest iteration). FW generates passable
html, but
it is NOT an html editor.
Example 1: It doesn't export text as text unless you ensure
you create
html slices, and even then, if the output is a table layout,
the layout
can explode if the text content is changed or even altered in
size by
the user.
Example 2: Its comprehension of CSS is very poor, if you
think of the
program as a web page editor. As a graphics editor, hey at
least it can
export layers. With the addition of the Smart CSS extension,
things are
even better, but that is not native FW functionality.
Knowing your way around "under the hood" of a web page is
still an
important skill *if* you are producing content for clients
and being
paid to do it. IMO, that is part of what being a professional
is all
about, and it's worth noting I make a distinction between the
professional and casual user.
Very often we assume on this forum that those asking
questions are
either in the profession, or planning to be, so at times the
advice
given may seem a bit - impassioned - shall we say. But this
is done for
a good reason. To help steer people down the right path. To
help them
understand that there may be better, more standardized,
consistent or
even just preferred ways of doing things in a professional
manner.
FW's html has improved over time, but the program is not
intended to be
a web page creation tool; it's a graphic design tool. As the
software
evolves, maybe this will change somewhat, but no one can
really say.
Now if you're just building a site for fun and are not
concerned about
all that high-falluting pro mumbo jumbo, then hey, as
Heathrowe says, go
ahead. And by all means use FW as a learning tool. Just
understand there
are tools more suited to the job of creating html pages than
FW.
Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
http://www.communityMX.com/
CommunityMX - Free Resources:
http://www.communitymx.com/free.cfm
.:Adobe Community Expert for Fireworks:.
Adobe Community Expert
http://tinyurl.com/2a7dyp
See my work on Flickr
http://www.flickr.com/photos/jim_babbage/ -
Slice and 'saving for web and devices' not saving all images in selected area
Ive designed my site in illustrator and now im using slices and save for web and devices.
When I save a slice as a jpeg or gif it saves the text and but not the background image behind it. I haven't locked the background image and all the content is on the same layer in illustrator so why is it doing this and how can I stop it?
Thanks
JamesThanks for your reply. Yes, my Photoshop CS5 is updated to 12.1. I'm running OSX 10.5.8 and have tried viewing in Safari, Firefox, and Chrome with no improved success.
I have been reading these forums for about 3 hours trying to find the answer to this question but am still at a loss. I have found one article here:
http://stackoverflow.com/questions/7974006/overlapping-image-in-photoshop-splice-how-to-fl oat-with-css
which explains using an "absolute" value in CSS to lock images in place. I'm currently working in Dreamweaver to see if it's a common error in Photoshop when resizing browser but is easily fixed on the CSS side.
Any help would be appreciated
Thanks! -
The site files are on our server and I can still access them. I was not the one who installed and set up Dreamweaver initially and don't know very much about the program Just enough to manage our simple site and keep it updated. Just need help setting it up so that it's back to managing our website.
Go to Site > New Site and define your site. See screenshots:
Servers: Enter your FTP log-in credentials and remote server's root directory. If unsure, check with your hosting provider for details.
Click on TEST button. If you're unable to connect, click the More Options triangle.
Nancy O. -
Aligning two divs and centering them.
so i am running into one main issue with my website. As of now the only two things on my site are a gray image and an image slider. I managed to get them into the same div and next to each other but i need them to both be static and centered by the webpage. I have put them into the same div with class="col-xs-6" and what you see happened. I know that my slider is responsive. They basically need to be next to each other and centered. I am new at making websites but this would help me a lot.
My site: http://rootforsite.azurewebsites.net/ (f12 for code)
I just need them next to each other and centered. Any thoughts?Copy and paste the following into a new document and view in the browser.
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#"><img src="img/logo.png" style="position: relative; top: -7.5px;" /></a> </div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search" size=60px>
</div>
<button type="submit" class="btn btn-default" value="Open Window" onclick="window.open('http://www.cnn.com')">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Link</a></li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-8">
<ul class="bxslider">
<li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
<li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
<li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
<li><img src="http://rootforsite.azurewebsites.net/img/Day1.jpg"></li>
</ul>
</div>
<div class="col-sm-4">
<div class="imagess"> <img src="http://rootforsite.azurewebsites.net/img/pic.jpg" class="img-responsive center-block" />" </div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<script>
$(document).ready(function(){
$('.bxslider').bxSlider();
</script>
</body>
</html> -
Hi,
Can you do slice and dice in webi?
If yes, please tell me steps to be required.
If no, please tell me for which tool these are possible in BO environment
Thanks and Regards,
ManjunathThere is no Slice&dice panel in Web Intelligence as the one found in Desktop Intelligence.
Still you can use crosstabs and block filters or even th drill function of WebI to get the same funcitonality.
Which version of WebI do you use?
The current version of SAP BusinessObjects Analysis (Folrmerly known as Voyager) offers analysis capabilities (incl. slice & dice) for SAP BW and Microsoft OLAP data sources.
What kind of data sources do you try to analyze?
Regards,
Stratos -
What is the function of the Slice and number 4 LUTs in cRIO9104 FPGA?
When I compiled the FPGA VI, the compliation report tell me that there is limitation of the resources pf FPGA, the FPGA that I am using is cRIO9104. Do you know what is the function of the slice and number 4 LUTs in FPGA? Which FPGA LAbVIEW code need to use these FPGA resources? And I have attached the compliation report for you as a reference.
Thank you for your helping!
Attachments:
8-9-2007afternoon2.jpg 2305 KB
911Improved_error.JPG 139 KB
911afternoon_error.JPG 141 KBYou've simply got too much code to fit the available resources on that one particular FPGA, just as the error message says. I would take the error message's recommendations, or split up the functionality into two FPGA's.
By the way, LUTs are lookup tables, one way the compiler implements your code. Slices are areas that run independently (general case) of any other slice and how the FPGA achieves true parallel processing.
“A child of five could understand this. Send someone to fetch a child of five.”
― Groucho Marx -
How do I download and saves html files off my website to store and save using Dreamweaver CS3?
How do I download and saves html files off my website to store and save using Dreamweaver CS3?
I need to save all files from web and store onto a drive to reupload to a new domain name. I use Dreamweaver CS3.First define your Local Site folder in Dreamweaver. DW will use this folder to store your site files.
Go to Manage Sites > New or Edit site. See screenshots.
Servers: Enter your remote server's log-in details. When complete, hit TEST to see if the connection is working. If all is well, hit SAVE.
From the Files Panel (F8), click on Remote Server to show the files that are currently there. Click the green Down Arrow to GET files from remote server to your local site folder.
Nancy O. -
Having trouble previewing my website on Safari and Firefox from Dreamweaver CS5
Hi,
I previously built a website using Dreamweaver version CS3 and it ran well. Now that I I have upgraded to Dreamweaver CS5, I'm having trouble previewing the menu text on my website and flash picture text. I'm using an Apple operating sytem (10.6.8). While previewing the web page On Safari and Firefox within Dreamweaver, my menus and the flash picture text have not shown up and the main page contained an error that says:
"Adobe Flash Player has stopped a potentially unsafe operation.
The following local application on your computer or network:
null
is trying to communicate with this Internet-enabled location:
s.ytimg.com
To let this application communicate with the Internet, click Settings.
You must restart this application after changing your settings."
Can you tell me what I do to correct this?This is often related to embedded YouTube videos in your webpage.
See http://forums.adobe.com/thread/499751
"This warning is talking about the Flash Global Security Settings Manager. This is not a virus but rather a very common security step related to allowing Flash to connect to the Internet while testing on your local machine. This only occurs during testing on your local machine and does not come into play when that same Flash object is on the Web page on the server.
The Settings Manger allows you to "approve" connecting to the Internet for a particular Flash object.
http://www.macromedia.com/support/documentation/en/flashplayer/help/se ttings_manager04.html
So go to the Settings Manager, Click "Edit Locations" or "Add Location" and browse on you computer for the Flash file that you are giving permisssion to connect to the Internet. Each Flash object that attempts to access the Internet will need to be given permission separately.
Kind of a pain... or just upload your Flash to the server and test from there, then it's not an issue."
and http://grandstreamdreams.blogspot.com.au/2010/07/firefox-and-flash-security-warning.html -
I upgrades my mac operating system to OSX 10.9.4 and now my Dreamweaver CS5 won't work, it just quits unexpectedly. Please help.
Remove preferences on Mac OS
Quit Dreamweaver.
In the Finder, navigate to /Users/Your User Name/Library/Application Support/Adobe.
Rename the Dreamweaver preferences folder:
Dreamweaver CS5: Rename the Dreamweaver CS5 folder to, for example, Old Dreamweaver CS5.
Navigate to /Users/Your User Name/Library/Preferences.
Rename the Dreamweaver preferences file:
Dreamweaver CS5: Rename the Adobe Dreamweaver CS5 Prefs file to, for example, Old Adobe Dreamweaver CS5 Prefs.
Try to re-create problem
After you have removed your existing preferences, restart Dreamweaver. The application creates new preferences files, folders, and registry entries, as applicable, using the default settings.
Then try to re-create the problem that you had before.
If the problem was resolved, then damaged preferences was the cause.
If the problem persists, then the preferences are not the cause and you can replace the original preferences.
To replace the original preferences:
Quit dreamweaver.
Delete the new preferences folder and restore the original name of the previous folder. -
I tried to perform the draw AP Div from the Insert Panel as described within the Tutorial "Classroom: Basic Site Layout and Navigation in Dreamweaver" but that option isn't available/visible from my most recent update t Dreamweaver CC. The only thing noticeable is that the instructor is using a Mac version of the software. Help!
CS4 is 6+ years old. A lot has changed in web standards and Dreamweaver since then.
APDivs were never a good or sensible way to make primary layouts. Today, they are downright impossible in Responsive web designs because content in APDivs is removed from the normal document flow. See links below for further details on why APDivs should be avoided.
http://www.apptools.com/examples/pagelayout101.php
http://css-tricks.com/css-beginner-mistakes-1/
If you're going to work with DW CC, you need to find tutorials to match your product version. CS6 is wildly different from CC and CC 2014.
Creating your first web site in DW CC-
https://helpx.adobe.com/dreamweaver/learn/tutorials/how-to/first-website-part1.html
Nancy O. -
Hi,
I am slicing a Photoshop PSD document and importing into Dreamweaver. Is Dreamweaver able to handle Layered content in the same as Photoshop so that the content box can be Layered below a Decorative Frame. As there will be multiple Images I want to be able to have a content box Layered below the frame, rather than have to make a separate page for each photo in the gallery.
Hope this makes sense. Any pointers gratefully received.
JNo.
Yes.
I regularly receive layered PSD files for web work. The layers allow me to just select one element at a time so that I can complete the pages as the designer wanted me to.
One may have "layers" in a website, but the method is wonky at best and will destroy the flow of a good HTML page, causing rendering problems at worst. You need to think of a website as a 2D object, especially when you are starting out.
If you have elements that need to be "on top" of another element, you'll need to create a div that is within a div, with your inside content inside the outer div. And think of a div as a rectangular area that holds stuff, like pictures, text, colors and graphics.
Layering on websites is usually achieved using JavaScript or AP divs. An Absolutely Positioned div will tend to destroy the normal flow of your HTML, which is why it is recommended only in certain very special cases. If you are just starting out, you need to understand how to construct a 2D web page using HTML and CSS first. -
Export multiple slices and preserve slice name?
I am very particular about naming my slices what I want the filename to be, then do the right-click > export slice on each graphic, but when you have to do that for 50 slices it gets pretty annoying.
Is there a way to select a bunch of slices and export them with their current slice name, all at the same time? Rather than just giving it the generic root - name that they all go off of.
Thanks!!
-AustinIf you name the slices in the Web Layer (double-click on "Slice" then type a name without an extension), then that's the name they get when they're exported.
When I want to export only some of my slices, here's what I do:
Select the slices (either on the canvas or in the Web layer)
Go to File > Image Preview
Adjust any parameters (the Properties panel has limited selections, so this is one good option)
Click the Export button
For the Export: drop-down, select "Images Only"
For the Slices: drop-down, select Export Slices
Check box next to "Selected slices only"
Click the Save button
If you go through File > Export, you skip steps 3 and 4. If you've already optimized your file parameters, then you might prefer this workflow.
I'm using CS3, but I don't think this process changed in CS4.
Maybe you are looking for
-
How to make a report based on the result of another report?
Hi, All, I am a new guy in BW development I made the report1, to show the "Total Sales in each country and each shop " (the fact table is "Order") now I want to make report2 "in each countries, the number of the shops, whose Total Sales >100000" Can
-
How can I change the name displayed in the "TO" field of Mail.
Recently, all incoming email now displays the name of a family member in the "TO" field. I have checked mail preferences and the email account information has not been changed. How can the name displayed in the TO: filed be changed?
-
Unable to take recovery to end of the log
I got the below error. When i am trying to take recovery of a database to end of the log.(i.e, without taking the tail log backup). I am posting the details of that error also here. Microsoft .Net framework error Unhandled exception has occurred in a
-
ORA-30937 when validating element referenced from included schema
I've boiled my latest problem down to a simple test case. Basically it seems as though the included schema is the problem, but I can't figure out why: begin dbms_xmlschema.deleteSchema('http://www.forensic.gov.uk/eMessages/Pnclink/NDNA/testinclude.xs
-
How to find the structural difference between two tables
Hi all, How to find the structural difference between two tables . Oracle Database 11g Enterprise Edition Release 11.1.0.7.0 - Production PL/SQL Release 11.1.0.7.0 - Production CORE 11.1.0.7.0 Production TNS for 32-bit Windows: Version 11.1.0.7.0 - P