Htlm link to css question

Hello Dreamweavers.
im seeing two types of codes in order to link a htlm file to a css sheet.
one code is: <link rel="stylesheet" type="text/css" href="theme.css">
second code is: <link href="styel.css" rel="stylesheet" type="text/class" media="screen" />
what is the difference between these 2?
Kind Regards.

Ok i have understood that. i was just asking this question because i went to w3schools. and wheni typed in link to external file sheet.
the default came up as :
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
smthing different to the tutorial i was doing.
Bu thank you for the Help.

Similar Messages

2 CSS Questions on my layout

Hi everyone, I have two CSS questions regarding my layout.
First off, it is located at:
http://robles.clunet.edu/~ssmi/tsr9/tsr9template.html
The CSS is embeded in the file (it will linked from a
different file once I am done with this design, but beside the
point)
My first question is about how I can keep the right top image
from being bumped down to the next line when the window is resized.
I want it to squeeze into some, but then at a point have the scroll
bars kick in.
My other question is how I could make the title image "The
Scott Report" centered between the two left and right images up
top.
Could anyone help out?
Thanks a lot!

Check the AppleCare number for your country here:
http://support.apple.com/kb/HE57
Call them up, and let them know you would like to be transferred to the Account Security Team.

Have a CSS question

I have a picture i am trying to put inside a div that has a class already which makes pictures have a frame around them when i insert them into it, which is fine for the main image but i am trying to add an extra image in there and i dont want that frame to be there.
I will attach a picture and a link to the site i am talking about.
If anyone can help me with this CSS question or how i can go about getting rid of the frame around the step 1, step 2 and step 3.
eWeb Solutions Website Development
Thanks!

Take the frame class out the div and apply it to select images like this:
<div>
<img class="frame" src="step1.jpg">
<img src="picture1.jpg">
</div>
<div>
<img class="frame" src="step2.jpg">
<img src="picture2.jpg">
</div>
Nancy O.

One more CSS question

The question pertains to this page
this
page
This is a class project & am not allowed to touch the
html page. Only the CSS Tab in D/W.
Ideally, what I would like to do is move the paragraph which
starts with "A demonstration of what can be accomplished" up at the
very top, aligned with "Zen Garden" but justified right.
If that is not possible, then I would at least like the
second paragraph.. which starts out as "So What is This About?" to
wrap around the paragraph I mentioned above.
Thanks again!
Edit: Link to CSS page:
http://www.webrevamps.com/adwclass/a2/sample.css

