Monday, March 22, 2010

Border around image links

What the heck is it with a blue border around image links in
CS3???? I discovered I can get rid of it by setting the border to 0
in properties but what a pain. I also noticed tables have a 1
border by default. I'm sure there is a place to change the default
but I can't find it.

Any suggestions?

thanks,

CJBorder around image links
Are you using CSS?Border around image links
Previous versions would add the deprecated 'border=''0'''
attribute/value pair

to images that were made links. Such addition would prevent
your page from

validating. Since the focus in CS3 was on creating valid
code, the team

opted to remove this function in favor of the much more
sensible use of

CSS -



img { border:none; }



which can be put into an externally linked file, and affect
every image in

your site.



--

Murray --- ICQ 71997575

Adobe Community Expert

(If you *MUST* email me, don't LAUGH when you do so!)

==================


http://www.dreamweavermx-templates.com
- Template Triage!


http://www.projectseven.com/go
- DW FAQs, Tutorials %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''SeaJaye'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:f22duc$dvl$1@forums.macromedia.com...

%26gt; What the heck is it with a blue border around image
links in CS3???? I

%26gt; discovered I can get rid of it by setting the border to
0 in properties

%26gt; but

%26gt; what a pain. I also noticed tables have a 1 border by
default. I'm sure

%26gt; there

%26gt; is a place to change the default but I can't find it.

%26gt; Any suggestions?

%26gt; thanks,

%26gt; CJ

%26gt;






That makes sense as to why it was done this way however, it
would be nice if one could set a default rather than have to set
img { border:none; } for every site.

thanks,

cj
Just make it part of your standard external stylesheet.



--

Murray --- ICQ 71997575

Adobe Community Expert

(If you *MUST* email me, don't LAUGH when you do so!)

==================


http://www.dreamweavermx-templates.com
- Template Triage!


http://www.projectseven.com/go
- DW FAQs, Tutorials %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''SeaJaye'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:f22frm$gbj$1@forums.macromedia.com...

%26gt; That makes sense as to why it was done this way however,
it would be nice

%26gt; if one could set a default rather than have to set img {
border:none; }

%26gt; for every site.

%26gt; thanks,

%26gt; cj






This is extremely annoying. Yes it's fine for my own sites,
but i work for a web hosting/design company and i constantly have
to do site updates on other people's sites (sites that i did not
pesonally build). Not everybody knows how to use (or wants to use)
stylesheets, especially for tour sites which are usually knocked
out in a few hours and are 99.9% graphics. So this means i will
have to either add my own code or change all borders to zero every
time i link a photo or add a banner ad to somebody elses site. What
a waste of time.
One thing you could do is create a ''generic'' CSS sheet that
you attach (in just a few keystrokes) to your new projects or
updates you are working on. Then all of your images will be fixed
at once and it will be there for future work on the site.




On Fri, 1 Jun 2007 05:05:54 +0000 (UTC), ''Dara_BSI''

%26lt;webforumsuser@macromedia.com%26gt; wrote:



%26gt;One thing you could do is create a ''generic'' CSS sheet
that you attach (in just

%26gt;a few keystrokes) to your new projects or updates you are
working on. Then all

%26gt;of your images will be fixed at once and it will be there
for future work on

%26gt;the site.

%26gt;

%26gt;



Absolutely. I've got a good portion of one saved as a DW
snippet; it

lists all the basic text CSS stuff I know I always use. It's
a piece

of cake to bring it into an external .css file and customize
it for

the specific site.



Win

--

Win Day, Wild Rose Websites


http://www.wildrosewebsites.com

winday@NOSPAMwildrosewebsites.com

Skype winifredday


Win,

I like the way you think. For those of us who are cake baking
challenged, could you put up a recipe for said cake?

thanks,

cj
On Fri, 1 Jun 2007 13:11:16 +0000 (UTC), ''SeaJaye''

%26lt;webforumsuser@macromedia.com%26gt; wrote:



%26gt;Win,

%26gt;I like the way you think. For those of us who are cake
baking challenged, could you put up a recipe for said cake?

%26gt;thanks,

%26gt;cj



Sure. This set of stuff:



*zeroes out the margins and paddings

* guarantees a vertical scrollbar (so no jumping between
short and

long pages)

* establishes colours and fonts etc. for the tags I tend to
use

* gives me a way to float images left or right

* defines a tag that I can use to clear floats (the hr tag,
in this

case, since I never use an hr as a visual element: I always
define

borders when I need them)

* styles the form and form elements



I customize these to suit.





/* CSS Document */



* {

margin: 0;

padding: 0;

}

html {

height: 100%;

margin: 0;

padding: 0;

}

body {

min-height: 101%;

font: 100.01%/130% ''Trebuchet MS'', Verdana, Helvetica,

sans-serif;

color: #000;

background: #4f865b url(../images/bgTexture.png) repeat;

margin: 0;

padding: 0;

}

hr {

height: 0;

line-height: 0.0;

font-size: 0;

margin: 0;

padding: 0;

clear: both;

visibility: hidden;

}

h1, h2, h3 {

font-size: 150%;

color: #4f865b;

margin: 20px;

font-weight: bold;

}

h2 {

font-size: 120%;

color: #cc6600;

}

h3 {

font-size: 100%;

color: #4f865b;

font-style: italic;

}

p {

font-size: 90%;

margin: 10px 20px;

}

ul {

margin: 10px 20px 10px 40px;

font-size: 90%;

}

a:link {

color: #cc6600;

}

a:visited {

color: #4f865b;

}

a:hover, a:active, a:focus {

color: #7dd08f;

}

.imgLeft {

border: 1px solid #dfdabd;

padding: 5px;

float: left;

margin-right: 10px;

}

.imgRight {

border: 1px solid #dfdabd;

padding: 5px;

float: right;

margin-left: 10px;

}

/***** CONTACT FORM STYLES *****/

#content form{

margin: 0;

width:450px;

}

