|
| |
|
|
indiewriter
Posts: 96
Joined: 7/21/2003
From: Chicago, IL
Status: offline
 |
problem with my css - 2/16/2004 17:24:49
Im not sure if this is a CSS issue or Javascript or both. I got some code that I found for a pretty neat little way to display driving directions. It looks fine in 800x640, but when I make a bigger window, the whole item shifts left. This is sort of a hard piece of code to describe, so i'll just add the site page here. If anyone knows how to make this stay in one place by attaching it to a stable image versus using x & y coordinates (or a combination of these two) please help! thanks
http://www.aqua-salon.com
|
|
|
|
ajdevies
Posts: 113
Joined: 6/19/2002
From: Holly Hill, FL
Status: offline
|
RE: problem with my css - 2/16/2004 17:49:18
I tried your page Aqua Salon: Location using MSIE 5.5 SP2 and got a multitude of Javascript errors on page load. None of the hyperlinks using javascript:pulloutStart(n) work. I was able to get to the Printable page using IE.
Mozilla and Netscape do not display the CSS properly nor do any of the hyperlinks work correctly. Sorry to be the bearer of such bad news.
Can you check back with the site(s) where you got the scripts? The author(s) there may be able to assist better than someone in this forum.
Since your page seems to have both CSS and JS problems, I'd concentrate on one first before tackling the other.
_____________________________
AJ
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: problem with my css - 2/16/2004 18:07:32
Hi Indiewriter,
One thing that I noticed is this
body { margin: 0px; }
p, td { font-family: Arial; font-size: 10pt; margin: 0 }
.cellpadding {padding-left: 4px; padding-right: 4px}
.leftborder {border-left: solid 1px #808080; padding: 4px}
Way too much spacing between your code here.
Should be something like this
body { margin: 0px; }
p, td { font-family: Arial; font-size: 10pt; margin: 0 }
.cellpadding {padding-left: 4px; padding-right: 4px}
.leftborder {border-left: solid 1px #808080; padding: 4px}
Read this thread HERE It looks like your css is out of order.
Try fixing these things first and see what happens. It doesnt take much in the css to be out of order to throw the whole thing off. Also there is a short hand order for all that you are using for fonts. I'm not sure without looking what it is, but I know that I posted it somewhere in the css threads not long ago. I'll look and post a link for you.
<edit> here is the shorthand for the font for you
font: font-style | font-variant | font-weight |
font-size | line-height | font-family
Example
p {
font: x-large/110% "new century schoolbook", serif;
}
This is where you can find information about the above font things. Also, just looked at your code again, you have the scroll bar done in css, which will only show up in IE, and I don't think it will validate when you go to validate it.
</edit>
< Message edited by c1sissy -- 2/16/2004 18:16:11 >
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
indiewriter
Posts: 96
Joined: 7/21/2003
From: Chicago, IL
Status: offline
|
RE: problem with my css - 2/16/2004 21:31:07
oh well, it seemed really neat when i found it and i was able to make it work in IE. I hadn't gotten around to testing it in Opera or Mozilla..guess I won't have to worry about that after all. thanks all for your suggestions. guess i'll just do it a different way. Any suggestions sources on a creative idea for this?
| |
|
|
|
c1sissy
Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline
|
RE: problem with my css - 2/16/2004 22:37:36
quote:
ORIGINAL: indiewriter
oh well, it seemed really neat when i found it and i was able to make it work in IE. I hadn't gotten around to testing it in Opera or Mozilla..guess I won't have to worry about that after all. thanks all for your suggestions. guess i'll just do it a different way. Any suggestions sources on a creative idea for this?
I know what you mean about it being neat, I had to play with the code as well just to see how it turned out. As far as something else doing the same thing, I'm sorry that I can't help you on that part.
_____________________________
Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/
| |
|
|
|
Giomanach
Posts: 6115
Joined: 11/19/2003
From: England
Status: offline
|
RE: problem with my css - 2/17/2004 3:31:06
Just thorwing my nose in:
When positioning items like you have tried to there, I fin dit easier to create one div layer to surround the whole page, and then create several smaller div layers in the document to hold the individual parts of it.
To place these I use:
position: relative;
top: XXpx;
left: XXpx;
and if needed i use bottom: XXpx;
What I recommed you do is give the javascript box it's own div layer and position it within another to get the layout right, that way, it won't move on resize, unless you use absolute for the position.
As I said, just poking my nose in
Dan
_____________________________
| |
|
|
|
indiewriter
Posts: 96
Joined: 7/21/2003
From: Chicago, IL
Status: offline
|
RE: problem with my css - 2/18/2004 1:27:20
glomanch and gorilla,
thanks for the div idea. i was totally overthinking things. i'm gonna play with it in the next couple days and see what I can do. I really like this code and think its very user friendly(when it works) and affords users a unique way of viewing info. I still gotta track down the programmer that created this info-hopefully s/he'll have some suggestions. If anymore ideas pop-up on any forum-poster's brain, I would love to hear them.
Lastly, how much does spacing in code really effect browser processing speed. I will be the first to admit that sometime I really don't pay attention to spaces in the code. Will it really slow things down that much? I know the extra <br>s or s; are extraneous, but I thought that most browsers can blow through that without really slowing anything down.
0h, 1 more question, how much stock should I put into the blurb you see in the bottom right cornere of FP 200o when it shows you waht the time is over 28.8. I know with dial up that this is slow, but what about people that have a quicker connection. Does this number really mean anything, and if so what are the translation time? Once again..this forum rocks and everyone on it is so helpful. Peace.
| |
|
|
|
indiewriter
Posts: 96
Joined: 7/21/2003
From: Chicago, IL
Status: offline
|
RE: problem with my css - 2/18/2004 2:03:49
Gorilla,
If I can make a suggestion. this is great information. Please pass it on in this forum or find a way to post it for all to see. simple yet functional (and sometimes you need to think outside the box (to borrow a boring cliche)). I will continue to post so everyone else can benift from this site and your wisdom. If this can help me, its gotta help someone else.
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
. 