quote:
Originally posted by:
bregent
Uh. Are you asking us to do your homework for you?
LOL! No, however I am asking for help, which I'm allowed to
do (it's an online class).

A very handy Apple Link to many questions posted here ...

Hi ALL,
This is a Apple LINK to many questions that ask here ... before asking have a look into this link ...
PRO TIPS, great to Bookmark this ...
http://www.apple.com/pro/tips
Takes a weekend to read ...
Dimaxum

Apple also do a video podcast - 'Apple Quick Tips' which you can subscribe to in the iTunes store and play it on your Mac. There's some pretty good tips in there if you don't want to wade through all that text.

Linking external css file issue

Hello everyone,
I have linked my css file to the html in dreamweaver manual in the html page and by attaching the css file in dreamweaver but when I add new stle to my css file I dont know why it wont show the affect of the style I add to the HTML file while I have the split view in dreamweaver. please help

That's because you're creating a class. You don't need a class to style HTML selectors.
HTML selectors don't contain any prefixes.
h1 {color:teal}
h2 {color:brown}
h3 {color: maroon}
Classes contain a dot prefix and must be referenced in the HTML.
.classname {color:pink}
<h2 class="classname">This class is pink</h2>
Nancy O.

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/

Linking the css to page problem

i have this page
http://www.pupr.edu/template/students.asp
in it, spry collapsible panels
spry menubar horizontal
and spry sliding panels
as you know you have to link each's css and js file right.
well, i have them in an included file that i include just before the closing head tag
when i have linked the menubar and the collapsible panels, they work ( kindof ) allright in IE ( Firefox always works )
Kindof allright because they appear closed and you can click open and click close but the animation when u close jumps open and closes again kindof glitchy looking.
AND when i place the links for the sliding panel ( or any other link i linked to an achordeon previously ) and it stops the functioning completely of the collapsible panels! ( in IE, firefox keeps working perfect ) As they would appear if the js wasnt linked.
So my thought was that when i linked anything else IE dosnt link the collapsible panels with its js or dosnt recognize them or i duno
please, anyone have any idea? this is so weird to me

thanks Murray!
the links are like that now

<link href="/template/css/STYLE.css" rel="stylesheet" type="text/css">
<script src="/SpryAssets/SpryCollapsiblePanel.js" type="text/javascript"></script>
<link href="/SpryAssets/SpryCollapsiblePanel1.css" rel="stylesheet" type="text/css">

<script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">

<link href="/SpryAssets/SpryMenuBarHorizontal2.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="/template/css/SprySlidingPanels.js"></script>
<link type="text/css" rel="stylesheet" href="/template/css/SprySlidingPanels.css">

but nothing changed on IE, firefox stayed good.
any other ideas Murray?

Induced Error Linking to CSS files

When I link (in the CSS panel ) a CSS file locally to an html
page I get the following:
<link href="/css/type.css" rel="stylesheet"
type="text/css" />
The CSS folder is in the same folder as the page so the path
is almost correct but its the leading "/" that creates the problem.
The html page doesn't reference the CSS file.
If I remove the leading "/" the CSS file is referenced and
the page displays as expected.
So the link now becomes
<link href="css/type.css" rel="stylesheet" type="text/css"
/>
I'm not knowledgeable on the conventions of defining the path
from the page to CSS file so I have to ask is this a bug in DW, do
I have an incorrect setting that I'm not aware of, OR is there some
other reason this is happening.
Additional Information: The page displays correctly in the
"design" mode but when you go to "live view" it fails. The page
also fails to display correctly when viewed in a browser.
Background: DW CS4, OSX 10.5.5
Thanks

At the bottom of the "Select Style Sheet File" dialog there
is a filed
called "Relative to:". You have it set to "Site root". Change
it to
"Document".
HTH,
Randy
> When I link (in the CSS panel ) a CSS file locally to an
html page I get the
> following:
> <link href="/css/type.css" rel="stylesheet"
type="text/css" />
> The CSS folder is in the same folder as the page so the
path is almost
> correct but its the leading "/" that creates the
problem.
>
> The html page doesn't reference the CSS file.
> If I remove the leading "/" the CSS file is referenced
and the page displays
> as expected.
> So the link now becomes
> <link href="css/type.css" rel="stylesheet"
type="text/css" />
>
> I'm not knowledgeable on the conventions of defining the
path from the page to
> CSS file so I have to ask is this a bug in DW, do I have
an incorrect setting
> that I'm not aware of, OR is there some other reason
this is happening.

I have forgotten my security question answer, i click the link to reset questions to my email address(done this about 20 times) no email is sent by apple,what can i do as i am wanting to make purchases but cannot

i have forgotten my security question answers,i clickthe link to reset questions to my email address(done this about 20 times) no mail sent back by apple i want to make purchases but cannot

Reset security questions
http://support.apple.com/kb/HT5312
If you do not have a Rescue email, you need to contact apple support, they will guide you through the process of resetting your security questions.
https://ssl.apple.com/emea/support/itunes/contact.html

CheckboxDatagrid (extended) CSS question

Hello
In our application we make use of the CheckBoxDataGrid, which rocks.
We are playing with the CSS and noticed that we arent able to change the "chromeColor" property, in CSS. Only in the MXML.
I would like to set the style in the CheckBoxDataGrid super class, but I do not see a way to specify "headerStyleName".
How and where would that occur in an extended class? Would it need to happen in the constructor?
Also, how would you re-assign the CSS, in ActionScript, in this extended DataGrid class? Any ideas?
Any help is appreciated, thanks folks!

kumar wrote:
Browser: IE 7 (** Is it the browser issue**)Yes. Interactive Report CSS question.. expands the page width to accommodate the IR, with a scrollbar on the viewport that allow the user to view the full width.
Remove
#apexir_DATA_PANEL {
margin-bottom: 10px;
overflow: auto;
}The IE7 bug can be addressed by feeding it the following CSS fix targeted at pre-IE8 browsers with a conditional comment in the page HTML Header:
Specify the <tt>too-wide</tt> static region ID on the IR region for use as a CSS selector.
However, presenting information in a way that requires users to scroll the viewport horizontally is clunky. This will be particularly true in combination with an IR. Think about the user experience: is there an alternative way of displaying this information?

