Dreamweaver Functions using CSS
I'm just learning about CSS, as I'm developing a site and I
have two questions.
I created a simple form with a text box and submit button,
both of which are positioned using CSS. The red form indicator box
is shown way at the top of the page where it sits in the code. This
is the only way I can get the tag to "wrap" both div tags. Will
this cause any problems?
Also, my header and footer contain a good amount of div tags
for CSS positioning. What do I need to do to save all the items in
each together as a library item? Is this possible? How do I select
all the various elements?
Thanks,
Brad
> Also, my header and footer contain a good amount of div
tags for CSS
> positioning.
Not good. Sounds like a potentially case of "divitis".
Publish the page and
post a link to it here so we can dissect your code.
>>The red form indicator box is
The What? is Where?
Walt
"goodears" <[email protected]> wrote in
message
news:etkhtn$6g3$[email protected]..
> I'm just learning about CSS, as I'm developing a site
and I have two
> questions.
>
> I created a simple form with a text box and submit
button, both of which
> are
> positioned using CSS. The red form indicator box is
shown way at the top
> of
> the page where it sits in the code. This is the only way
I can get the
> tag to
> "wrap" both div tags. Will this cause any problems?
>
> Also, my header and footer contain a good amount of div
tags for CSS
> positioning. What do I need to do to save all the items
in each together
> as a
> library item? Is this possible? How do I select all the
various
> elements?
>
> Thanks,
>
> Brad
>
Similar Messages
-
NOT using css in dreamweaver 8
How can i get dreamweaver to NOT use css in a simply HTM
page?
I need it do create a HTM page where the font, colour, size,
etc is .
Like
font color="#FFFFFF"
face="Verdana"><strong> My Test Goes Here
</strong></font
I'm creating html mail shots and need the code this way.
Thanks
AndyThanks dave
Thanks for that, i was looking everywhere :-)
Andy
"David Powers" <[email protected]> wrote in message
news:f2ugqr$kog$[email protected]..
> Andy wrote:
>> How can i get dreamweaver to NOT use css in a simply
HTM page?
>
> There are two ways:
>
> * Use the Font tag editor on the Text tab of the Insert
bar.
> * Open the Preferences panel (Edit menu on Windows,
Dreamweaver menu on a
> Mac), select the General category, and deselect Use CSS
instead of HTML
> tags.
>
> --
> David Powers, Adobe Community Expert
> Author, "Foundation PHP for Dreamweaver 8" (friends of
ED)
> Author, "PHP Solutions" (friends of ED)
>
http://foundationphp.com/ -
How to set dreamweaver to not use CSS?
I know it is frowned upon to not use CSS, but, the reason why
I want everything done in HTML is because I want to list my page on
ebay, and ebay does not support the use of css, or at least it
seems that way, everything has to be purely done in HTML, is there
a way to set dreamweaver so that it does not automatically make my
formating turn to CSS?
Thanks,
Bill..oO(BKolos)
>I know it is frowned upon to not use CSS, but, the reason
why I want everything
>done in HTML is because I want to list my page on an
auction, and this auction
>does not support the use of css, everything has to be
purely done in HTML
If it's about eBay or a similar platform, then in fact you
can use CSS.
You just have to add a 'style' element to the page body(!) to
link to an
external stylesheet. It's completely invalid HTML, because
the 'style'
element belongs to the document's head, but it should work in
almost
every browser. And since usually the rest of the auction page
is invalid
HTML anyway, it doesn't really hurt either.
See if this helps.
Micha -
How to use CSS to create horizontal nav bar in Dreamweaver CS6
How to use CSS to create horizontal nav bar in Dreamweaver CS6
One of the ways to do it is this: Tryit Editor v1.9
You can also use floats to get something to the same effect. -
Stop Dreamweaver loading scripts/CSS files included in a page
Dreamweaver CC 2014.1 (Mac OS X 10.10, Yosemite) has a big BUG... isn't possibile build with it large/complex websites.
If I have a website with large numbers of css files (or scripts), Dreamweaver takes too much time to load/save a page that included them (the wheel turns indefinitely).
Is it possible to stop Dreamweaver from loading scripts and CSS files included in a page while I'm working on it (even temporarily)?
I know that without this function (load external files) Dreamweaver is absolutely useless, but at the moment I haven't still found another IDE tool and I need to work with speed.
ThanksLive View, Code View or Design View?
Have you validated your code to check for errors?
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
You could comment out your links to external scripts and CSS Files.
<!--this is an html comment
-->
To turn off styles in Design View only, go to View > Style Rendering > untick Display Styles. Or consider using a Design-Time Style Sheet.
Dreamweaver Help | Use Design-Time style sheets
To speed things up a bit, try these tips:
1. Edit -> Preferences -> Code Hints -> Disable description tooltips
2. Edit -> Preferences -> Highlighting -> Untick both Live Data Untranslated and Translated
3. Edit -> Preferences -> Sync Settings -> Untick all in sync settings
Nancy O. -
How do I create a webpage in Dreamweaver WITHOUT using layers?
I'm reading a lot about how we should not use layers and
tables when creating a website in Dreamweaver because of something
called "absolute placement" (or something), which is the reason the
text in my website is constantly misaligned or overlapping when
opened up in Firefox. Although, I've never had this problem before
for the past three years I've been using Dreamweaver to create my
sites, which is what's most frustrating I think.
So, I guess I'm wondering how, then, do I create a webpage in
Dreamweaver WITHOUT using layers and tables? The only thing I've
been able to do w/o layers/tables is to literally hit "enter" and
"tab" continuously until the cursor is somewhere close to where I
want it to be on the page. But that seems a little old-school (for
lack of a better term) to really be the way to do it.
Also, if I've used a lot of layers/tables already in my
website, is the general recommendation for be to rebuild my site
completely w/o layers/tables, or is it feasible for me to have
someone who knows HTML just come in and fix the actual HTML code
for me to make it all work?
Ideally, I just want something to help me fix this problem
w/o having to hire someone else to come in, cause I've been working
this site for about a year now and am just now finally getting it
up online only to find that the way it looks online is not the way
it looks in Dreamweaver. I'd really really appreciate any
suggestions/advice.
Thank you so much!Hello,
The first bit of advice, which you may already be doing, it
to learn HTML
and CSS.
CSS is used to style and position elements.
Instead of adding numerous to add spacing, for
example, you can use
CSS to add margins or padding to elements to move them away
from other
elements.
Also, IMHO there is nothing wrong with using tables,
specially as you learn.
You can also use <divs> and CSS to position them (a
table-less layout).
There are a number of threads in this forum comparing them
and giving many
designer's views.
It's Dreamweaver's "Layout Mode" you should stay away
from.Use "Standard
Mode"
It creates tables with rowspanss and colspans that are very
fragile.
Something as simple as a user having a different text size
setting in their
browser than what you had in yours when you designed can make
the page break
apart.
More info:
http://apptools.com/rants/spans.php
Also, "Layers" are an older DW term for AP Divs (Absolutely
Positioned).
They can cause you a lot of frustration.
More info:
http://apptools.com:80/examples/pagelayout101.php
I would strongly suggest you take a couple of hours to do
these tutorials.
They are a great introduction to using CSS, making a
stylesheet and using
DW's "wizards".
They are very well written, illustrated and easy to follow.
I promise you will walk away with a different outlook on how
you can design
a page.
They are not intended to replace learning HTML or CSS in any
way, I just
think it will benefit you greatly seeing what you can do.
http://projectseven.com/tutorials/css/css_td/index.htm
http://projectseven.com/tutorials/css/qdmacfly/index.htm
I hope that helps.
Take care,
Tim
"darkpwca" <[email protected]> wrote in
message
news:[email protected]...
> I'm reading a lot about how we should not use layers and
tables when
> creating a
> website in Dreamweaver because of something called
"absolute placement"
> (or
> something), which is the reason the text in my website
is constantly
> misaligned
> or overlapping when opened up in Firefox. Although, I've
never had this
> problem
> before for the past three years I've been using
Dreamweaver to create my
> sites,
> which is what's most frustrating I think.
>
> So, I guess I'm wondering how, then, do I create a
webpage in Dreamweaver
> WITHOUT using layers and tables? The only thing I've
been able to do w/o
> layers/tables is to literally hit "enter" and "tab"
continuously until the
> cursor is somewhere close to where I want it to be on
the page. But that
> seems
> a little old-school (for lack of a better term) to
really be the way to do
> it.
>
> Also, if I've used a lot of layers/tables already in my
website, is the
> general recommendation for be to rebuild my site
completely w/o
> layers/tables,
> or is it feasible for me to have someone who knows HTML
just come in and
> fix
> the actual HTML code for me to make it all work?
>
> Ideally, I just want something to help me fix this
problem w/o having to
> hire
> someone else to come in, cause I've been working this
site for about a
> year now
> and am just now finally getting it up online only to
find that the way it
> looks
> online is not the way it looks in Dreamweaver. I'd
really really
> appreciate any
> suggestions/advice.
>
> Thank you so much!
> -
Problem regarding the creation of Table using CSS.
Hi ,
Here I have a Problem regarding the creation of Table using CSS.
In My Application i have a table with multiple rows(Rows are Dynamically added to the table).First i am setting the table with the following properties:
width:900px;
height : auto,
Overflow : visible,
Max-height: : 200px.
If I use above properties,I'm getting a table with 5 or 6 rows(height upto 200px).After that i am getting the Vertical ScrollBar.
The problem is when a table has many columns, Vertical and Horizontal Scrolls are coming at the time of setting the table. The table height is not Increasing dynamically.
How can i use "height" property in CSS? (I want the table height to be increased when the columns are more.)
Thanks & Regards
MadhaviHey humble user. Errr I'm trying to understand what ur trying to do. U want to create a section of a region destructively from an existing region right? If so select the option convert to new region (opt-comm-R or selecting it by right clicking). Check your audio bin to make sure. Whats the "merge" function? Are u refering to the glue tool?
-
I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code...I am using CSS and Javascript to display a div with an
embedded flash object in it. Mozilla Firefox reloads the flash file
when the div is displayed! (I dont want this to happen, as it's
unexpected functionality, my expectation would be that the flash
file would not change it's state at all, and would remain in
whatever state it was left in.)
I was wondering if anyone has come across this issue and is
there something I can do to prevent this from occurring?
To be more specific, I have a single HTML page with 8 flash
files embedded in it (yeah I know, it's a bit much). I am then
using CSS and Javascript to display (via a numbered link (with an
id)) an equivalent numbered div tag containing the flash file.
Mozilla Firefox reloads the flash object that is in the div.
Internet Explorer will not do this and will instead, load the flash
object only upon initial view of the flash object. All subsequent
links (in IE) will NOT reload the flash object on the page. I'm
guessing this is some kind of difference in the flash player as an
Active X object and the plugin, or is it just IE being clever? Or
am I way off?
Anyway, here is the code... -
Buttons using CSS not working properly
I am using Dreamweaver CS4.
I can't get buttons to work properly using CSS.
The buttons are supposed to have a red border around them when inactive (a:link).
Hovering over the button causes it to change its appearence (this works).
Clicking the button works.
Do this then click the BACK arrow.
Buttons no longer have red border.
I have tried this with FireFox, IE 7, IE 6 and Safari. They all do the same thing.
You may see it in action at www.justforso.net/buttons.htm
What am I doing wrong???
..... Thanks for your help
Here is the code:
/* CSS Document */
Theme Name: Buttons Test
margin: 0;
padding: 0;
body {
font: 80%/1.6 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: black;
a.example1:link
font-size:14px;
font-weight:bold;
text-decoration:none;
border-style:outset;
border-color:red;
border-width:5px;
background-color: #FFFFCE;
width:125px;
color:navy;
a.example1:hover
font-size:14px;
font-weight:bold;
text-decoration:none;
border-style:inset;
border-color:red;
border-width:5px;
background-color: #FFFFCE;
width:125px;
color:maroon;
/* CSS Document */
/* HTML Document */
<!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>Buttons Test</title>
<link rel="stylesheet" href="buttons.css" type="text/css" media="screen" />
</head>
<body>
<p> </p>
<p> </p>
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
<A href="http://www.sitepoint.com/" class="example1"> Promotion </A>
<A href="http://www.sitepoint.com/" class="example1"> Site Point </A>
</body>
</html>
/* HTML Document */It's because you have created styles only for the :link and :hover pseudo-classes. Your buttons revert to the default state when the link is active (being clicked) or has been visited. You need to assign properties to the :visited and :active pseudo-classes as well.
Another point about your CSS is that you're failing to make use of the cascade. There's no need to repeat values that don't change. I have rewritten your CSS like this:
a.example1
font-size:14px;
font-weight:bold;
text-decoration:none;
border-width:5px;
border-color:red;
background-color: #FFFFCE;
width:125px;
color:navy;
a.example1:link, a.example1:visited {
border-style:outset;
a.example1:hover, a.example1:active
border-style:inset;
color:maroon;
This applies common rules to the basic a.example1 selector, and sets the overrides for the pseudo-classes.
One other point. You're using an XHTML DOCTYPE. All tag names MUST be in lowercase to be valid. This is wrong:
<A href="http://www.sitepoint.com/" class="example1"> Beginners </A>
The opening and closing <a> tags should be in lowercase. -
Can't set parameters for embedded audio files using css
I'm embedding numerous audio files in Dreamweaver CS3 using
the <embed> tag. I'm using CSS to control the box size and
other attributes relating to how the file displays on the page, but
I'd also like to set the parameter "autoplay" to false, and
controller to "true," for all of the audio files. I've been doing
this individually for each file (very time consuming), because I
can't figure out a way to do it with CSS. Is there a way to set
those parameters in CSS and apply it to all files?.oO(teachAA)
>I'm embedding numerous audio files in Dreamweaver CS3
using the <embed> tag.
>I'm using CSS to control the box size and other
attributes relating to how the
>file displays on the page, but I'd also like to set the
parameter "autoplay" to
>false, and controller to "true," for all of the audio
files. I've been doing
>this individually for each file (very time consuming),
Search & replace exists.
>because I can't figure
>out a way to do it with CSS. Is there a way to set those
parameters in CSS and
>apply it to all files?
No. CSS is for presentation, but these parameters belong to
the HTML and
have to be written there.
BTW: The 'embed' element is invalid HTML. If you care about
valid markup
and your site doesn't have to be compatible with really old
browsers
like NN 4 or IE 5.5, then you should use the valid method
using 'object'
elements.
Micha -
Old non-CSS site. Problems using CSS now.
I have a site that was built with GoLive years ago. It has
TONS of e-commerce form/store stuff on most of the pages. I quit GL
a few years ago and moved all my sites over to DW CS3. It wasn't
super smooth, but I eventually got it setup as a DW site and went
on with it.
Then CSS came in, and I learned how to build sites with it.
My problem is that this old site (www.webriggingsupply.com) is a
mess of inconsistency with fonts, font sizes, etc. On a page,
within one table of store data, there might be 2 different fonts,
and 3 sizes, when all should be the same font/size.
Due to the sheer number of pages and tables, there is simply
no way I can start over with a new site.
I tried to use CSS to style the new site, but the old
attributes are still in place.
Any suggestions? I could copy/paste a page into a new site,
but how do I strip out all the old font formatting? I tried it, and
it comes in the new site just like the old site? I'm
stuck!!!To remote deprecated code and other tags from legacy sites, I
use a handy
little extension called Tag Stripper 2.1 which runs from the
Command menu in
DW.
It quickly removes unwanted <tables>, <fonts> and
other tags in one pass...
You can download it here (scroll down; it's 3rd from the
bottom):
http://www.feedage.com/feeds/1633172/massimo-foti--dreamweaver-goodies
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"synterx" <[email protected]> wrote in
message
news:gdahng$lq5$[email protected]..
> I have a site that was built with GoLive years ago. It
has TONS of
e-commerce
> form/store stuff on most of the pages. I quit GL a few
years ago and moved
all
> my sites over to DW CS3. It wasn't super smooth, but I
eventually got it
setup
> as a DW site and went on with it.
>
> Then CSS came in, and I learned how to build sites with
it. My problem is
that
> this old site (www.webriggingsupply.com) is a mess of
inconsistency with
fonts,
> font sizes, etc. On a page, within one table of store
data, there might be
2
> different fonts, and 3 sizes, when all should be the
same font/size.
>
> Due to the sheer number of pages and tables, there is
simply no way I can
> start over with a new site.
>
> I tried to use CSS to style the new site, but the old
attributes are
still in
> place.
>
> Any suggestions? I could copy/paste a page into a new
site, but how do I
strip
> out all the old font formatting? I tried it, and it
comes in the new site
just
> like the old site? I'm stuck!!!
> -
Bordering Rows in a table using CSS
HI,
I'm using Dreamweaver CS3. I have a table of 2 columns and 5 rows on 1 particular page. What I would like to do is put a thin border at the bottom of each row. What I am doing is highlighting the first row by choosing the TR tag and starting to create a new rule in CSS which looks like this:
Selector type is Advanced
I choose this page only
.twoColElsLtHdr #container #mainContent table
This doesn't encompass the TR tag so it will only format for the table. If I add the tr tag it doesn't seem to do anything fo the rows in that table.
Is there a correct way to use CSS to format rows in a table without formatting each row individually?
Thanks
SteveThanks Muray that worked. I didn't know thatyou couldn't border on a table row.
Steve -
Trouble printing webpage designed in DW using CSS
I'm using CSS for the first time to design a website in Dreamweaver MX 2004. I'm using a stylesheet for all of the styling, but when I preview the document in the browser, and try to view it in print preview, the printer continuously spools more and more pages for printing. There shouldn't be any more than 2 - 3 pages for the printer to spool, but it keeps spooling pages until I have to cancel the document altogether. I've tried to create another external "print' stylesheet, but that hasn't had any affect on the printer spooling the document continuously. Any ideas on what could be causing this? Thanks for any assistance that you can provide.
I don't believe that it's either my browser or my printer. Both of those seem to be working fine whenever I print out other webpages. I think that it may be something going on with my coding. I've attached a copy here. Maybe you can help me troublehoot it.
Thanks, -
Add file type icons to links using CSS - DW CSS problem?
Hi,
I want to add file icons to links using CSS. How to do this
is clearly described in the article found
HERE.
A most useful feature I REALLY want to use
However the CSS code shown below is not recognized by DW CS3.
In the CSS Styles window shows "(no styles defined)". HELP!
Any tips/tricks/pointers would be appreciated.horse.badorties wrote:
> So DreamWeaver CS3 is NOT able to handle CSS 3?
Actually, it has been able to handle most of the CSS 3
selectors since
MX 2004, but it doesn't recognize these:
E[foo^="bar"]
E[foo$="bar"]
E[foo*="bar"]
E ~ F
Since they're all supported by IE7, Firefox, Opera 9.5, and
Safari 2,
there's a good argument for Dreamweaver to start supporting
them. Why
don't you submit a formal feature request to Adobe?
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform
There are several others not yet supported by Dreamweaver,
but browser
support for them is non-existent, too. The four listed above
are the
most important.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
Placing rollover nav buttons using CSS
Hi. I'm creating my first website using DW CS3 and I'm having
problems working out how to include all of the graphics as part of
the CSS so that I can use different CSSs for different devices.
I have a set of images I'm using for the navigation buttons
and I want to add them to table cells using CSS with tags for
placement but how do I then get the rollover effect without ading
anything to the actual html code?
any help gratefully appreciated.
Thanks.If you need to do this then here is an example:
www.taste-in.com
The buttons are show/hide with css.
.rollover {display: block;height: 100%;}
.rollover img {width: 100%;height: 100%;border: 0;}
.rollover:hover { visibility: visible; }
.rollover:hover img { visibility: hidden; }
#home, #contact, #taste, #about, #tasting, #terms{height:
92px;}#home {width: 139px;background:
url(../images/nav/hover/home.jpg);}
#taste {background: url(../images/nav/hover/taste.jpg);width:
129px;}
#about {background: url(../images/nav/hover/about.jpg);width:
128px;}
#tasting {background:
url(../images/nav/hover/tasting.jpg);width: 126px;}
#terms {background: url(../images/nav/hover/terms.jpg);width:
128px;}
#contact {background:
url(../images/nav/hover/contact.jpg);width: 140px;}--
CheersPablowww.dellwebsites.com
"wefollow" <[email protected]> wrote in
message
news:e2kequ$nie$[email protected]..
> If i can...how can I.....
> I want to import Rollover Buttons from Fireworks to
Dreamweaver( Css Page)
> I just start using CSS code.....
> thank you for reading this message
Maybe you are looking for
-
Alright so.. I have a 160GB internal Hard Drive on my MacBook Pro, and it's basically saying that I have like NOTHING left on it. I don't have a huge amount of programs on my computer.. or even files (I have an external HD for most stuff). So - I was
-
Transfer of credit through J2i8
hi, I have transfer the next year credit to current year credit account through j2i8, but some of the entry has not been transfer to the current credit account. Please advice how to transfer the balance amount. since if once again I am running the j2
-
Is there a maximum possible bitrate for h.264 (from DV iMovie)?
Hello, I have a DV file (a iMovie project) that is 8,76GB big. I want to burn it on a 8,5GB Dual Layer DVD. So I choose 23000kbit/s as video bitrate for h.264 (audio AAC 320kbit/s). The result was a file of 5,44GB (17Mbit/s). When I then tried 26000k
-
For my Azure Website, I don't see instrumentation for its dependent Azure database
I followed the instructions found at Application Insights Azure WebSite extensions but I don't see any instrumentation for the Azure SQL database that the Azure website uses. For the windows "Application Health / Overview timeline" I see graphs for C
-
Solman 7.0 - Question regarding "New Maintenance Optimizer Transaction"
Hi All, Since I'm quite new on Solman transactions, while monitoring my queue, I found 4 tickets that says "New Maintenance Optimizer Transaction". This is what's inside: "Internal Note SOLMAN_ADMIN 08.04.2014 08:41:25 The status was set