|
|
|
186
 
Group: Forum Members
Last Login: 18/08/2008 12:23:32
Posts: 50,
Visits: 85
|
|
| Ok so I've started on the assignment and all is going well. However when I place a hyperlink on my gallery picture it turns the outline purple which really screws up the overall image of my page. Obviously I could just make the text under the image linked to a bigger image but ideally I would like to make the whole data cell (picture and text) a hyperlink to the new window but without affecting the colour. Help please! 
|
|
|
|
|
186
Group: Forum Members
Last Login: 09/06/2006 11:27:27
Posts: 82,
Visits: 40
|
|
I've been racking my brain cell trying to remember how to do this. I've looked through all my old notes and a couple of books and e-mailed a couple of mates. I'm going to keep looking; in the meantime if you do find out could you possibly post the answer here?
Thanks!
|
|
|
|
|
Pentium
Group: Forum Members
Last Login: 2 days ago @ 13:12:27
Posts: 5,004,
Visits: 27,879
|
|
Ok heres a quick solution , actually theres 2. If the first doesn't work the second might(it's not vey elegant - there is a beter one but I can't remember offhand  )
To do it you need to change the link style on the page - beware tho the second option will make all other links will dissappear as well. I will try and remeber tyhe workaround for tha but for now:
Solution 1. Add this to the head tag of your document ->
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
That code stops all the links from being underlined that means all the links on the page not just the pics. If that doesnt work try:
Solution 2. Add this to the head tag of your document ->
<style type="text/css">
<!--
a:link {
text-decoration: none;
color: #FFFFFF;
}
a:visited {
text-decoration: none;
color: #FFFFFF;
}
a:hover {
text-decoration: none;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
-->
</style>
Basically it changes the colour of all of the links (not just the pics again) to white. If you have a different coloured background then obviously use the same colour as it! It makes the links seem 'invisible' Like I said not very elegant 
Cheers,
Tom
My Crime is that of curiosity, my crime is that of outsmarting you
-- MMMugs Clan member, MM-UK Folding Team Member, Web programmer, Electronics student and Micro Mart contributor --
[ Main/Gaming (Vista): Core2Duo E2140 @ 2.65Ghz, 2GB ] [ Laptop (XP): CoreDuo 2.5GHz, 1GB ] [ File Server (Ubuntu 7.10): P4 2.93GHz, 256MB ] [ Folding 1 (Diskless folder): Unkown PIII, 256MB ]
-- Inactive / in build--
Folding 2 (Diskless folder): Opteron @ 2.6(ish), 512MB
Folding 2,4,5,6,7,8,9,10 (Diskless folders): Unkown PIII's and 4's, 128 -> 256MB
DHCP Server (Ubuntu 7 Server): P4 2GHz, 512MB
|
|
|
|
|
186
Group: Forum Members
Last Login: 18/08/2008 12:23:32
Posts: 50,
Visits: 85
|
|
| Thanks for the sound advise I'll give it a go as soon as I get the time. Does anyone know when its got to be submitted by? PS. Got connected at home now so I'll be keeping track of the Forum more often now. No more libraries, and uni' PC's for me! 
|
|
|
|
|
186
Group: Forum Members
Last Login: 09/06/2006 11:27:27
Posts: 82,
Visits: 40
|
|
Mines nowhere near ready, I think it'll be ok cos the eds live in the real world and realise we're doing this in our 'spare' time.
That css code;
You need to remove <-- from the beginning and --> from the end I think that means "this is a comment" and nothing in between will get published. You use it when you want to make a note to yourself without altering the code.
#FFFFFF is the code for white, so if you find the hex no. for the colour you want to use, replace #FFFFFF with the new value and you can make your links whatever colour fits your scheme. Its a new one on me; I thought you had to use a javascript!
|
|
|
|
|
Pentium
Group: Forum Members
Last Login: 2 days ago @ 13:12:27
Posts: 5,004,
Visits: 27,879
|
|
cartoony (19/02/2006)
Mines nowhere near ready, I think it'll be ok cos the eds live in the real world and realise we're doing this in our 'spare' time.
That css code;
You need to remove <-- from the beginning and from the end I think that means "this is a comment" and nothing in between will get published. You use it when you want to make a note to yourself without altering the code.
#FFFFFF is the code for white, so if you find the hex no. for the colour you want to use, replace #FFFFFF with the new value and you can make your links whatever colour fits your scheme. Its a new one on me; I thought you had to use a javascript!the <!---- is just a thing dreamweaver inserts! Your right it is for comments but it's also to show where the CSS starta and ends. Don't worry everything inside it will still work, it only comments out 1 line. Also there is no code for 'no colour', in html you can only not specify a colour in which case the browser uses it's defasult colur - white for tables backgrounds for example, or blue for hyperlinks. Thats why I said it wasn't very elegant
Cheers,
Tom
My Crime is that of curiosity, my crime is that of outsmarting you
-- MMMugs Clan member, MM-UK Folding Team Member, Web programmer, Electronics student and Micro Mart contributor --
[ Main/Gaming (Vista): Core2Duo E2140 @ 2.65Ghz, 2GB ] [ Laptop (XP): CoreDuo 2.5GHz, 1GB ] [ File Server (Ubuntu 7.10): P4 2.93GHz, 256MB ] [ Folding 1 (Diskless folder): Unkown PIII, 256MB ]
-- Inactive / in build--
Folding 2 (Diskless folder): Opteron @ 2.6(ish), 512MB
Folding 2,4,5,6,7,8,9,10 (Diskless folders): Unkown PIII's and 4's, 128 -> 256MB
DHCP Server (Ubuntu 7 Server): P4 2GHz, 512MB
|
|
|
|