Rounded table corners in Dreamweaver
I need to create tables with rounded corners in Dreamweaver.
Does anyone have an easy (to understand) solution? I would really
appreaciate it. Many thanks!
PS: Will Dreamweaver ever have this function built in to
their software? Seems to be long over due.
On Mon, 29 May 2006 14:52:49 -0700, paulkirtley
<[email protected]> wrote:
>
> PS: Will Dreamweaver ever have this function built in to
their
> software? Seems
> to be long over due.
>
I wrote a DreamWeaver extension to do this. The output is
XHTML 1.1 valid
(and CSS). Supports borders, drop shadows and inner shadows.
The rects
are initially absolutely positioned, but they support liquid
layout and
relative positioning and there are tutorials on how to do
that. Plus,
once a round rect class is defined it can be re-used over and
over.
http://www.medialab.com/wellrounded
Chris Perkins
Media Lab, Inc.
http://www.medialab.com/sitegrinder
<--Photoshop to the Web plug-in.
New version supports image galleries, flash slideshows, form
creation
(yes, you read that right, form creation in Photoshop) with
PHP and CGI
mail forms supported out-of-the-box, plus vertically
expanding documents,
importing of external HTML, late binding to external HTML
(via PHP
require()) and much more.
Similar Messages
-
Well how I make Rounded Table Corners (html) ?
I use dmwr mx 2004 , well how I make Rounded,Table,Corners
(html) ? CSS TABLES can be with Rounded Corners ?On Wed, 12 Dec 2007 16:40:01 +0000 (UTC), "123polis123"
<[email protected]> wrote:
>I use dmwr mx 2004 , well how I make
Rounded,Table,Corners (html) ? CSS TABLES can be with Rounded
Corners ?
No - you have to use images.
as already said - just google for more info
http://www.google.co.uk/search?hl=en&q=round+corners+on+websites&btnG=Google+Search&meta=
~Malcolm N....
~ -
IE 8 seems to be less help for a rounded table corner...
Hi, I'm using DW CS3 on an intel iMac and first, 2 things: I use tables to build my sites (there's some CSS around here and there + a couple of external style sheets etc) and secondly, the problem I'm asking about here does not seem to occur at all on Firefox and Safari - only IE 8.
Also, I make simple 30 x 30 pixel Gifs (with transparency) to manufacture rounded table corners without CSS.
Simply put, the bottom right part of the main white table is missing its smooth white line near the corner on some pages, so that there's a chopped off part near the corner.
A couple of the pages look fine in IE 8, but the others have that chopped area. And that is what perplexes me because I'm using a DWT Dynamic Web template for all the pages (except the single photo rendering pages in the DW-FW-generated photo Gallery). So why would some pages appear cohesive and the others cut out?
Here's the site url: Http://www.clairefrazier.com
Anyways, I appreciate any help on this. Many Thanks, Frank B.Try this and don't forget to get the HTC file for IE.
<!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>
<title>Cross-Browser CSS Rounded Corners</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
/**zero out default browser values on everything**/
* {margin:0; padding:0; line-height:100%; border:0}
/**PAGE LAYOUT**/
body {
font-family: Verdana, ariel, helvetica, sans-serif;
font-size: 100%;
width: 100%;
margin:0 auto;
background: silver;
text-align: center;
color:#FFF;
line-height: 1.5em;
/**IE Only**/
*body {font-size:76%}
*wrapper {zoom:1}
#wrapper {
overflow:hidden;
background: #004A6F;
width: 800px;
margin:10px auto; /**centers page**/
border:10px solid #FFF;
padding: 20px;
text-align: left;
#wrapper, table.RC {
/**ROUNDED CORNERS FOR MOZILLA, WEBKIT, LINUX, OPERA**/
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-khtml-border-radius: 12px;
border-radius: 12px;
/**ROUNDED CORNERS FOR IE ONLY - REQUIRES THE BORDER RADIUS.HTC FILE**/
behavior: url(border-radius.htc);
/**ROUNDED CORNER TABLE STYLE**/
table.RC {
float:right;
width:400px;
font-size: 0.75em;
color: #000;
border:10px solid #99CCCC;
background-color: #E5E5E5;
margin: 1em;
table.RC td {
width: 50%;
padding: 12px;
font-weight: bold;
font-size: 14px;
line-height: 1.2;
table.RC th {
border-bottom:medium double #FF6600;
padding: 20px 0 5px 0;
text-align: center;
/**TEXT STYLES**/
h1 {
font-size: 2.5em;
color: #EAE4C4;
text-transform: capitalize;
margin-bottom: 1em;
h2 {
font-size: 1.5em;
color: #CCFF00;
text-transform: uppercase;
margin-bottom: 1.8em;
line-height: 1.5;
h3 {
font-size: 1.3em;
color: #FF6600;
letter-spacing: 3px;
border-top: 2px solid #FF6600;
margin-bottom: 1em;
line-height: 1.5;
padding-top: 20px;
p {
font-size: 1em;
line-height:1.5;
margin-bottom: 1em;
</style>
</head>
<body>
<div id="wrapper">
<h1>CSS Rounded Borders</h1>
<h2>Now With Cross browser support for IE!</h2>
<h3>Tested and works in Safari, Chrome, Firefox, Opera, Linux, and IE 6, 7, 8</h3>
<table class="RC" cellspacing="3" cellpadding="5">
<tr>
<th colspan="3"> SUPPORTING FILES </th>
</tr>
<tr>
<td>Border-Radius Behavior for IE</td>
<td><a href="http://code.google.com/p/curved-corner/">GET THE .HTC FILE</a> and upload it to your web server</td>
</tr>
</table>
<p>This page demonstrates how you can easily add rounded corners to all your
web pages without the need for image slices, complicated CSS, JavaScripts
or bloated mark-up. </p>
<p>Using the CSS <strong>Border-Radius</strong> properties for the major browsers
that support it, along with an ingenious workaround for Internet Explorer,
now you can have fully flexible division boxes or tables
with rounded corners whenever you need them.</p>
</div> <!--end wrapper -->
</body> <!--end body -->
</html> <!--end document -->
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
Any extensions or program to make rounded tables?
I was just wondering if there are any other extensions or
programs besides "wellrounded" extension ( which is do not like).
is there any other program that creates them without having
to go into photoshop and messing with different color and creating
4 corners?
I need to run a whole site that will utilize rounded tables
for many different things.
ThanksYou might give this a try:
http://www.curvycorners.net/downloads.php
Nancy Gill
Adobe Community Expert
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004:
A Beginner''s
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development -
Hello All,
I am going to ask your advice.
I have a test station controlled by 2 PCs. The task of this station is to make some electrical tests on electronic sensors. The machine has a round table. There are a load position, a barcode reading position, measuring position 1, measuring position 2, print pos. and unload position. The table rotates when all of the positions finished the current operation. The supervisor PC controls the barcode reading, printing, communication with traceability system. The tester PC controls the test measurement positions.
When the supervisor and the tester PC also send a signal to the test station, the station rotates the table and send a signal about the rotation. Beside this there are some signals from the station which have to be watched. (Emergency stop, station error)
I am going to modify the system.
I am going to make an application based on TestStand which can control this cell and make the measurements only with one PC and one application, since it can improve the stability and robostness of system.
I plan 3 layers.
- User interface where the user can see the state of units, barcodes, actual state of robot and so on.
- TestStand layer: A sequence and a model file which manages the UUTs
- Measurement layer: A CVI dll which makes the measuremens and pass the measured values to the testStand layer.
I think the base of the used sequence model file will the Parallel Model, since max. 6 units are present on the table.
My questions are around the communication between the test station and the PC.
How can i listen to the station signals continously and respond to the signal changing?
Which is the simplest way to start a Testsocket execution after every rotation?
If You have some ideas please do not hesitate to write them.
Best regards:
Laszlo GosztolaDear Gosztola László,
I would like to discuss some details with you but your phone numbers in our database are not online.
I wonder if you could contact me by:
[email protected]
or
+36-23-448-922 (my direct number)
Regards,
Litkei Márton
NI Hungary -
How to round picture corners in PSE 9.0 without background showing
Hi,
I'm new to PSE 9.0, I'm trying to round the corners of some picture to put on my web site.
I've followed the directions I can find online but none of them work, or there for earlier versions that don't have the same functions that they show.
I can get an outline of the picture with the rounded corners showing but it never removes the sharp corners from outside the rounded rectangle.
When I save the picture as a copy in .PNG , then call it back up there are still sharp corners shown as a background>
I can't believe Adobe could make this simple thing so darned confusing!
Adobe makes good software but there ease of use is horrible.
Can someone please give me step by step how to do this?
Been at it for 4 hours.
Thanks Mitch (mad1015)You can use the Rounded Rectangle tool.
1. Select the rounded rectangle tool and draw a rectangle, then move the rectangle layer
below your picture.
2. Make the picture layer active and go to Layer>Create Clipping Mask.
3. Make the shape layer active and select the move tool to adjust the size of the rectangle.
4. Go to File>Save for Web and select png 24 and check Transparency.
Added
In step 1 set the radius of the rouned corners in the tool options bar.
MTSTUNER
Message was edited by: MTSTUNER -
How do I round some corners of a shape and leave other corners unrounded ?
Hello All;
Could someone tell me how to round some corners of a illustration and leave some corners unrounded ? If I use Effect - Stylize - Round Corners, it works beautifully but it rounds all corners, even the ones I don't want rounded. See attached illustration. I do not want the four corners emclosed in the circle rounded.
Anyone know how to do this (easily, I hope) ?
Thanks.
TimTim,
That's a good one. What you can do is:
Make two rounded rectangles with the dimensions you require, and stack them on top of each other.
Go to the align palette and click the icon that centers the objects vertically.
From your attached illustration, it seems you want to avoid rounding the line segment in the middle top and bottom of each rectangle, so try this:
With the pen P tool, put the point of the pen on the first of (4)four anchor points you are going to add and click.
Now do the same thing for the other three anchor points.
You have now added two anchor points to each rounded rectangle
With the Direct Selection A tool, Shift/click on both of the furthest right anchor points you just created, and hold shift while clicking the corner radiuses that connect with those points on the right side of the illustration. You should have a total of six points highlighted altogether.
Now with your keyboard cursor controls, click the arrow down key as many times as you need to get the angle of the line segment that you were trying not to round.
If there is another way to do it, I'd like to know, but that should work. The corner rediuses you've moved change somewhat, you can adjust them if need be.
Using the grid and snap to point in the View section of the menu bar will help you align the added anchor points nicely.
Sounds like a lot, but I recreated your drawing the way you wanted in about 30 seconds.
Hope this helps.
Tim Dunbar -
Rounded specific corners as opposed to all 4
Photoshop newb here -- Is there a quick and dirty way of rounding specific corners verses all 4. I want to round the top of a photo and leave the bottom square. I suppose I could round all 4 and then lay the bottom half the picture back over top, but I was wondering if there was a better way of doing this.
Any tips would be appreciated.there isn't a command that does what you want, you'll have to do it manually. With the selection active, select Add to Selection in the Options bar(the second icon) and then make a marquee selection so that it overlaps one of the corners perfectly. Press and hold the spacebar to move the marquee selection on the fly and use the smart guides to help you align the two selections by going to View->Show->Smart Guides (or drag in a couple of guides)
-
Rounded rectangle corners in FW3?
Where the heck is my rectangle tool options panel that let's
me round rectangle edges?!?!?!
you may ask, why version 3? - it's 'cuz my company is too
cheap to upgrade. I use it decently well despite this, but I
digress.
I thought all you had to do was double click the rectangle
tool like it states in the help:
You can round the corners of a rectangle or square as you
draw it by setting the curvature of the corners in the Rectangle
tool Options panel.
Set this value before drawing the rectangle.
To draw a rectangle with rounded corners:
1 Double-click the Rectangle tool to open the Rectangle tool
Options panel.
2 Enter a value in the Corner text box.
3 Hold down the mouse button and drag to draw a rectangle.
Note: You cannot round the corners of an existing rectangle.
The problem is, that the Rectangle tool options panel doesn't
open!! is this a bug? or am i just missing something really
obvious?? help!! has anyone else run into this?oy vey. never mind - i found it. it's so obvious that i want
to cry. the problem was the inspector was already open and off
underneath something that I couldn't immediately see. what a
doofus. sorry for taking up space. -
Rounding the corners on an image
Hi
Is there a simple way to round the corners on an image?
The way I do it (like on the front page of http://www.villasfloridavillas.com) seems way too complicated...
Sorry if this is a really dumb question!
Cheers
RDA really flexible way to approach this is to create a path with the Shape tool (U or Shift-U). In your situation, of course, use the Rounded Rectangle tool as D Fosse already suggested. Or, use any closed path you might want to create, using any other tools.
If you need to, use the Free Transform tool (Ctrl-T / Command-T) and/or the Direct Select tool (A) to position, distort, reshape, scale, etc. This can include tweaking the roundedness of the shape you just created, rounding just certain corners, etc.
Then, with the Direct Select tool (A) active, right-click the image and choose Make Selection.
Then, press Ctrl-J (Command-J) to create a new layer cropped to the contents of the shape.
So the sequence is really simple and easy to remember: Shape, Select, Jerk.
Make a shape,
Make the shape into a selection,
Ctrl-J (Command-J).
Note that after you have made the shape into a selection, it only affects the current view. So you can turn layers on and off in the Layers panel, or move the selection around around, and crop out identically-sized chunks of anything on any layer. The Ctrl-J technique makes this fast and efficient.
Bart Cross's "smoothed marquee" technique is pretty cool, though, if you only need rounded corners. However, be careful not to make the original marquee fit the entire image. The marquee will snap to the outer edges, and then the Smooth option will become unavailable. There has to be a pixel or two outside the marquee to enable all the Select / Modify choices (at least this is true in CS4). -
Is it possible to assign a shadow effect to a table
in Dreamweaver?
Example:
http://www.crocs.com/home.jsp
I am designing a template that has tables with rounded
corners much like the example site, but I would also like to add
shadow to the table to lift it off the page. Can this be done in
Dreamweaver?
ThanksIt is done in the CSS code but it is not fully cross browser
compatible.
This page will help
http://www.saila.com/usage/shadow/
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"paulkirtley" <[email protected]> wrote in
message
news:e4ja9n$fg3$[email protected]..
>
Is it possible to assign a shadow effect to a table
in
> Dreamweaver?
>
> Example: <a target=_blank
class=ftalternatingbarlinklarge
> href="
http://www.crocs.com/home.jsp
>
> I">
http://www.crocs.com/home.jsp
>
> I</a> am designing a template that has tables with
rounded corners much
> like
> the example site, but I would also like to add shadow to
the table to lift
> it
> off the page. Can this be done in Dreamweaver?
>
> Thanks
> -
Hi
have a look at this:
http://www.mrandmrssmith.com/?CMP=%20KAC-OF9998476933
specifically the corner being rounded, and the drop shaddow.
2 questions, I realise I can achieve all this by creating an
image to put in back of a table or layer, but its heavy on the
download. is it possible to achive these functions simply using
css? I have dw8 2004mx so its a little out of date, so if its not
availabe as a function in that version I need to know where to go
looking for the xhtml to create it.
any ideas?
cheersdigi-mech wrote:
> Hi
>
> have a look at this:
>
http://www.mrandmrssmith.com/?CMP=%20KAC-OF9998476933
> specifically the corner being rounded, and the drop
shaddow.
>
> 2 questions, I realise I can achieve all this by
creating an image to put in
> back of a table or layer, but its heavy on the download.
is it possible to
> achive these functions simply using css? I have dw8
2004mx so its a little out
> of date, so if its not availabe as a function in that
version I need to know
> where to go looking for the xhtml to create it.
>
> any ideas?
Google for CSS Rounded Corners, there are loads of tricks and
techniques
you can use, most of them rely on images, but after one page
load the
images are now in the cache and each page will load much
quicker.
Steve -
Edit table cells in Dreamweaver 8
In Dreamwever MX2004 if you have a 1 row, 2 column table, I
can enter text in the left cell and not affect the right cell,
otherwords, I can have text in the right cell and it does not move
if I do a carrage return in the left cell.
However in Dreamweaver 8 with the same situation, the text
line in the right cell moves down one line for each carrage return
in the left cell. Dreamweaver 8 does not leave an editable area
abovr the text of the right cell so you can't backspace the text
back to the top of the cell, thus, I can't have any alignment
between the two cells.
Any ideas on how to make Dreamweaver 8 behave the same as
Dreamweaver MX2004
Cheers,
Linus Sagadoreas a pure guess, it's got to do with the align attribute of
the td tag, or
the css being used.
my guess is the code is set to vertically align the contents
of the right
cell. When you add content to the left cell, the right cell
gets taller, so
the contents of it appear to move down.
if you're still unclear- please make a page with each
version, with a table
that does this, and upload someplace and give a link to the
uploaded pages.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/ -
Table created in Dreamweaver with CSS not positioning correctly
I've created a simple 9 page website using Dreamweaver and CSS. I am no pro but I can edit some in the code. I'm really enjoying the CSS but for some reason I cannot find out why my tables appear perfect in Firefox but not in Chrome or IE. The tables are centered properly but they appear way below where they're intended to be!
I've tried to paste my code but can't, is there somewhere I can post it?
-jrntmd8r88After struggling with this last night I took a look again this morning and narrowed down and corrected the problem. Basically, this is what happened to cause the issue and how I resolved it. Hopefully it helps others in the future.
Steps
Create project in Windows version of Cp (I was using version 8.01).
For my client's requirements, which are quite unique and complex compared to the typical Cp project, custom quiz questions/scoring had to be developed. Since these are HTML5 (non-responsive) courses, and Javascript is the fastest/most efficient way to do this, I used Javascript extensively for quizzes via the 'Execute Javascript' action. So for quiz questions, each answer is simply a smartshape (transparent, with answer text in it) that triggers the 'Execute Javascript' on click. In addition, on many of the quiz slides there are Edge Animate/HTML5 interactions embedded.
Worked fine on windows upon publish. But when I opened on a new Mac and published, when a question answer was clicked nothing would happen.
Turns out the problem seems to be with the text in the Javascript window. I think it somehow gets corrupted, though it looks fine. I had to literally delete the javascript, save it, and then copy it back in. Once I did that, it works.
I've invested too much time in this project so far, so don't want to risk any more major issues popping up like this, so I switched back to Windows and canceled my subscription this morning. Fortunately I have a license from my employer for Windows and will just use that with Boot Camp. -
Table Disappears in Dreamweaver CS3
I am trying to update some pages that I did not create and
that were not created in Dreamweaver. When I open the page in DW,
the table with the text does not show up. Everything works fine
when viewing in IE.
This is the page:
http://vzoners.com/secondkingdom/sktravelersfaire/friday.html
This is what I get when I open it in Dreamweaver CS3:
DW PIC
I really would rather be able to update in Design view, so if
anyone can help I'd really appreciate it.
Thanks!
Debbie> When I open the page in DW, the table with the text
> does not show up.
look in code view in dw.
see all the yellow highlighted tags?
start here around line 113
<tr>
<th align="center">Time</td>
<th align="center">Game</td>
<th align="center">Host</td>
<th align="center">Locale</td></tr>
change to:
<tr>
<th align="center">Time</th>
<th align="center">Game</th>
<th align="center">Host</th>
<th align="center">Locale</th></tr>
around line 135, same issue. wrong closing tag.
keep going- after fixing the wrong closing tags, click back
in design view,
then look back in code view to find the next set of
improperly closed tags.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/
Maybe you are looking for
-
Why can I receive but not send messages through Mail?
I recently installed a wireless router (linksys). I can send mail at the local coffee shop, yet here at home I can't. I know it's something very simple, but I'm giving up...and asking for help in fear of tweaking the settings beyond my knowledge. I g
-
Yosemite 10.10.3 Bug in Image Capture - no automatic delete
After updating Yosemite to 10.10.3, the "Delete After Import" feature in Image Capture no longer works. The images import properly, but they do not automatically delete (even though the box is checked). You are then able to manually delete the imag
-
What is the transaction of accessing PO history report ?
-
Right-click add to Playlist shortcut not working in iTunes 11.1
Since upgrading to itunes 11.1 I find that the right-click> Add to Playlist option is not working. I go through the steps but the selected song is never in the playlist I selected. The only workaround I found is to Edit the Playlist and then drag and
-
Need information about Internal Tables
Hi Every one! I Need some information about Internal tables. Pls help be above the same. Thanks & with Regards, Chandra.