A CSS question I think

If you would take a look at this page http://www.gcfa.org/add_data.asp you will see that between the header and the navigation bar a white line is there. I don't won't it there, how can I get rid of it?
It must be in my CSS I guess, I checked the images and neither one of them the Header nor the Navigation menu have a white border. Here's my code. Thanks in advance for your help.
My page:
<%@LANGUAGE="VBSCRIPT"%>

<%
Dim MM_editAction
MM_editAction = CStr(Request.ServerVariables("SCRIPT_NAME"))
If (Request.QueryString <> "") Then
MM_editAction = MM_editAction & "?" & Server.HTMLEncode(Request.QueryString)
End If
' boolean to abort record edit
Dim MM_abortEdit
MM_abortEdit = false
%>
<%
If (CStr(Request("MM_insert")) = "form1") Then
If (Not MM_abortEdit) Then
    ' execute the insert
    Dim MM_editCmd
    Set MM_editCmd = Server.CreateObject ("ADODB.Command")
    MM_editCmd.ActiveConnection = MM_BishopsLogin_STRING
    MM_editCmd.CommandText = "INSERT INTO dbo.DeptData (Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy) VALUES (?, ?, ?, ?, ?, ?)"
    MM_editCmd.Prepared = true
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param1", 201, 1, 30, Request.Form("Department")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param2", 201, 1, 1000, Request.Form("SubpageTitle")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param3", 201, 1, 1000, Request.Form("LinkDescription")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param4", 201, 1, 500, Request.Form("URL")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param5", 201, 1, 10, Request.Form("DateLastModified")) ' adLongVarChar
    MM_editCmd.Parameters.Append MM_editCmd.CreateParameter("param6", 201, 1, 50, Request.Form("ModifiedBy")) ' adLongVarChar
    MM_editCmd.Execute
    MM_editCmd.ActiveConnection.Close
    ' append the query string to the redirect URL
    Dim MM_editRedirectUrl
    MM_editRedirectUrl = "adding_data_results.asp"
    If (Request.Form<> "") Then
      If (InStr(1, MM_editRedirectUrl, "?", vbTextCompare) = 0) Then
        MM_editRedirectUrl = MM_editRedirectUrl & "?" & Request.Form
      Else
        MM_editRedirectUrl = MM_editRedirectUrl & "&" & Request.Form
      End If
    End If
    Response.Redirect(MM_editRedirectUrl)
