Linking with CSS

Day you'll.
Can someone help me with this. I want to link an image to a
page. And I was wondering if I can do it with the CSS thats
attached to the page I want to link from. i.e.

Thank you for pointing that out my friend! Don't know why I
didn't see that before! Having one of those off days today! I owe
you a coke!
Have a great day!

Similar Messages

Get rid of Dotted box around links with CSS

After I click a link on my site a dotted box appears around the link/image. From looking through the forums I have learned that this is a "focus state" used by people without a mouse to tab through the site and see where they are. I have also read the way to get rid of it was to put;
a:focus img { outline:none; }
into the css.
I tried that and it didnt work. If this is infact the correct way to get rid of it, where exactly in the css should i put it?
http://www.rsicorp.org/rsi/silvagilroy.html
Any suggestions are appreciated!
Thanks

Any suggestions are appreciated!
Start by fixing your code errors.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.rsicorp.org%2Frsi%2Fsilvagilr oy.html
You have 2 Spry menu systems on your site. If you want this applied to all links, put this anywhere in your layout.css file.
a {outline:none}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Link Background with CSS

If you look at
this
site and see how all the link boxes, when covered with the
mouse the whole box changes colour, I wanted to know how to do that
with CSS? Because at the moment all I can manage to do is only the
text and not the entire box?

