PDA

View Full Version : Logo fixed positioning


salhaddad
02-14-2016, 04:02 AM
Hello!

I am currently updating my website and running into a hiccup with linking my logo image to my homepage. The entire image (type treatment) is clickable before applying a fixed class property and/or positioning, otherwise, I need to run the mouse few times before I get the hand cursor. (it seems like it only works at the corners of the image)

Here's an example:

http://sara-alhaddad.com/_about.html

I have not used dreamweaver in few years, have I overlooked a step?

Thank you
Sara

edbr
02-15-2016, 12:26 AM
link not working

salhaddad
02-15-2016, 02:15 AM
link not working

that's odd, it's working for me. what error are you receiving?

edbr
02-15-2016, 02:40 AM
wait...wait ....wait... then The server at sara-alhaddad.com is taking too long to respond.

salhaddad
02-15-2016, 04:07 AM
wait...wait ....wait... then The server at sara-alhaddad.com is taking too long to respond.

oh shoot. i don't know how to fix that.
just ran it through both https://www.whatsmydns.net/ and http://www.downforeveryoneorjustme.com/# and everything seems to be fine

edbr
02-15-2016, 04:19 AM
post your code then

salhaddad
02-15-2016, 04:59 AM
<!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>sara al haddad - about</title>
<style type="text/css">
.fixed {
position: fixed;
top: 38px;
left: 14px;
}
a:hover.worksTITLES{
color: #FFF;
background-color: #e4adad;
cursor: text;
filter: Xray;
text-decoration: none;
}
.LOGOfixed {
position: fixed;
left: 10px;
top: 38px;
}
.worksTITLES {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000;
text-decoration: none;
}
.pagesTITLES {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
font-variant: small-caps;
text-transform: none;
color: #999;
text-decoration: none;
}
.footer {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 9px;
color: #333;
}
.bodytext1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
color: #333;
text-align: left;
font-size: 11.5px;
}
.lighter { color: #666;
}
</style>
</head>

<body>
<table width="1024" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15">&nbsp;</td>
<td width="206">&nbsp;</td>
<td width="4">&nbsp;</td>
<td width="759">&nbsp;</td>
<td width="40">&nbsp;</td>
</tr>
<tr>
<td height="352">&nbsp;</td>
<td><table width="204" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="4" height="26">&nbsp;</td>
<td width="200"><a href="index.html"><img src="images/_logo_saraalhaddad.png" alt="saraalhaddad_logo" width="184" height="24" class="LOGOfixed" /></a></td>
</tr>
<tr>
<td height="133">&nbsp;</td>
<td class="fixed"><p class="worksTITLES"><br />
<br />
<img src="images/spacer.png" width="2" height="1" alt="spacer" /><img src="images/slash.png" width="10" height="16" alt="slash" /><br />
<span class="worksTITLES"><a href="asyoutry.html" class="worksTITLES"><img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
as you try to forget me</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<a href="forselfdestruction.html" class="worksTITLES">for self destruction</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="therefore_thereafter.html" class="worksTITLES">therefore; thereafter</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="hence.html" class="worksTITLES">hence</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="without.html" class="worksTITLES">without</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="iknowiknew.html" class="worksTITLES">i know, i knew</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="untitled.html" class="worksTITLES">untitled</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="fillingholes.html" class="worksTITLES">filling holes</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="distractions.html" class="worksTITLES">distractions</a><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><br />
<img src="images/spacer.png" width="1" height="4" alt="spacer" /><a href="selfportrait.html" class="worksTITLES">self portrait</a></span><br />
<br />
<span class="worksTITLES"><br />
<img src="images/spacer.png" width="2" height="1" alt="spacer" /><img src="images/slash.png" width="10" height="16" alt="slash" /><img src="images/slash.png" width="10" height="16" alt="slash" /><br />
</span><span class="pagesTITLES"><span class="worksTITLES"><img src="images/spacer.png" width="1" height="4" alt="spacer" /></span><br />
<a href="about.html" class="pagesTITLES">ABOUT</a></span><span class="worksTITLES"><br />
<img src="images/spacer.png" width="1" height="5" alt="spacer" /><br />
</span><span class="pagesTITLES"><a href="http://blog.sara-alhaddad.com/" class="pagesTITLES">BLOG</a></span><span class="worksTITLES"><br />
<img src="images/spacer.png" width="1" height="5" alt="spacer" /><br />
</span><span class="pagesTITLES"><a href="press.html" class="pagesTITLES">PRESS</a></span><br />
<span class="worksTITLES"><img src="images/spacer.png" width="1" height="4" alt="spacer" /></span><span class="footer1"><img src="images/spacer.png" width="1" height="229" alt="spacer" /><br />
</span><span class="footer">&copy; sara al haddad 2016. all rights reserved.</span></p></td>
</tr>
</table></td>
<td>&nbsp;</td>


<td><img src="images/spacer.png" width="1" height="38" /></td>


<td>&nbsp;</td>
</tr>
<tr>
<td colspan="5">&nbsp;</td>
</tr>
</table>
</body>
</html>

edbr
02-15-2016, 05:31 AM
your fixed class puts a layer over tyhe link so it wont work, if yoy pust say
.fixed {
position: fixed;
top: 538px;
left: 14px;
}

it will be able to click.
seriously though dont you want a nice uptodate site>? dunmp the tables.

salhaddad
02-15-2016, 05:55 AM
your fixed class puts a layer over tyhe link so it wont work, if yoy pust say
.fixed {
position: fixed;
top: 538px;
left: 14px;
}

it will be able to click.
seriously though dont you want a nice uptodate site>? dunmp the tables.

thank you! that puts things into perspective. :) u

web design isn't part of my practice so i am quite rusty. what's the best way to utilize dreamweaver these days?

edbr
02-15-2016, 08:12 AM
same as always but web standards have evolved, layers/divs not tables for layout and you should be looking at responsive designs as so much viewing is on mobiles and tablets.
we are a bity behingd on the site templates here , maybe when domedia is online we can see about updating them

salhaddad
02-15-2016, 03:06 PM
same as always but web standards have evolved, layers/divs not tables for layout and you should be looking at responsive designs as so much viewing is on mobiles and tablets.
we are a bity behingd on the site templates here , maybe when domedia is online we can see about updating them

the fluid grid layout is fairly new, isn't it? i learned how to use dreamweaver 6 years ago and was told using tables is the best way. most people in the arts field use websites that offer templates so i've been out of the loop.

thanks a lot for your help. i appreciate your time

edbr
02-16-2016, 12:35 AM
welcome ill repeat what i just posted to someone else

here is a downloadable free multi version template that generously offered with no restriction.is responsive and i believe easy to modify to most designs http://html5up.net/zerofour

have a look see what you think