#content fieldset{

border: 1px solid #d69400;

margin-bottom: 10px;

padding:5px 5px 20px 20px;



}

#content legend {

font-size: 120%;

margin: 12px 0 0 0;

color: #18006a;

}

#content textarea{

background-color: transparent;

border: 1px solid #18006a;

height:200px;

margin:0 30px 0 0;

}

#content label{

display:block;

font-size:80%;

padding-top:5px;

}

#content button{

background-color: #ecc97d;

display:block;

width:80px;

}

/* sets the enquiry box to the right of the input fields */

.labelfloat{

padding-top:20px;/* float:right;*/

}

#content input:text, #content select{

/*background-color: #E8E2C2;*/

background-color: transparent;

border: 1px solid #18006a;

display:block;

margin:0 0 0 0;

width:200px;

}

/* END FORM STYLES */



Win

--

Win Day, Wild Rose Websites


http://www.wildrosewebsites.com

winday@NOSPAMwildrosewebsites.com

Skype winifredday


Thanks for the help. It is appreciated. BUT...



--DEAR ADOBE--THIS IS RIDICULOUS!!! CHANGE IT BACK OR MAKE IT
AN OPTION. FORGET the code validation. You are making this a PAIN
for everyone. A committee must have decided on this
change....really!



All the issues raised on this thread are valid.



CHANGE IT BACK on ver 9.1!!!

On 02 Jun 2007 in macromedia.dreamweaver, bobrossi wrote:



%26gt; Thanks for the help. It is appreciated. BUT...

%26gt;

%26gt; --DEAR ADOBE--THIS IS RIDICULOUS!!! CHANGE IT BACK OR
MAKE IT AN

%26gt; OPTION.

%26gt; FORGET the code validation. You are making this a PAIN
for

%26gt; everyone. A committee must have decided on this
change....really!

%26gt;

%26gt; All the issues raised on this thread are valid.

%26gt;

%26gt; CHANGE IT BACK on ver 9.1!!!




You're not making a whole lot of sense. If you're talking
about how DW

deals with borders around image (links): I'd rather do it in
CSS. It's

a whole lot more robust and flexible that way. And it's not a
pain,

it's perfectly easy to include a single line:

a img { border : 0 ; }

in a CSS file.



This is a user-to-user forum. If you want Adobe to find out
about your

concerns, go to Adobe's make a suggestion page and sent it to
them.

I've seen the address posted at least once today.



--

Joe Makowiec


http://makowiec.net/

Email:
http://makowiec.net/contact.php


I think everyone here would vote to keep it the way it is.
It's the right

way to do it.



But - you can express your opinion here -




http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform





--

Murray --- ICQ 71997575

Adobe Community Expert

(If you *MUST* email me, don't LAUGH when you do so!)

==================


http://www.dreamweavermx-templates.com
- Template Triage!


http://www.projectseven.com/go
- DW FAQs, Tutorials %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources


http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes

==================





''bobrossi'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:f3slo3$rvf$1@forums.macromedia.com...

%26gt; Thanks for the help. It is appreciated. BUT...

%26gt;

%26gt; --DEAR ADOBE--THIS IS RIDICULOUS!!! CHANGE IT BACK OR
MAKE IT AN OPTION.

%26gt; FORGET the code validation. You are making this a PAIN
for everyone. A

%26gt; committee must have decided on this change....really!

%26gt;

%26gt; All the issues raised on this thread are valid.

%26gt;

%26gt; CHANGE IT BACK on ver 9.1!!!


%26gt;





No comments:

Post a Comment