End If
End If
%>
<%
Dim rs_Add_Data__MMColParam
rs_Add_Data__MMColParam = "1"
If (Request.QueryString("RecordID") <> "") Then
rs_Add_Data__MMColParam = Request.QueryString("RecordID")
End If
%>
<%
Dim rs_Add_Data
Dim rs_Add_Data_cmd
Dim rs_Add_Data_numRows
Set rs_Add_Data_cmd = Server.CreateObject ("ADODB.Command")
rs_Add_Data_cmd.ActiveConnection = MM_BishopsLogin_STRING
rs_Add_Data_cmd.CommandText = "SELECT ID, Department, SubpageTitle, LinkDescription, URL, DateLastModified, ModifiedBy FROM dbo.DeptData WHERE ID = ? ORDER BY ID DESC"
rs_Add_Data_cmd.Prepared = true
rs_Add_Data_cmd.Parameters.Append rs_Add_Data_cmd.CreateParameter("param1", 5, 1, -1, rs_Add_Data__MMColParam) ' adDouble
Set rs_Add_Data = rs_Add_Data_cmd.Execute
rs_Add_Data_numRows = 0
%>
<%
Dim MM_paramName
%>
<%
' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters
Dim MM_keepNone
Dim MM_keepURL
Dim MM_keepForm
Dim MM_keepBoth
Dim MM_removeList
Dim MM_item
Dim MM_nextItem
' create the list of parameters which should not be maintained
MM_removeList = "&index="
If (MM_paramName <> "") Then
MM_removeList = MM_removeList & "&" & MM_paramName & "="
End If
MM_keepURL=""
MM_keepForm=""
MM_keepBoth=""
MM_keepNone=""
' add the URL parameters to the MM_keepURL string
For Each MM_item In Request.QueryString
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
End If
Next
' add the Form variables to the MM_keepForm string
For Each MM_item In Request.Form
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
    MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
End If
Next
' create the Form + URL string and remove the intial '&' from each of the strings
MM_keepBoth = MM_keepURL & MM_keepForm
If (MM_keepBoth <> "") Then
MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
End If
If (MM_keepURL <> "") Then
MM_keepURL = Right(MM_keepURL, Len(MM_keepURL) - 1)
End If
If (MM_keepForm <> "") Then
MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
End If
' a utility function used for adding additional parameters to these strings
Function MM_joinChar(firstItem)
If (firstItem <> "") Then
    MM_joinChar = "&"
Else
    MM_joinChar = ""
End If
End Function
%>
<!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>GCFA: Update Data Files</title>
<link href="samples/OneColumn.css" rel="stylesheet" type="text/css" />
<style type="text/css" media="screen">
@import url("images/nav_bar.css");
</style>
<script language="JavaScript1.2" type="text/javascript" src="images/mm_css_menu.js"></script>
<script type="text/javascript">

</script>
</head>
<body class="oneColLiqCtrHdr" onload="MM_preloadImages('images/Slices/nav_bar_r2_c2_f2.gif','images/Slices/nav_bar_r2_c 3_f2.gif','images/Slices/nav_bar_r2_c5_f2.gif')">
<div id="container">
    <div id="header">
       <div id="#DataFiles_LOGO"></div>