On 24 Feb 2007 in macromedia.dreamweaver, pullher wrote:
> If you look at
>
http://www.nufc.premiumtv.co.uk/page/Home/0,,10278,00.html
and see
> how all the link boxes, when covered with the mouse the
whole box
> changes colour, I wanted to know how to do that with
CSS? Because at
> the moment all I can manage to do is only the text and
not the
> entire box?
Add display:block; to the CSS for the A element, as here:
.menu A {
color:white;
display:block;
background-color:#3E3E3E;
padding:2px 3px 2px 10px;
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/email.php

How to make text CSS text link with HOVER

How do I nake text links using CSS and the hover function?
I am new to this
Thanks

This should help
http://www.projectseven.com/tutorials/css/pseudoclasses/index.htm
Jo
"electro-dud" <[email protected]> wrote in
message
news:fcnnis$cv7$[email protected]..
> How do I nake text links using CSS and the hover
function?
>
> I am new to this
>
> Thanks

Problem with CSS in page I have written [SOLVED]

There is a php page I have created at work which works fine with Firefox 3.6.
In one specific page Firefox 4 does not show correctly a table with CSS.
I tried to remove the css and just have the table with no styling but the problem persists.
the php file is this:
<pre><nowiki><html>
<head>
<title>Pending Issues Close Case</title>
<style type="text/css">
#blinking {text-decoration: blink; text-align:left; color:#FF0000;}
body {
background-image:url('on2.jpg');
background-repeat:no-repeat;
background-position:700 50;
background-attachment:fixed;
#efms
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
#efms td, #efms th
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
#efms th
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
#efms tr.alt td
color:#000000;
background-color:#EAF2D3;
</style>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
<script type="text/javascript">
window.onload = function(){
new JsDatePick({
useMode:2,
target:"date_of_problem",
dateFormat:"%Y-%m-%d"
new JsDatePick({
useMode:2,
target:"closed_date",
dateFormat:"%Y-%m-%d"
function checkEmpty() {
var date_of_problem = document.save_entries.date_of_problem.value;
var hour_of_problem = document.save_entries.hour_of_problem.value;
var min_of_problem = document.save_entries.min_of_problem.value;
var reported_to = document.save_entries.reported_to.value;
var problem_description = document.save_entries.problem_description.value;
var close = document.save_entries.close.value;
var closed_date = document.save_entries.closed_date.value;
var closed_hour = document.save_entries.closed_hour.value;
var closed_min = document.save_entries.closed_min.value;
var ok = "true";
var why = "";
var ok2 = "true";
var tmp1 = date_of_problem.split("-");
var date1 = new Date(tmp1[0], tmp1[1], tmp1[2], hour_of_problem, min_of_problem);
var tmp2 = closed_date.split("-");
var date2 = new Date(tmp2[0], tmp2[1], tmp2[2], closed_hour, closed_min);
if (date_of_problem.length == 0) {
ok = "false";
why += "Date of problem is empty\n";
if (reported_to.length == 0) {
ok = "false";
why += "Reported to is empty\n";
if (problem_description.length == 0) {
ok = "false";
why += "Problem description is empty\n";
if (closed_date.length == 0 && close == "Yes") {
ok = "false";
why += "Closed date is empty\n";
if (date2 < date1) {
ok = "false";
why +="Closed date cannot be earlier than problem date\n";
if (ok == "true") {
return true;
else {
alert(why);
return false;
</script>
</head>
<body>
<?php
session_start();
if (!isset($_SESSION['pending_user'])){
header("location:main_login.php");
if ($_GET['entry'] == "" || $_GET['entry'] == NULL)
header("location:view_entries.php");
$id = $_GET['entry'];
function get_entry($id) {
$mysql_host = "localhost";
$mysql_user = "portal";
$mysql_pass = "portal";
$db_name = "pending_issues";
$entries_table = "entries";
mysql_connect("$mysql_host", "$mysql_user", "$mysql_pass") or die("cannot connect to DB" . mysql_error());
mysql_select_db("$db_name")or die("cannot select DB" . mysql_error());
mysql_query("set names 'utf8'")or die("fook!" . mysql_error());
$entry_query = "SELECT * FROM $entries_table WHERE id='$id'";
$entry_data = mysql_query($entry_query) or die("Cannot execute query");
$entry_row = mysql_fetch_array($entry_data) or die("Cannot fetch row");
$date_of_problem = $entry_row['date_of_problem'];
$time_of_problem = $entry_row['time_of_problem'];
$hour_of_problem = strtok($time_of_problem, ":");
$min_of_problem = strtok(":");
$resp_technician =$entry_row['resp_technician'];
$reported_to = $entry_row['reported_to'];
$description = $entry_row['problem_description'];
$closed_date = $entry_row['closed_date'];
$closed_time = $entry_row['closed_time'];
$closed_hour = strtok($closed_time, ":");
$closed_min = strtok(":");
$closed_by = $_SESSION['pending_user'];
echo '<h2><font color="#A7C942">Welcome, ' . $_SESSION['pending_user'] . '</font></h2>';
echo '<table id="efms">';
echo '<tr class="alt">';
echo '<td>';
echo '<br><a href=index.php>Home</a><br><br>';
echo '</td>';
echo '<td>';
echo '<br><a href=view_entries.php>View entries</a><br><br>';
echo '</td>';
echo '<td>';
echo '<a align="center" href="logout.php">Log out</a><br>';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '<br>';
echo '<form name="save_entries" action="save_entries.php" method="post" onSubmit="return checkEmpty();"';
echo '<table id="efms">';
echo '<tr>';
echo '<th>';
echo 'Problem date';
echo '</th>';
echo '<td>';
echo '<input id="date_of_problem" name="date_of_problem" type="text" value="' . $date_of_problem . '">';
echo '<input type="hidden" name="entry" value="' . $id . '">';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Problem time';
echo '</th>';
echo '<td>';
//echo '<input name="time\_of\_problem" type="text" value="' . $time_of_problem . '">';
echo_hour($hour_of_problem, "hour_of_problem");
echo ":";
echo_min($min_of_problem, "min_of_problem");
echo '</td>';
echo '</tr>';
echo_reported_to($reported_to);
echo '<tr>';
echo '<th>';
echo 'Problem description';
echo '</th>';
echo '<td>';
echo '<textarea name="problem_description" rows="5" cols="40">' . $description . '</textarea>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed date';
echo '</th>';
echo '<td>';
echo '<input name="closed_date" id="closed_date" type="text" value="' . $closed_date . '"> ';
echo 'Close case? ';
echo '<select name="close">';
echo '<option>Yes</option>';
echo '<option>No</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed time';
echo '</th>';
echo '<td>';
echo_hour($closed_hour, "closed_hour");
echo ":";
echo_min($closed_min, "closed_min");
echo '</td>';
echo '</tr>';
//~ echo '<tr>';
//~ echo '<th>';
//~ echo 'Closed by';
//~ echo '</th>';
//~ echo '<td>';
//~ echo '<input id="resolve_date" name="resolve_date" type="text" value="' . $closed_by . '">';
//~ echo '</td>';
//~ echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Submit';
echo '</th>';
echo '<td>';
echo '<input name ="submit" type="submit">';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '</form>';
mysql_close();
function echo_hour($hour, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 24; $i++) {
if ($i < 10)
$temp_hour = "0" . $i;
else
$temp_hour = $i;
if ($hour != $temp_hour)
echo '<option>' . $temp_hour . '</option>';
if ($hour == $temp_hour)
echo '<option selected>' . $temp_hour . '</option>';
echo '</select>';
function echo_min($min, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 60; $i++) {
if ($i < 10)
$temp_min = "0" . $i;
else
$temp_min = $i;
if ($min != $temp_min)
echo '<option>' . $temp_min . '</option>';
if ($min == $temp_min)
echo '<option selected>' . $temp_min . '</option>';
echo '</select>';
function echo_reported_to($reported_to) {
echo '<tr>';
echo '<th>';
echo 'Reported to';
echo '</th>';
echo '<td>';
//echo '<select name="reported_to" value="' . $reported_to . '">';
echo '<select name="reported_to">';
if ($reported_to == "IT") {
echo '<option selected>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NetEng") {
echo '<option>IT</option>';
echo '<option selected>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "VTT") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option selected>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NOC") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option selected>NOC</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
get_entry($id);
?>
</body>
</html>
</nowiki></pre>
<br />
The problem is for the table in line 188.
it should look like this:
http://img571.imageshack.us/img571/5183/shouldlooklike.png
but instead it looks like this:
http://img860.imageshack.us/img860/323/lookslikethis.png
The same problem appears in IE.
Thank you,

Please do not consider my previous post as I found out that it was a coding error, a forgotten ">"
Thank you.

Problem with Css styles not showing in live view or when i browse

I am using Mac osx 10.6 and building website with Dreamweaver CS5. Sometimes div tags i create not showing styles or rendering in live view or when I browse but showing in design view. I looked in dreamwever faq and they talk about not showing in design view to toggle the display styles. That is not the problem becuase it is check marked and I tried turning off and turning on and made no difference.I am using firefox browser.
It happened before the other day too. But all of my other pages in this site that i have created the same way building with div tags and css styles. So not sure what the problem is. Maybe someone has a suggestion here.
Johanna

<!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>Portfolio</title>
<style type="text/css"></style>
<link href="css/jbstyles.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>
<body>
<div id="wrapper">
<div id="mainnav">
    <div id="navbar">
      <ul>
        <li><a href="index.html"><br />
        </a></li>
<li>
          <ul>
            <li><a href="index.html">          Home</a><a href="about.html">About</a></li>
            <li><a href="portfolio.html">Portfolio</a><a href="contact.html">Contact</a></li>
          </ul>
        </li>
      </ul>
</div>
    <div id="contentinside">
      <div id="navbar2">
        <ul>
          <li><a href="design.html">Design</a></li>
          <li><a href="multimedia.html">Multimedia</a></li>
          <li><a href="webdesign.html">Web Design</a></li>
        </ul>
      </div>
      <div id="mm1thumb">Content for id "mm1thumb" Goes Here</div>
      <div id="mm2thumb">Content for id "mm2thumb" Goes Here</div>
    </div>
    <img src="images/multimsidebar.gif" width="212" height="615" alt="mmsdbr" longdesc="http://multimsidebar" />
<div id="footer">
    <p> </p>
    <p>Johanna Bresnahan</p>
    <p>Web & Graphic Design - http://www.johannabresnahan.com</p>
    <p> email: [email protected] ....phone....857•991•5717<br />
</p>
</div>
</div>
</div>
</body>
</html>
Here is the html code above. not sure how to attach my file so get a visual. This is the first time I have used this forum.
Johanna

Using templates with css in mx

Hi,
I'm sure I'm being stupid but it's driving me insane - I'm
weaning myself off table based layout and using css (for the first
time) in mx. I'm (finally) happy with my stylesheet and how it's
all looking but can't seem to use css with a template - when I save
the page as a template and preview the style sheet does not seem to
be attached.
Any help MUCH appreciated,
Katy

> Good to know about mx as I was thinking about upgrading
to 8 - does it
> make
> like easier with css?
Very definitely!
Good grief - your stylesheet is ... big. Usually so many
custom classes
mean that the stylesheet is WAY overengineered.....
I'll take a look though.
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
==================
"katyoj" <[email protected]> wrote in
message
news:[email protected]...
> Thanks -
>
> I've uploaded it here :
>
>
>
http://kateortonjohnson.bulldoghome.com/pages/kateortonjohnson_bulldoghome_com/i
> ndex.html
> & have attached the style sheet to the message
>
> Good to know about mx as I was thinking about upgrading
to 8 - does it
> make
> like easier with css?
>
> Anyway thanks again
>
> Kate
>
> /* CSS Document */
>
> BODY {
> margin:0px;
> padding:0px;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> color: #000;
> background: #FFF;
> }
>
> /* Link properties */
>
> A:link {
> color: #333;
> text-decoration: none;
>
> }
>
> A:visited {
> color: #913c87;
> text-decoration: none;
>
> }
>
> A:active {
> color: #913c87;
> text-decoration: none;
>
> }
>
> A:hover {
> color: #913c87;
> text-decoration: none;
>
> }
>
> /* Main text headings */
>
> h1
> {font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:11px;
> color:#333;
> text-decoration:none;
> font-weight:bold;
> margin:3px 5px 5px 3px;}
>
> h2
> {font-family: tahoma, Arial, Helvetica,
sans-serif;font-size:11px;
> color:#154669;
> text-decoration:none;
> font-weight:bold;
> margin:0px 5px 5px 3px;
> padding:5px 0px 0px 5px;}
>
> h3
> {font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:11px;
> color:#525E6A;
> text-decoration:none;
> font-weight:bold;
> margin:5px 5px 5px 3px;
> text-align:right;
> }
>
> /* Footer text */
>
> .footertext {
> font-family: tahoma, Arial, Helvetica, sans-serif;
> margin:0px;padding:15px 0px 5px 0px;
> font-size:10px;
> color:#666;
> }
>
> /* Titles */
>
> .t3 {
> font-family:tahoma, Arial, Helvetica, sans-serif;
> font-size:20px;
> color:#154669;
> text-decoration:none;
> font-weight:bold;
> }
> .t2 {
> font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:14px;
> color:#96968A;
> text-decoration:none;
> font-weight:bold;
> }
>
> /* Main body */
>
> .maincontent {
> border-top-style
otted;
> border-top-width:1px;
> border-top-color:#989898;
> margin:3px 10px 30px 0px;
> padding:0px 10px 5px 10px;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> color:#333;
>
> } .maincontent img {float:left;margin:5px 5px 5px 0px;}
>
> .maincontent2 {
> border-top-style
otted;
> border-top-width:1px;
> border-top-color:#989898;
> margin:3px 220px 0px 0px;
> padding:0px 10px 5px 10px;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> color:#333;
> }
>
> .maincontent2 img {float:right;margin:5px 0px 5px 5px;}
>
> .lwrap {
> width:182px;
> margin-top:15px;
> margin-bottom:0px;
> margin-right:auto;
> margin-left:auto;
> padding:0px;
> }
>
>
> /* Left content */
>
> .lcontent {
> border-left-style:solid;
> border-left-color:#C5C5C5;
> border-left-width:5px;
> width:172px;
> margin:0px 0px 0px 0px;
> font-family: Arial, Helvetica,
sans-serif;font-size:11px;
> color:#666666;
> text-decoration:none;
> text-align:left;
> font-weight:normal;
> padding:5px 3px 10px 5px;
> background-color: #EEE;
> }
>
> .leftshadow {
> width:182px;
> height:6px;
> padding:0px;
> margin-top:0px;
>
> }
> .leftshadow img {padding:0px;margin:0px;float:right;}
>
> .separator {
> border-top-width:1px;
> border-top-style
otted;
> border-top-color:#989898;
> margin-right:5px;
> margin-left:5px;
> margin-top:10px;
> }
>
> /* News boxes */
>
> .newsheader{
> background-image:url(images/left_subh.gif);
> background-position:top;
> background-repeat:no-repeat;
> width:182px;
> margin-left:auto; margin-right:auto;
margin-top:15px;margin-bottom:0px;
> height:17px;
> text-align:right;
> padding:1px 5px 0px 0px;
> font-family: tahoma, Arial, Helvetica,
sans-serif;font-size:10px;
> color:#333;
> font-weight:bold;
> }
> .newscell{
> background-color:#EEE;
> width:182px;
> margin-left:auto; margin-right:auto;
margin-top:-1px;margin-bottom:0px;
> min-height:30px;
> font-family: Arial, Helvetica, sans-serif;
> font-size:11px;
> color:#666;
>
> }
>
> .newscell p {padding:5px 5px 15px 10px;margin-top:0px;}
>
> /* Right content */
>
> .rcontent {
> background-color:#EEE;
> width:168px;
> margin-left:auto;
> margin-right:auto;
> border-left-style:solid;
> border-left-width:5px;
> border-left-color:#C5C5C5;
> min-height:30px;
> margin-top:18px; margin-bottom:0px;
> font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:10px;
> color:#666;
> padding:5px 3px 10px 5px;
> text-align: left;
> }
>
> .rightshadow {
> text-align:right;
> width:168px;
> height:7px;
> padding:0px;
> margin-top:0px;
> margin-bottom:15px;
> float:right;
> }
> .rightshadow img {padding:0px;margin:0px;float:right;}
>
> /* Bullet list */
>
> ul {
> list-style-image:url(images/bullet.gif);
> list-style-type:none;
> }
>
> p img {margin-left:5px;}
>
>
> #wrap{
> margin:0px;
> padding:0px;
> width:100%;
> }
>
> /* Header section */
>
> #header{
>
> background:#EEE;
> margin:0px 0px 0px 0px;
> font-size: 11px;
> font-family : Verdana, Arial, Helvetica, sans-serif;
> color : #000000;
> border-bottom: solid #C5C5C5;
> }
>
> /* Top navigation */
>
> #topnav ul
> {
> padding-left: 0;
> margin-left: 5px;
> margin:0px 0px 0px 0px;
> background-color: #913c87;
> color: White;
> float: left;
> width: 100%;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> font-weight: bold;
> height: 18px;
> }
>
> #topnav ul li { display: inline; }
>
> #topnav ul li a
> {
> padding: 0.2em 1em;
> background-color: #913c87;
> color: White;
> text-decoration: none;
> float: left;
> border-right: 1px solid #EEE;
> }
>
> #topnav ul li a:hover
> {
> background-color: #C5C5C5;
> color: #fff;
> }
>
>
> /* Left positioning */
>
> #left {
> width:191px;
> margin:0px 0px 10px 0px;
> padding:0px 0px 20px 0px;
> background-color:#EBE8DE;
> border-right-width:3px;
> border-bottom-width:3px;
> border-left-width:5px;
> border-top-width:0px;
> border-style:solid;
> border-right-color:#EFEEEE;
> border-bottom-color:#EFEEEE;
> border-left-color:#fff;
> float:left;
> min-height:15px;}
>
> /* Right positioning */
>
> #right {
> margin-left:196px;
> background-color:#fff;
> min-height:30px;
> text-align:left;
> padding:10px 10px 15px 15px;
> min-width:560px;
>
> }
>
> /* Footer positioning */
>
> #footer {
> background-image:url(images/footer2.gif);
> height:55px;
> margin:0px 0px 0px 0px;padding:0px;
> width:100%;
> min-width:760px;
> overflow:hidden;
> clear:both;
> }
>
> #footer img {padding:0px;margin:0px;float:left;}
>
> #footer a {
> text-decoration:none;}
>
> /* Right positioning */
>
> #rightcol {
> width:180px;
> float:right;
> min-height:30px;
> background-color:#fff;
> margin:0px 0px 0px 20px;
> padding:0px;
> text-align:center;
> }
> /** BOX3 */
>
> #box3 {
> clear: both;
> margin-top: 20px;
> padding: 10px 0px;
> }
>
> #box3A {
> float: left;
> width: 200px;
> padding: 0px 13px 0px 43px;
> background: url(/csstemplatetts/images/homepage20.gif)
repeat-y right
> top;
> }
>
> #box3B {
> float: left;
> width: 200px;
> padding: 0px 50px 0px 11px;
> }
>
> #stretch {width:760px;height:1px;clear:both;margin:0px
0px 10px
> 0px;padding:0px;}
>

Problems with CSS in Outlook express in Vista

Hi all,
I am just learning Dreamweaver (CS3) and I am creating a webpage that will be viewed on email, I have created the page design with links using CSS and tables and then uploaded the files which view fine on Safari on Mac and in Explorer on PC, but when emailed as a link (command i on Mac) when viewed in Outlook on PC running Vista it doesn’t seem to recognise the formatting and all the design is pulled apart so images appear at the bottom of the email, the background is on its own and the text although they have kept their sizing and colour settings are at the top of the email although the width of the text is not set anymore, does anyone have any idea why this has happened, would it be better to create it as tables instead?
Hope someone can help.
Cheers SH

If you want to use CSS in HTML emails, you will have to make it inline. Please read this -
http://www.anandgraves.com/html-email-guide#unnecessary_htmltags
http://www.reachcustomersonline.com/content/2004/11/11/09.27.00/
http://www.campaignmonitor.com/css/

Bg color with css

I am using a background image and color with css. My image
looks fine but I can't get the background color I want.
Here is the code.
<style type="text/css" title="mystyles"
media="all">body
{ background-color: #000000;
background-image: url(../bgimg.jpg);
color: #5d665b;
margin-top: 70px;
margin-left: 120px;
margin-right: 50px;
margin-bottom: 70px;
font-family: Verdana, Geneva, Arial, sans-serif;
font-size:small;
line-height: 180% }
p { text-indent: 3em }
h3 {color: #966b72; font-family: Georgia, "Times New Roman",
Times, serif }
h1 {color: #966b72; font-family: Georgia, "Times New Roman",
Times, serif }
</style>
Thanks for the help.

Can you provide a link to the site?
> { background-color: #000000;
> background-image: url(../bgimg.jpg);
Are you aware that, without a background-repeat: no-repeat
rule in the CSS
rule for the body tag, your background image will tile and
fill the screen
so your black background color won't be visible?
http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-repeaty
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-repeatx
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-position
Regards
John Waller

Centering a file in the browser vertically with CSS

I remember there was an issue doing this with tables and I am
wondering
if this is also hard to to with CSS. I would like to center a
flash
file, both vertically and horizontally. I have it centered
horizontally
but not vertically. This is what I have so far.
body {
background-color: #fff;
margin: 0;
padding: 0;
#container {
width: 800px;
margin: 0 auto;
background-color:25231a;
My flash file is inside of the container in the html file.
What do I need to do, to get this centered vertically as
well?
I tried this, but with no luck.
#container {
width: 800px;
margin: auto;
background-color:25231a;
Thank you for any help!
Brian

If I don't hear anything positive from Adobe about fixing it,
I am going to
be much more vocal.
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
==================
".: Nadia :. **AdobeCommunityExpert**"
<[email protected]> wrote in
message
news:[email protected]...
> It is getting more and more difficult to support such
posts. I don't have
> that much time to copy and paste a link,find it's wrong
and then have to
> copy and paste again...........
>
>
> --
> Nadia
> Adobe� Community Expert : Dreamweaver
> --------------------------------------------
>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
> --------------------------------------------
>
http://www.perrelink.com.au
- Web Dev
>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>
http://www.adobe.com/devnet/dreamweaver/css.html
> -------------------------------------------------
>
>
> "Murray *ACE*" <[email protected]>
wrote in message
> news:[email protected]...
>>I will no longer support posts that contain broken
links like that.
>>
>> --
>> 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
>> ==================
>>
>>
>> ".: Nadia :. ACE :."
<[email protected]> wrote in message
>> news:[email protected]...
>>> OMG - nothing against you Excavatorak, but links
posted via the web
>>> forum interface come through as an absolute mess
on the nttp forum :\
>>>
>>>
>>> --
>>> Nadia
>>> Adobe� Community Expert : Dreamweaver
>>> --------------------------------------------
>>>
http://www.csstemplates.com.au
- CSS Templates | Free Templates
>>> --------------------------------------------
>>>
http://www.perrelink.com.au
- Web Dev
>>>
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
>>>
http://www.adobe.com/devnet/dreamweaver/css.html
>>>
>>>
>>>
>>>
>>>
>>> "Excavatorak" <[email protected]> wrote
in message
>>> news:[email protected]...
>>>> <a target=_blank
class=ftalternatingbarlinklarge
>>>> href="
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html">http://www
>>>>
.jakpsatweb.cz/css/css-vertical-center-solution.html</a>
>>>> <a target=_blank
class=ftalternatingbarlinklarge
>>>> href="
http://milov.nl/code/css/verticalcenter.html">http://milov.nl/code/css/ver
>>>> ticalcenter.html</a>
>>>>
>>>>
>>>
>>>
>>
>>
>
>

New window with CSS

Just wondering:
Is there a way to style the "a" tag or other container
elements with CSS to duplicate the inline _blank and open a new
window? or is the _blank on every link that opens a new window the
best/only way?...I guess a class would add the same amount of code
anyway. Just seeking possible options for coding some links to open
a new window and some not to.
Thanks, Sue

The two approaches are most likely identical if you look at
what the
javascript is doing. I think your questions will be answered
if you go back
to Thierry's tutorials and study them....
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
==================
"pbsue" <[email protected]> wrote in message
news:erms24$hjt$[email protected]..
> Now, I'm looking at a solution on sitepoint.com. It
doesn't use the
> window.open()
> It uses:
>
> <a href="document.html" rel="external">external
link</a>
>
> Instead of window.open()...quote why here:
> "A number of other standards-compliant new-window link
scripts out there
> propose using window.open() to load the document in a
new window. While
> this
> approach generally works well on the surface, its
downfall is that most
> browsers do not correctly report the referring URL in
the request for the
> new
> page, which can be a serious issue, especially in
inter-site links."
>
> Then it explains the external js file...which is
probably my problem with
> the
> TJK solution...not putting js script in an external
file....I've tried it
> in
> the body and the head. Should it work in the head of the
document? Still a
> newbie with js.
>
> Any comments on the two ideas TJK vs sitepoint would be
appreciated.
>
> Sue
>
>
>
>
>

Change the design with css

As in many other threads told, I try to change the color of my E-Recruiting with css.
I copied the MIME folder with BSP_UPDATE_MIMEREPOS to my harddisk. After that I imported those files on a personal folder e.g. myroot.
After that I changed the BSPTHEMEROOT to myroot and changed some css-files.
But there is the problem that new css-files are not used when I start the website. Have I forgotten anything to do or why are they not used??
Edited by: Holger Lindacher on Oct 30, 2008 12:39 PM

I wrote my problem to SAP and they told me, it's necessary where I import my mimes. It must be directly under SAP/PUBLIC/BC/UR/themes/Z_THEME.
Only in this directory the files will be linked with the nicf-node

Got myself stuck with css

I've gotten myself really stuck with my css layout. I've
basically followed a couple of different tutorials to get where I
am. if you'll visit
http://eliteportraits.com/teetest/
you can see the effort so far. Where i'm stuck is the main content
block. I read different things on nesting div tags and can't figure
out how to do this with or without nested tags. I basically want a
white background for everything under the purple menu bar (I'd also
like that bar to extend to the edge of the top rounded white
graphic.). I ca't seem to make it work. what am I screwing
up/missing? is there a tutorial somewhere that can help? This is
the last thing I've got to figure out before I can finally move
forward. thanks so much for any help.
Mark

eliteportraits wrote:
> If you look to the logo on top of the page (above the
purple bar), there's
> text immediately to the right of the logo that says
"some menu links here, like
> shopping cart and such" - I would like that line of text
to sit on top of the
> purple bar (about 10px above the purple bar) and be
aligned to the right edge
> of the page. right now the text is aligned with the top
of the image.
Then you need to put that line of text in its own container,
a <div> <p>
<h> whatever. Lets just use another <div> for
now. Insert the new <div>
in your pages code, right after your logo image (see below)
<div id="top">
<img src="tutorial_files/logo.jpg">
<div id="topRight">some menu links here, like shopping
cart and
such</div>
</div>
Then use some css to style/position the new <div>
#topRight {
float: right;
width: 350px;
text-align: right;
padding-top: 65px;
Back-tracking on what I said yesterday about
relative/absolute
positioning you could also make the 'top' <div> have a
position of
relative and then the 'topRight' <div> a position of
absolute to place
it in the position required.
#top {
position: relative;
#topRight {
position: absolute;
top: 85px;
right: 0;
width: 350px;
text-align: right;
This is one of the only times you should need to use relative
positioning on a container i.e., when you require an
absolutely
positioned element to sit within it. However if there is an
alternative
way of achieving the same results then personally I would
always use
that method in preference. Many beginners just use relative
positioning
all over the place without really understanding what they are
doing. Not
all, but in the majority of cases, it is not required.
Don't be afraid to experiment with css to see what results
can be
achieved using various combinations. Once you grasp the
basics then the
rest will fall into place quite quickly.
The key is to think boxes being positioned by using
margin/padding.
Where people go wrong is they tend to use too many boxes
which results
in too many elements to keep track of or just plain don't do
the maths
needed to make css work.
Always comment the end of a container </div> or you
can put the comment inside the closing tag </div>
This will make it easier to identify them when the page gets
more complex.

Do do you use lightbox with CSS rollovers?

Hi,
I want to use lightbox with CSS rollovers. I can implement it ok with a sinlge thumbnail but I can't get it to work using the rollovers?
I want the tumbnail image to be tinted, then when you hover over it it goes to the normal colour image (I have done this and its fine).
But when I try to activate the lightbox through the rollover it doesn't work.
Can anyone help please?
Not too advanced here...lol!
Regards,
Martin

Short answer: Yes, it is possible.
See this link for a working demo:
http://alt-web.com/GALLERY/Photo_Gallery.html
For better answers, you'll need to post a link to your page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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?

Linking with CSS

Similar Messages

Maybe you are looking for