Welcome Guest ( Log In | Register )

Bump Topic Add Reply RSS Feed

Outline · [ Standard ] · Linear+

 Cascading Style Sheets, Need help

views
     
TSikram_zidane
post Oct 15 2005, 12:50 PM, updated 21y ago

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
i have a questions.. how do i change the color for the link and when we hover it... i check a lot of sources..but there's many differences....
CODE

#content
{
position: absolute;
width: 491px;
margin-top:115px;
left:58px;
text-decoration: none;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
word-spacing:0.1em;color:#66851B;
font-size:11px;line-height:20px;
}

#nav
{
position: absolute;
width: 166px;
margin-top:120px;
left:563px;
text-decoration: none;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
word-spacing:0.1em;color:#506C1A;
font-size:11px;line-height:20px;
}


i've tried this ::

CODE
#content
{
position: absolute;
width: 491px;
margin-top:115px;
left:58px;
text-decoration: none;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
word-spacing:0.1em;color:#66851B;
font-size:11px;line-height:20px;
}
a:link, a:visited, a:active {
color:#536625;
text-decoration: none;
}
a:hover {
color:#8EA654;
text-decoration: none;
}



#nav
{
position: absolute;
width: 166px;
margin-top:120px;
left:563px;
text-decoration: none;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
word-spacing:0.1em;color:#506C1A;
font-size:11px;line-height:20px;
}
a:link, a:visited, a:active {
color:#536625;
text-decoration: none;
}
a:hover {
color:#FFFFF;
text-decoration: none;
}


but both of the layers are using the same attributes...its like both layer depends on one css code.anyone plz help me...
TSikram_zidane
post Oct 15 2005, 12:54 PM

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
also how do i make automated borders like in this page ?? (look like a frame somehow)..
http://alvinwoon.com/blog/index.php/2005/1...s-not-standard/
crynobone
post Oct 15 2005, 12:59 PM

1'm n0t @ n00b n0t y3t @ 1337
*******
Senior Member
2,811 posts

Joined: Jan 2003
From: Somewhere in middle earth
QUOTE(ikram_zidane @ Oct 15 2005, 12:50 PM)
but both of the layers are using the same attributes...its like both layer depends on one css code.anyone plz help me...
*
Use this
CODE
#content
{
position: absolute;
width: 491px;
margin-top:115px;
left:58px;
text-decoration: none;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
word-spacing:0.1em;color:#66851B;
font-size:11px;line-height:20px;
}
#content a:link, #content a:visited, #content a:active {
color:#536625;
text-decoration: none;
}
#content a:hover {
color:#8EA654;
text-decoration: none;
}
#nav
{
position: absolute;
width: 166px;
margin-top:120px;
left:563px;
text-decoration: none;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
word-spacing:0.1em;color:#506C1A;
font-size:11px;line-height:20px;
}
#nav a:link, #nav a:visited, #nav a:active {
color:#536625;
text-decoration: none;
}
#nav a:hover {
color:#FFFFF;
text-decoration: none;



QUOTE(ikram_zidane @ Oct 15 2005, 12:54 PM)
also how do i make automated borders like in this page ?? (look like a frame somehow)..
http://alvinwoon.com/blog/index.php/2005/1...s-not-standard/
*
Which part are you referring to?
TSikram_zidane
post Oct 15 2005, 01:50 PM

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
the border for the pictures/screenshot...
crynobone
post Oct 15 2005, 02:02 PM

1'm n0t @ n00b n0t y3t @ 1337
*******
Senior Member
2,811 posts

Joined: Jan 2003
From: Somewhere in middle earth
QUOTE(ikram_zidane @ Oct 15 2005, 01:50 PM)
the border for the pictures/screenshot...
*
For example you want to set image under div called #content to have border. Use this

HTML
<div id='content'>Some text <img src='filename.jpg' alt='' /> some other text</div>


inside the CSS write this.

CODE
#content img {
padding: 2px 2px 2px 2px; border:1px solid #333; vertical-align:middle;
}


Padding depend or how far you want to set it from the image.
TSikram_zidane
post Oct 15 2005, 02:07 PM

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
i'm using blogger.. it'll work right ? thanks a lot..
etsuko
post Oct 15 2005, 02:15 PM

Spaced out person
Group Icon
Elite
4,210 posts

Joined: Jan 2003
From: Malaysia
can just use..

img.picture {
properties
}

then in your <img> tag place it <img 'attributes' class="picture />
TSikram_zidane
post Oct 15 2005, 02:23 PM

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
anyone knows the default code to insert the blog content,content's title, content's date,archives for blogger ?
its too hard for me to detect the code in the blogger default templates..
TSikram_zidane
post Oct 16 2005, 02:16 AM

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
CODE
#content img {
display: block;
position: relative;
background-color: #ffffff;
border: 1px solid #66851B;
margin: 6px 6px 6px 6px;
padding: 4px;
}

