CSS doesn't work for Pixelpost & JBGMap addon

[persianpix]

These posts were moved from the JBGMap addon since this is not a JBGMap addon problem but a CSS problem.

i installed the addon flawlessly :) i just simply followed the manual step by step and voila. i only have one issue:

initially i had the issue of marker not showing up and as i followed the recommendation of the manual (section 7), the marker showed up beautifully. however since than the border around images in the arvhice page are not dispalying properly. any ideas?

many thanks in advance :)
p.s. this is the step that is causing the problem... when i do "#page #browse img" in the css... the marker issue goes away but the borders in the archive page go wrong!

[Dennis]

Could you provide a link to your page?

[persianpix]

absolutely. it is http://www.persianpix.com/photoblog/

thanks :)
p.s. in case the page doesn't load up, please try again. it will load. i have a redirect problem with my host that i need to sort out soon.

[Dennis]

ow I didn't needed the page for that. Correct CSS would be:


#page img, #browse img{

}

[persianpix]

this is what i have in my css:

#page image, #browse img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;
}

yet the problem percists.

[Dennis]

Yeah that is correct. Please compare the code snippets....


#page img, #browse img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;
}


This should fix it. It is #page img not #page image

[persianpix]

you are absolutely right. i can't belive i made such a silly mistake. everything looks great now.

thank for this add-on. i can't belive how easily i was able to install it :)

[persianpix]

humn.... looking at the site again. although the archiva page is fixed but the map is back with the old issue of the marker :(

update

basicall this code fixes the marker issue but messes with the archive page:

#page #browse img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;}


and this code fixes the archive page issue but messes with the marker on the map:

#page img, #browse img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;}

[Dennis]

Does this work?


#browse img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;}

#page img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;}

[persianpix]

Does this work?


#browse img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;}

#page img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;}


no. that code would fix the archive page but the marker issue appears again. by the way i am using the simple visions template.

[Dennis]

Posts moved and a little bump to get attention :D

[persianpix]

i'm not really a css guru but thinking through this, it appears that it is the "page" element that interfears with the marker. would it make sense to make a seperate "page" element for the map page so that the codes are seperated?

[Dennis]

Could work... call it mappage or something and test it out.

[persianpix]

great joy :) problem solved. i sepretaed the "browse page" css from the "map page" and all is working well finally. for those who might be interested, here is what the codes look like:


#page {
background: #F5F5F5;
padding: 20px;
text-align: left;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
width: 85%;
margin: 10px auto;
margin-bottom: 25px;
line-height: 16px;
}

#page a {
font-weight: none;
}

#page img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;
}

#pagemap {
background: #F5F5F5;
padding: 20px;
text-align: left;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
width: 85%;
margin: 10px auto;
margin-bottom: 25px;
line-height: 16px;
}

#pagemap a {
font-weight: none;
}

#pagemap browse img {
background: #ffffff;
padding: 4px;
border: 1px solid #ccc;
}


p.s. back in jbpmap_template make sure to changed the <div id="page"> to <div id=<"pagemap">

p.s.s. "schonhose" thanks for all your help.