</div>
<div id="mainContent">
    <div id="FWTableContainer1445733177">
      <table border="0" cellpadding="0" cellspacing="0" width="799">
        
        <tr>
          <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="5" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="221" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="130" height="1" border="0" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
        </tr>
        <tr>
          <td colspan="6"><img name="nav_bar_r1_c1" src="images/Slices/nav_bar_r1_c1.gif" width="799" height="5" border="0" id="nav_bar_r1_c1" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="5" border="0" alt="" /></td>
        </tr>
        <tr>
          <td rowspan="2"><img name="nav_bar_r2_c1" src="images/Slices/nav_bar_r2_c1.gif" width="1" height="25" border="0" id="nav_bar_r2_c1" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_swapImgRestore();MM_menuStartTimeout(1000)" onmouseover="MM_menuShowMenu('MMMenuContainer1015135953_0', 'MMMenu1015135953_0',6,24,'nav_bar_r2_c2');MM_swapImage('nav_bar_r2_c2','','images/Slices /nav_bar_r2_c2_f2.gif',1);"><img name="nav_bar_r2_c2" src="images/Slices/nav_bar_r2_c2.gif" width="221" height="24" border="0" id="nav_bar_r2_c2" alt="" /></a></td>
          <td><a href="http://www.gcfa.org/Department_Data.aspx" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c3','','images/Slices/nav_bar_r2_c3_f2.gif',1);"><i mg name="nav_bar_r2_c3" src="images/Slices/nav_bar_r2_c3.gif" width="221" height="24" border="0" id="nav_bar_r2_c3" alt="Department Data Files" /></a></td>
          <td rowspan="2"><img name="nav_bar_r2_c4" src="images/Slices/nav_bar_r2_c4.gif" width="5" height="25" border="0" id="nav_bar_r2_c4" alt="" /></td>
          <td><a href="http://www.gcfa.org/help_topics.html" target="_top" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('nav_bar_r2_c5','','images/Slices/nav_bar_r2_c5_f2.gif',1);"><i mg name="nav_bar_r2_c5" src="images/Slices/nav_bar_r2_c5.gif" width="221" height="24" border="0" id="nav_bar_r2_c5" alt="Help Topics" /></a></td>
          <td rowspan="2"><img name="nav_bar_r2_c6" src="images/Slices/nav_bar_r2_c6.gif" width="130" height="25" border="0" id="nav_bar_r2_c6" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="24" border="0" alt="" /></td>
        </tr>
        <tr>
          <td colspan="2"><img name="nav_bar_r3_c2" src="images/Slices/nav_bar_r3_c2.gif" width="442" height="1" border="0" id="nav_bar_r3_c2" alt="" /></td>
          <td><img name="nav_bar_r3_c5" src="images/Slices/nav_bar_r3_c5.gif" width="221" height="1" border="0" id="nav_bar_r3_c5" alt="" /></td>
          <td><img src="images/Slices/spacer.gif" width="1" height="1" border="0" alt="" /></td>
        </tr>
      </table>
      <div id="MMMenuContainer1015135953_0">
        <div id="MMMenu1015135953_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="http://www.gcfa.org/add_data.asp" target="_top" id="MMMenu1015135953_0_Item_0" class="MMMIFVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Add Data </a> <a href="http://www.gcfa.org/update_data.asp" target="_top" id="MMMenu1015135953_0_Item_1" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Update Data </a> <a href="http://www.gcfa.org/delete_data.asp" target="_top" id="MMMenu1015135953_0_Item_2" class="MMMIVStyleMMMenu1015135953_0" onmouseover="MM_menuOverMenuItem('MMMenu1015135953_0');"> Delete Data </a> </div>
      </div>
    </div>
    <br />
        <br />
        <br />
        <br />
        <br />
      <strong>Enter the information you are wanting to add to our database:</strong><br />
</div>
    <form ACTION="<%=MM_editAction%>" METHOD="POST" name="form1" target="_top" id="form1">
      <table width="689" align="left">
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Department:</td>
      <td><label>
        <input name="Department" type="text" id="Department" size="75" maxlength="500" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Subpage Title:</td>
      <td><label>
        <input name="SubpageTitle" type="text" id="SubpageTitle" size="75" maxlength="1000" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Link Description:</td>
      <td><label>
        <input name="LinkDescription" type="text" id="LinkDescription" size="75" maxlength="1000" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">URL:</td>
      <td><input name="URL" type="text" id="URL" size="75" maxlength="500" /></td>
    </tr>
    <tr valign="baseline">
      <td height="24" align="left" valign="top" nowrap="nowrap">Date Modified:</td>
      <td><input name="DateLastModified" type="text" id="DateLastModified" size="75" maxlength="10" /></td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap">Modified By:</td>
      <td><label>
        <input name="ModifiedBy" type="text" id="ModifiedBy" size="75" maxlength="50" />
      </label></td>
    </tr>
    <tr valign="baseline">
      <td height="20" align="left" valign="top" nowrap="nowrap"> </td>
      <td> </td>
    </tr>
    <tr valign="baseline">
      <td align="left" valign="top" nowrap="nowrap"><p> </p></td>
      <td align="left" valign="top" nowrap="nowrap"><label>
        <input type="submit" name="Add_Info" id="Add_Info" value="Add data to database now!" />
      </label></td>
    </tr>
