tendai
New Member
Little green space parrot
Posts: 4
|
Post by tendai on Jul 13, 2008 16:01:18 GMT -5
Right! This is my first time using GM, and while I've been pretty okay so far, I'm running into a problem. Currently, my layout looks like this (both links contain partially-obscured buttocks/lower backs - nothing pornographic but maybe not something to see at work) : www.assblog.org/What I want it to look like is this, with a 1px black/white border: www.assblog.org/testing/borderex.jpgCan anyone help? I'm relatively CSS/HTML competent, but this is eluding me and even mucking about in Dreamweaver isn't helping me much. EDITED: Okay, I had it briefly by using the following: #contentcenter { width:648px; margin-top:3px; float:left; background:#fff; border:inset; border:#000000; } But then I went into configuration to turn karma off and it disappeared. The code is still in the content center code, not sure what happened.
|
|
|
Post by coldstone on Jul 14, 2008 10:22:40 GMT -5
Thats strange that turning off karma affected it. I would check to see if you had a closing div tag or such in your karma entry. Do you use firefox? If so, Firebug is an excellent plugin to help with this kind of thing. You can see if your content div has the class you think it has.
|
|
|
Post by coldstone on Jul 14, 2008 15:18:22 GMT -5
FYI: It looks like your div with class "contentcenter" has border set to none.
|
|
tendai
New Member
Little green space parrot
Posts: 4
|
Post by tendai on Jul 14, 2008 15:26:37 GMT -5
FYI: It looks like your div with class "contentcenter" has border set to none. How do I change that? I'm ignorant!
|
|
|
Post by coldstone on Jul 17, 2008 10:04:27 GMT -5
In the template that has your css (probably header), find a line like "#contentcenter" and look below that for a border attribute. Right now you have: #contentcenter { background:#FFFFFF none repeat scroll 0%; border:medium none #000000; float:left; margin-top:3px; width:648px; }
Since your border is set to 'none', no border. So try changing it to be "border:1px dotted #000;" to match your example picture. If you are unfamiliar with css, I recommend www.w3schools.com.
|
|
tendai
New Member
Little green space parrot
Posts: 4
|
Post by tendai on Jul 17, 2008 21:14:04 GMT -5
Alright, I've figured out how to change it and have it working in that I can adjust the border to whatever style. But is there a way to do it like in my example where it's a single pixel black line inset one pixel into the white box? Or would I have to muck about with tables and make things too difficult?
|
|
|
Post by coldstone on Jul 17, 2008 21:24:04 GMT -5
I would recommend reading w3schools and get Firebug for Firefox. These two item will help alot.
You just need to change your border from 'solid' to 'double' and a few other things:
border: 3px double #000;
|
|
tendai
New Member
Little green space parrot
Posts: 4
|
Post by tendai on Jul 17, 2008 22:14:54 GMT -5
Hrrrm, I did try that - it didn't seem to work, but I wonder if I messed anything up. Time to try again! Thank you for all your help, by the way EDIT: Awesome, that worked perfectly - thank you so much!
|
|
|
Post by coldstone on Jul 21, 2008 9:57:56 GMT -5
Also, in most browsers, style information is cached (usually if its an external file). But I have found that I usually am safe in a hold down the shift key and reload in the browser. This causes the browser to fetch everything again, ignoring any cache files.
|
|