why it's isn't working in IE ?? and also why there's only one pictures in a row..
check my blog http://2ali-bodoh.blogspot.com to see what i meant..anyone plz help me..
etsuko
post Oct 16 2005, 09:23 AM

Spaced out person
Group Icon
Elite
4,210 posts

Joined: Jan 2003
From: Malaysia
Blogger default codes:

<$BlogTitle$> - Entry Title

<Blogger> - Start Blogger Body

<BlogDateHeader>
<$BlogDateHeaderDate$> - 3 lines of code for Entry Date
</BlogDateHeader>

<$BlogItemBody$> - Entry Body

</Blogger> - End Blogger Body

<$BlogMemberProfile$> - Blogger Profile

<BloggerPreviousItems>
<$BlogPreviousItemTitle$> - Previous Entries
</BloggerPreviousItems>

<BloggerArchives>
<$BlogArchiveName$> - Blogger Monthly Archives
</BloggerArchives>

I think I know why the img properties aren't being picked up in IE. It's because currently your img tags are like this:

CODE

<div style="text-align: center;"><img.. /></div>


In IE, sometimes the browser won't pick up the scent of your CSS coz it's hidden inside another DIV. Try removing the CENTER properties and see if it works.

Cheers.
TSikram_zidane
post Oct 16 2005, 06:50 PM

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
nope...that doesn't change it...
etsuko
post Oct 17 2005, 09:36 AM

Spaced out person
Group Icon
Elite
4,210 posts

Joined: Jan 2003
From: Malaysia
Hmm.. this might be a tedious process to do when you have images, but it might help solve the problem temporarily.

img.picture {
properties
}

then in all your IMGs.. <img.. class="picture" />

by right #content img should work, tried flipping the code to img#content ? tongue.gif
earthkid
post Oct 17 2005, 09:38 AM

muggs rocks
*****
Senior Member
970 posts

Joined: Jan 2003
From: damansara & segamat
QUOTE(ikram_zidane @ Oct 15 2005, 12:54 PM)
also how do i make automated borders like in this page ?? (look like a frame somehow)..
http://alvinwoon.com/blog/index.php/2005/1...s-not-standard/
*
i'm starting to elarn CSS and i was wondering how was it done in the page of the link which you gave here..the shadowing border...how can it be done in CSS..thanks lots
SUSchewxy
post Oct 17 2005, 10:21 AM

Flying Side By Side with my beloved Pretty Swallow
********
Senior Member
11,234 posts

Joined: Jan 2003
QUOTE(earthkid @ Oct 17 2005, 09:38 AM)
i'm starting to elarn CSS and i was wondering how was it done in the page of the link which you gave here..the shadowing border...how can it be done in CSS..thanks lots
*
Pictures and repeats and nested divs
earthkid
post Oct 17 2005, 11:45 AM

muggs rocks
*****
Senior Member
970 posts

Joined: Jan 2003
From: damansara & segamat
alrity..pictures n nested divs
what do u mean by nested divs?
etsuko
post Oct 17 2005, 11:26 PM

Spaced out person
Group Icon
Elite
4,210 posts

Joined: Jan 2003
From: Malaysia
http://www.alistapart.com/articles/cssdropshadows/

Read that.. smile.gif
StonerJuan
post Oct 18 2005, 01:10 AM

Casual
***
Junior Member
309 posts

Joined: Apr 2005
From: Springfield
that shadow thingy its brilliant.
TSikram_zidane
post Oct 18 2005, 01:13 AM

Casual
***
Junior Member
489 posts

Joined: Dec 2004
From: malaysia
thanks for the links.
kaixiang
post Oct 18 2005, 02:48 PM

No Pain, No Gain
*****
Senior Member
741 posts

Joined: Jan 2003
From: LowYat.NeT
izzit that css can only used in html ?
etsuko
post Oct 18 2005, 04:32 PM

Spaced out person
Group Icon
Elite
4,210 posts

Joined: Jan 2003
From: Malaysia
You plan on using it on something else..? Say it and we'll tell you. smile.gif
« Next Oldest · Arts & Designs · Next Newest »
 

2 Pages  1 2 >Top
Add ReplyOptions
 

Change to:
| Lo-Fi Version
 0.0167sec    0.92    5 queries    GZIP Disabled
Time is now: 24th November 2025 - 05:38 PM
All Rights Reserved © 2002- 2025 Vijandren Ramadass (~unite against racism~)
Removal Request
Powered by Invision Power Board © 2025  IPS, Inc.