</table>
<p> </p>
<p><br />
      <br />
      <br />
      <br />
      </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
      </p>
<input type="hidden" name="MM_insert" value="form1" />
</form> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="footer">
    <p align="center">This site is maintained by the General Council on Finance and Administration <script language="JavaScript">
var today_date= new Date()
var year=today_date.getFullYear()
document.write(year)
//--> </script>
©</p>
</div>
</div>
</body>
</html>
<%
rs_Add_Data.Close()
Set rs_Add_Data = Nothing
%>
My CSS Pages:
@charset "utf-8";
body {
/*background:#ffffff;*/
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
/*color: #000000;*/
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-repeat: no-repeat;
background-position: right top;
background-image: url(../images/body_bg.jpg);
.oneColLiqCtrHdr #container {
width: 99%; /* the auto margins (in conjunction with a width) center the page */
/* border: 1px solid #000000;*/
text-align: left; /* this overrides the text-align: center on the body element. */
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: ;
background-repeat: no-repeat;
background-position: right top;
.oneColLiqCtrHdr #header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
color: #FFFFFF;
font-size: 18px;
background-repeat: no-repeat;
height: 124px;
width: 100%;
background-image: url(../images/dept_data_files_logo.jpg);
padding: 0px;
/*background-color: #67120D;*/
.oneColLiqCtrHdr #mainContent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #3C0D0D;
font-weight: 700;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
margin: 0px;
width: 760px;
.oneColLiqCtrHdr #footer {
padding: 0 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
color: #FFFFFF;
background-color: #000000;
/*width:780px;*/
.oneColLiqCtrHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
h1 {
color:#FFFFFF;
font-size: 36px;
h2,h3 {
10px;
8px;
color: #000000;
#DataFiles_LOGO{
height:127px;
width: 740px;
background-repeat: no-repeat;
background-image: url(../images/dept_data_files_logo.jpg);
background-position: left top;
padding: 0px;
margin: 0px;
top: 0px;
float: left;
And my Navigation CSS:
td img {
/* Another Mozilla/Netscape bug with making sure our images display correctly */
display: block;
#FWTableContainer1445733177 {
/* The master div to make sure that our popup menus get aligned correctly. Be careful when playing with this one. */
position:relative;
margin:0px;
width:799px;
height:30px;
text-align:left;
#MMMenuContainer1015135953_0 {
/* This ID is related to the master menu div for menu MMMenuContainer1015135953_0 and contains the important positioning information for the menu as a whole */
position:absolute;
left:7px;
top:29px;
visibility:hidden;
z-index:300;
#MMMenu1015135953_0 {
/* This class defines things about menu MMMenu1015135953_0's div. */
position:absolute;
left:0px;
top:0px;
visibility:hidden;
background-color:#ffffff;
border:1px solid #000000;
width:208px;
height:76px;
.MMMIFVStyleMMMenu1015135953_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
border-top:1px solid #000000;
border-left:1px solid #000000;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
width:208px;
height:26px;
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
height:18px;
.MMMIVStyleMMMenu1015135953_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu1015135953_0 */
border-top:0px;
border-left:1px solid #000000;
border-bottom:1px solid #ffffff;
border-right:1px solid #ffffff;
width:208px;
height:25px;
voice-family: "\"}\"";
voice-family:inherit;
width:200px;
height:18px;
#MMMenu1015135953_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu1015135953_0 so we can set its position */
left:0px;
top:0px;
#MMMenu1015135953_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu1015135953_0 so we can set its position */
left:0px;
top:26px;
#MMMenu1015135953_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu1015135953_0 so we can set its position */
left:0px;
top:51px;
#MMMenuContainer1015135953_0 img {
/* needed for Mozilla/Camino/Netscape */
border:0px;
#MMMenuContainer1015135953_0 a {
/* Controls the general apperance for menu MMMenuContainer1015135953_0's items, including color and font */
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#ffcc33;
text-align:center;
vertical-align:middle;
padding:3px;
background-color:#000000;
font-weight:bold;
font-style:normal;
display:block;
position:absolute;
#MMMenuContainer1015135953_0 a:hover {
/* Controls the mouse over effects for menu MMMenuContainer1015135953_0 */
color:#ffcc33;
background-color:#990000;

Glad you sorted this out.
You might want to mark this as Answered so folks trying to help answer questions won't have to click on this link now. Thanks!
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Link to CSS problem (in Design View)

Hello Dreamweaver experts,
In the Design View Dreamweaver CS3 is not picking up the
styles specified in a linked stylesheet. Let me explain...
I am using an application in our office that relies upon HTML
(but does not use a standard web browser).
I need to refer to linked stylesheets using a variable like
so;
[example #1]
<link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet" type="text/css" />
The use of the variable construction "{FILES_DIR}" eliminates
the need to hard code a drive letter into the link which is
preferrable. Without "{FILES_DIR}" I have to hard-code the drive
letter like so;
[example #2]
<link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
rel="stylesheet" type="text/css" -->
Both examples above yield the same result in the application
(the stylesheet is found and its styles properly applied).
However, only with example #2 does Dreamweaver's "design
view" pick up and apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its styles using example #1.
My question is how can I make Dreamweaver understand and
apply what "{FILES_DIR}" means.
Any tips, tricks or pointers would be most welcome...

"horse.badorties" <[email protected]> wrote
in message
news:fh9o12$80d$[email protected]..
> Hello Dreamweaver experts,
>
> In the Design View Dreamweaver CS3 is not picking up the
styles specified
> in a
> linked stylesheet. Let me explain...
>
> I am using an application in our office that relies upon
HTML (but does
> not
> use a standard web browser).
>
> I need to refer to linked stylesheets using a variable
like so;
>
>
[example #1]
> <link href="{FILES_DIR}/path/css/stylesheet.css"
rel="stylesheet"
> type="text/css" />
>
> The use of the variable construction "{FILES_DIR}"
eliminates the need to
> hard
> code a drive letter into the link which is preferrable.
Without
> "{FILES_DIR}"
> I have to hard-code the drive letter like so;
>
>
[example #2]
> <link
href="file:///K|/additional-path-details/path/css/stylesheet.css"
> rel="stylesheet" type="text/css" -->
>
> Both examples above yield the same result in the
application (the
> stylesheet
> is found and its styles properly applied).
>
> However, only with example #2 does Dreamweaver's "design
view" pick up and
> apply the stylesheet. Dreamweaver cannot find the
stylesheet or apply its
> styles using example #1.
Did you look into "design-time" styles sheets? That may solve
your problem.
It won't take care of the path in the document though...
Thierry
Articles and Tutorials:
http://www.TJKDesign.com/go/?0
http://www.divahtml.com/products/scripts_dreamweaver_extensions.php
- divaGPS - Add "you are here" highlighting to virtually any
menu
- divaFAQ - Create FAQ pages that toggle (show/hide) the
answers
- divaPOP - Easy, clean, standards-compliant popup windows.

CSS question - complete Novice

i know some of you people must dispair at novice questions
but we all need to start somewhere don't we. i have had dreamweaver
for 18 months and have hardly used it but now i am starting to
learn. basically my problem is this...and i bet it's an old
chesnut.
i have two different places on my website that have links,
one with a green background, that on hover turns white.... thats in
the settings. thing is i want an email link thats on a white
background in the same page, i have tried different colurs but it
just doesn't look right.
could anyone tell me in simple terms what i need to add to
either the CSS file or change something in settings that allow me
to do this.
sorry if this has been asked before...thanks for your help,
Bryan
PS i am using MX 2004

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
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 & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"beebbuoy" <[email protected]> wrote in
message
news:eng6jm$8dg$[email protected]..
>i know some of you people must dispair at novice
questions but we all need
>to
> start somewhere don't we. i have had dreamweaver for 18
months and have
> hardly
> used it but now i am starting to learn. basically my
problem is
> this...and i
> bet it's an old chesnut.
>
> i have two different places on my website that have
links, one with a
> green
> background, that on hover turns white.... thats in the
settings. thing is
> i
> want an email link thats on a white background in the
same page, i have
> tried
> different colurs but it just doesn't look right.
>
> could anyone tell me in simple terms what i need to add
to either the CSS
> file
> or change something in settings that allow me to do
this.
>
> sorry if this has been asked before...thanks for your
help, Bryan
>
> PS i am using MX 2004
>

Include In Head adaptive Tag and Webcenter Default CSS questions

Hello I'm fairly new to Webcenter
I`m currently working on a project that`s requiring us to do a lot of customizing of Templates and Stylesheets changes, I have a couple of questions I was hoping someone might be able to help me with.
1) I want to inject some code into the page header of all webcenter pages. I understand that there is an adaptive tag "includeinhead", documented here:
http://download.oracle.com/docs/cd/E13174_01/alui/devdoc/docs60/Portlets/Adaptive_Portlets/Using_Adaptive_Tags/plumtreedevdoc_integration_portlets_adaptive_namespacetoken.htm
This works, for the most part. However, for IE I would like to include the 'ie shim' which fixes behaviours for IE (adding things like border radius), etc...this code goes as follows:

As you can see, there are 'comment' tags that are not really comments, but directives to IE to process the script. This unfortunately gets parsed out by webcenter because (I assume) it just sees the whole block as a comment...So I am wondering what can be done about this.
2) I am wondering where the 'default' stylesheet that webcenter uses resides. By default, I am referring to the styles that get applied in the cases where tags are not defined in the skin file. I am having some difficulties around this because often Webcenter injects inline CSS into the controls where I don't really want it to... For example, in the "panel header" control, webcenter injects code for the title field and automatically sets the width of the cell. I would like to override this and control it completely.
Thanks.

Is that really a big deal or is it ok .... ? I'm always thinking .... oh god how heavy that is , anytime you call up the page the browser has to go through all that first ... is it actually ok or are there any tricks or tips ?
It's always a good idea to worry about how heavy the LINKED files are since they contribute to the overall weight of the page. The contribution of the links themselves, though, is negligable. There is also benefit in managing the order in which those links appear. Put CSS links first and follow them with javascript links (since the CSS will affect the page rendering, while the javascript most likely will not), so the browser can begin to render the page even while it's waiting for the js files to be fetched.
2 - Templates are great but If a spry is only needed on some pages,how do we handle that ? By setting up another template ? Or is there a better way ?
If you are applying Spry effects to a Template child page, DW is smart enough to drop those links into the editable region in the head of the page (which is what it should do). Just make sure that the editable region falls BETWEEN your CSS links and your JS links to allow you to arrange things as mentioned above. There is never a real need to have more than one Template per site.
3 - is it better to have 1 single compressed css file with ALL styles in it or various css files ?
There is a small performance hit everytime you have to go back to the server for another file. So two pages of the same overall weight, one with 1 externally linked file, and the other with 10 externally linked files will show a difference in their download time. How significant that difference is will depend on many variables, but it will be a real difference. That being the case, it's always better to opt for a single file than multiple files. Practically speaking, the difference will usually be small, especially when you consider how small these 'incremental' css files usually are....

Htlm link to css question

Similar Messages

Maybe you are looking for