Forum Moderators: not2easy

Message Too Old, No Replies

2 Problems

Menu Picture Will Not Repeat +Link Color

         

Culverin

1:06 am on Jan 23, 2004 (gmt 0)

10+ Year Member



these are 2 relatively minor problems and should be easy to solve for anybody with a good grasp of css (hopefully)

i've been using css on my pages for a while now, but not until this week have i actually tried to learn/figure out/decipher what frontpage spits out.

much of it has been trial by error and looking at online guides, my journey into css hasn't been too rocky, but there are 2 problems that have been driving me mad.

I am trying to keep everything inside 1 css file.
I have a background graphic in my menu, to implement it i used
<div id="menu"> and </div>
just inside my body tags.

it works, but the graphic only extends to the level of my text, i can cheat and put in a whole bunch of <br>, but that makes my uncomfortable.
i tried to use a repeat command but i doesn't work.

the page is in frames.

---------------------

my 2nd problem is a little more obscure.
i want there to be borders="1" around the thumbnails

because they are links, they should follow my style sheets should they not?
all links should be blue,blue,blue hover:orange...
as you can see, it works in the menu...

but if unless i force feed that into the body tag for the Land Air Mech page, the links work as default html colors (blue and purple for visited)

the style sheet is functional, or else the font would not be right, neither would the menu links on the left (as they use the same sheet).

the pictures are just imbedded within plain old <a href=" .... tags.

----
i'm still picking up css, but i think its just some confusion somewhere.

i would appreciate any help you guys could offer.
thanks a bunch!

<Sorry, no URLs. See TOS [webmasterworld.com]>

[edited by: tedster at 7:56 am (utc) on Jan. 23, 2004]

DrDoc

4:58 am on Jan 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Welcome to Webmaster World!

Have you tried setting a height on your menu div?

Culverin

7:48 am on Jan 23, 2004 (gmt 0)

10+ Year Member



no, i'm still really new at this css stuff...
i just put in that div thing today...

what would be the height command to use?

DrDoc

4:04 pm on Jan 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well, depending on your layout... Try height: 100% in your style sheet.

Culverin

6:20 pm on Jan 23, 2004 (gmt 0)

10+ Year Member



thank you so much!
that fixed the problem nice and simple...

now about my 2nd problem?
the borders around my thumbnails show up in the default web scheme (blue link/purple visited)

one of my options are putting this chunk into the body code, but not only does not affect the borders around the pictures, it puts borders around my frames.

border-style: solid;
border-width: 1px;
border-color: #6699CC;

i tried inserting the same code into the links section (ie. a:link, a:visited etc)
the blue color still remained making my pictures have an odd 2-tone border with #6699CC and the default web-blue.

DrDoc

6:37 pm on Jan 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Well, yes, the color should match that of your links. If it doesn't, you can always do something like:

a img {
border: 1px solid blue;
}
a:hover img {
border-color: orange;
}

Culverin

7:35 pm on Jan 23, 2004 (gmt 0)

10+ Year Member



whoohoo!

but now it borders my image in my #menu and i don't want that :(
i tried both

border: 0px
img-border: 0px

still doesn't work...

what should i be using there?

(thx for the welcome and you've been most helpful)

DrDoc

7:53 pm on Jan 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



#menu img {
border: none;
}

:)

Culverin

9:18 pm on Jan 23, 2004 (gmt 0)

10+ Year Member



DAMN you are the man...

i've got another question, but can't post it cause it's not allowed (you have to see the link)

i will PM you