October 1st, 2005, 07:59 PM
|
|
Contributing User
|
|
Join Date: Apr 2007
Location: Glendale, CA, USA
Posts: 1,131
Time spent in forums: 9 h 58 m
Reputation Power: 3
|
|
|
lil help with css
What im trying to do is have the links usea solid ilange background (width 200 height 122) with the text cenetered in the image, i know i can do this in PHP with GD but wwant to try it CSS side first, however i cant get the full image to show up, ifi just remove the leading I in my url tag on the code provider i get the imag,e and it changes on mouse over liek i want but it only shows part of the image.
How do i get my text links to hall have the same unified background images withthe same hieght and width?
http://www.divadogthemovie.com/frames.php
this is my css
Code:
body {background: #561AA8 url(BGs/dd5800.jpg) 0 0 no-repeat fixed;}
body {position: relative; margin: 0; padding: 0;}
div#content {background: #C5B7D7 url(.jpg) 0 0 no-repeat fixed;}
div#content {position: absolute; top:40px; left: 364px;
color: #561AA8; font: 13px Verdana, sans-serif; padding: 10px; border: none;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#links a {background: white url(iImages/linkbone copy.png) 0 0 no-repeat fixed;}
div#links a:hover {background: white url(iImages/linkbone copydark.png) 0 0 no-repeat fixed;}
div#links a {text-align: center; font: bold 1em Arial;
padding: 5px 10px; margin: 0 0 0px; border-width: 0;
text-decoration: none; color: brown;}
div#links a:hover {color: black;}
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #135115; color: #000000; letter-spacing: 0.5em; text-transform: lowercase; font: bold 25px Times New Roman; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#links {position: absolute; top: 0px; left: 0px; font: 16px Arial; border: none}
code, pre {color: blue; font: 110% monospace;}
|
Codewalkers Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
