User not logged in - login - register
Home Calendar Books School Tool Photo Gallery Message Boards Users Statistics Advertise Site Info
go to bottom | |
 Message Boards » » Dreamweaver MX Help Page [1]  
Locke
Veteran
185 Posts
user info
edit post

I have a Dreamweaver MX question:

I'm trying to do the hyper-link portion of the website I'm working on for work. How do you change the appearance of the text you're linking so that it is not blue and underlined? I guess it would be like a "hidden link" or something like that. I have an image of a tool bar with different words running across it to function as links. I want them to be solid white instead of the blue. Any help?

1/9/2007 12:40:04 PM
agentlion
All American
13936 Posts
user info
edit post

this isn't a Dreamweaver question, this is an HTML/CSS question
css is your friend. try to learn some html and css before you go much/any further.

this css will make the links white with no underline, and green with an underline when you hover over them.

a {
color: white;
text-decoration: none;
}

a:hover {
color: green;
text-decoration: underline;
}

1/9/2007 1:11:52 PM
darkone
(\/) (;,,,;) (\/)
11610 Posts
user info
edit post

CSS
learn it
love it

1/9/2007 2:16:48 PM
Locke
Veteran
185 Posts
user info
edit post

Thanks

1/9/2007 6:42:48 PM
Locke
Veteran
185 Posts
user info
edit post

Ok, sorry to bring it up again. I tried messing around with CSS in Dreamweaver but I cannot get it to change the way I want. The code I am trying to change color and appearance of is this:

<td width="10%" align="center" bordercolor="#E2E2E2" bgcolor="#000000" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium">
<b><font color="#FFFFFF" size="2" face="Arial"><a href="What_We_Do.html">What We Do</a> </font></b></td>

How do I work agentlion's snippet of code in there?

1/11/2007 1:06:09 PM
nacstate
All American
3785 Posts
user info
edit post

not to be a dick

Quote :
"try to learn some html and css before you go much/any further."


once you learn a little bit, you won't have to ask this question.

http://www.w3schools.com

1/11/2007 1:19:02 PM
stowaway
All American
11770 Posts
user info
edit post

if you don't want to deal with css yet, go to page properties, click links, change link color to white, change underline style to never underline, click ok, and now that page will be the way you want.

or just paste this in the head

<style type="text/css">
<!--
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->
</style>

1/11/2007 1:19:58 PM
agentlion
All American
13936 Posts
user info
edit post

<style type="text/css">
<!--
a:link, a:visited, a:hover, a:active {
color: #FFFFFF;
text-decoration: none;
}
-->
</style>

1/11/2007 1:26:31 PM
Raige
All American
4386 Posts
user info
edit post

Locke

The reason the CSS isn't working is because you are using the <font> tag. Remove that tag. You don't want to be using <font> anywhere.

Here's an example of a stylesheet (and I'm new too to doing things this way). Remove anything between <!-- --> before you try to use the code. You can view this at http://www.raige.net

BODY
{
margin: 0px; <!-- this sets the default spacing on the edges of a webpage in a browser to 0. I think it's 5 by default-->
background-image : url(/webpictures/backgrounds/RubikOriginal1600.jpg); <!--This lets me put a picture as a background-->
background-size : 100%; <!--This lets me set how big I want the image in relation to it's actual size. -->
background-repeat : repeat; <!-- Lets say the picture is smaller than the webpage. This lets it repeat itself. -->
background-position : center; <!-- This sets the position of the image--->
background-attachment : fixed; <!--This tells the browser to keep the image still while you can scroll around. -->
font-family : Arial; <!-- What font do you want as you DEFAULT in the body. -->
font-size : 12px; <!-- What font size do you want as you DEFAULT in the body. -->
font-style : normal; <!-- What font style do you want as you DEFAULT in the body. -->
font-weight : normal; <!-- What font-weight do you want as you DEFAULT in the body. -->
color : white; <!-- What font color do you want as you DEFAULT in the body. -->
}

Now, if you notice the very first thing in this code snippet is "BODY". That means everything in the <body> tag of your website is covered by the code in this. While this will affect the FONT that links are in it doesn't affect the colors of your links etc. That's why we do this

(Stolen from agentlion)
a:link, a:visited, a:hover, a:active <!--a:link-what a link looks like normally, a:visited-what a visited link looks like, a:hover-what happens when you hover over it, a:active-what an active link looks like-->
{
color: #FFFFFF; <!---This is the color all of those conditions above will look like.
text-decoration: none;
}

But wait... you want VISITED links to look different? No problem. First thing... remove a:visited from the code above. And we will do this.

a:link, a:hover, a:active
{
color: #FFFFFF; <!---This is the color all of those conditions above will look like.
text-decoration: none;
}

a:visited {
color: #CCCCCC;
text-decoration: none;
}

Now your visited links look grey and your normal links look white. Tada! You can replace #CCCCCC with grey, or blue, or light-blue but you're limited in colors this way.

Hope that helps and feel free to message me with questions.

1/11/2007 2:28:41 PM
kiljadn
All American
44690 Posts
user info
edit post

basic webdesign 101

1/11/2007 6:00:56 PM
Locke
Veteran
185 Posts
user info
edit post

Thanks Raige that worked.

The reason I don't want to go and learn a bunch of HTML/CSS is because this is a one time thing. I have everything else figured out, I was just having a problem with this one aspect of Dreamweaver.

1/16/2007 12:29:15 PM
Locke
Veteran
185 Posts
user info
edit post

A new question (this time, definitely a DMX specific question):

Is there a way to save the image of a page I'm working on to file in order to print a "rough layout" page for people to look at and write on, etc.? A complication with just printing from this computer is that it is not networked with a printer so I'd have to transfer the image to another computer.

Any help?

2/23/2007 9:27:37 AM
agentlion
All American
13936 Posts
user info
edit post

hrm.... screenshot?
I don't think Dreamweaver has that functionality built in (as in "save to pdf/jpg"), but you can just hit F12 to preview the page in a browser and take a screenshot.
Or if the page is longer than what's shown in the browser, use a program to capture the entire length of the page. like
http://www.websitescreenshots.com/
or the firefox extension http://pearlcrescent.com/products/pagesaver/

2/23/2007 9:32:38 AM
Raige
All American
4386 Posts
user info
edit post

^ What he said.

Also, you should really look into basic CSS design. Creating a page calls *.css and putting your styles in there and linking it off your pages will make it very easy to change your styles and look of your site.

I use CSS mainly to set the font and colors, and rarely use it for positioning. Technically I should but until browsers start conforming I'd rather spend the majority of my time writing functional apps and not trying to figure out why IE isn't supporting a particular CSS.

2/23/2007 10:03:07 AM
MOODY
All American
9700 Posts
user info
edit post

google is your friend...you could have found these answers in 2 minutes with a search and some initiative.

2/25/2007 12:25:05 PM
mienutzich
All American
4300 Posts
user info
edit post

a lot of blind leading the blind in this thread

2/25/2007 1:01:53 PM
Locke
Veteran
185 Posts
user info
edit post

I found this information in almost 2 minutes by posting to TWW........Sorry to have wasted your time though Moody...

Blind is a very good description

2/26/2007 3:47:27 PM
 Message Boards » Tech Talk » Dreamweaver MX Help Page [1]  
go to top | |
Admin Options : move topic | lock topic

© 2024 by The Wolf Web - All Rights Reserved.
The material located at this site is not endorsed, sponsored or provided by or on behalf of North Carolina State University.
Powered by CrazyWeb v2.39 - our disclaimer.