Website Design Codes

N

Not Bman

Guest
See the outlined border, how do you code something like that?

So that it stretches when you ad text and images to it...
 
Last edited by a moderator:

muzikool

Act your wage.
Political Access
Joined
27 Dec 2001
Messages
7,626
If you're coding in CSS then it should be pretty easy. Sometimes sites like that that have "shadows" around the container are actually using images for the top and bottom, along with repeating images for the rest of the container.

In your example you would have a 1px tall image that is the width of the container plus some extra on either end. The left and right ends of the image would have the blue background color and gray border, and the middle would be the greenish brown color of the container. This image would repeat down the page as much as needed for the content to fit. The top and bottom of the container would be separate images with the border added to the top or bottom of the image. Using DIVs you would code this into a stylesheet.
 
N

Not Bman

Guest
I wouldn't know how to code that, I am doing this website to basically learn and get better at html and css.

What would I put into the css sheet, got a template or a beginning for me?
 
N

Not Bman

Guest
Ok, forget all that.

I have a bunch of links (the menu), and a banner (just a box) on the top.

I want the banner to change images, when someone hovers over the links.


How is this done?

I'm writing in XHTML & CSS.
 

muzikool

Act your wage.
Political Access
Joined
27 Dec 2001
Messages
7,626
Ok, forget all that.

I have a bunch of links (the menu), and a banner (just a box) on the top.

I want the banner to change images, when someone hovers over the links.


How is this done?

I'm writing in XHTML & CSS.

That will probably require JavaScript. You learning that as well?
 

AllWeatherGal

Not Just for Fair Weather
Political Access
Joined
10 Aug 2007
Messages
253
an excellent javascript library for you (and everyone):

http://simplythebest.net/scripts/DHTML_scripts/

I'm sure there's a script in there that'll do what you want. I've found scripts in there to be very easy to use/implement, robust, and well-designed.

Just, please ... give the authors credit in your code.

And oh... you'll probably need to add the js in "code" mode rather than "design" ... I've only used scripts from here when hand-coding.
 

dubstar

format c:
Joined
3 Dec 2002
Messages
1,357
or, you can make it in to a link, and change the background in CSS for when the mouse is over it.

a:link {background:bird.jpg;} --- this is what it looks like with no activity
a:hover {background:dog.jpg;} --- when the mouse is over it
a:focus {background:dog.jpg;} ---- when someone uses the tab key to move around (mostly used for accessability.)
a:active {background:none;} --- when the mouse is clicked down.
a:visited {background:bird.kpg;}
 

Members online

No members online now.

Latest profile posts

Electronic Punk wrote on Sazar's profile.
Rest in peace my friend, been trying to find you and finally did in the worst way imaginable.
Terrahertz wrote on Electronic Punk's profile.
Yo fellas!
Electronic Punk wrote on Sazar's profile.
Where are you buddy?
Perris Calderon wrote on Electronic Punk's profile.
Hey EP! All good with me, applying for Microsoft MVP right now, should have done this a while ago.

Notifications don't work, I only found your response by coming back to hunt up some threads, if you want, give me your email address so we can keep in touch easier!
Perris Calderon wrote on Electronic Punk's profile.
EP, glad to see you come back and tidy up...did want to ask a one day favor, I want to enhance my resume , was hoping you could make me administrator for a day, if so, take me right off since I won't be here to do anything, and don't know the slightest about the board, but it would be nice putting "served administrator osnn", if can do, THANKS

Been running around Quora lately, luv it there!

Forum statistics

Threads
61,997
Messages
673,411
Members
5,590
Latest member
AntonioPR