Issue: DIV Tags don't take the Attribute background-image From CSS

Issue Tools
- View Changes

May 22, 2010 11:35 AM

Mokonzi

Senior Member

DIV Tags don't take the Attribute background-image From CSS

DIV Tags don't take the Attribute background-image From CSS

The new DIV Tags don't take the Attribute background-image From CSS (for some reason ignored) but when inserted as a part of the style attribute they do show. Positioning and size all work within the CSS.

The output of the div when using a class is class="vw-div myclassname", but as vw-div doesn't seem to appear within the CSS templates, I can't see whether that is somehow clearing or nullifying the background image.

Any reason why this is happening? Not sure if it's a bug or intended.

Issue Details

Issue Number 1592

Issue Type Bug

Project VaultWiki 3.x Series

Category BB-Code Parsing

Status Not a Bug

Priority 3 - Loss of Functionality

Affected Version 3.0.0 RC 3

Fixed Version (none)

Milestone VaultWiki 3.0.0

Software DependencyAny

Users able to reproduce bug 0

Users unable to reproduce bug 0

Attachments 0

Assigned Users (none)

Tags (none)

May 22, 2010 12:17 PM

Mokonzi

Senior Member

Additionally, it seems to ignore a second backgroud image if nested inside a div tag. Is that normal?

Reply
May 22, 2010 1:18 PM

pegasus

VaultWiki Team

Please link to an example.

Reply

May 22, 2010 2:06 PM

Mokonzi

Senior Member

http://www.thexuniverse.com/showwiki/Test+Page is an example of both. The CSS code (added to the additional.css template) is:

Code:

.navsection {
background-color:#000000;
background-image:url('http://www.thexuniverse.com/images/txu/Section.png');
background-repeat:no-repeat;
background-position:center center;
height:150px;
width:150px;
veritcal-align:bottom;
text-align:center;
}

May 22, 2010 2:36 PM

pegasus

VaultWiki Team

Take out the single quotes. According to Inspect Element, the CSS class navsection doesn't even have that line, so it's possible it's not validating.

Reply
May 22, 2010 2:50 PM

Mokonzi

Senior Member

Just tried that suggestion,but still didn't work without throwing the style attribute back in.

Reply
May 22, 2010 3:28 PM

pegasus

VaultWiki Team

The vertical-align property has a typo. This makes the entire .navsection class invalid.

Reply
May 22, 2010 5:16 PM

Mokonzi

Senior Member

Indeed, and adjusting that allowed it to read the background image, but it's still not taking on the second div's image, which I though was possible (to stack the images provided they were invisible). It's stripped from the page before it's loaded (I checked source)

Reply
May 22, 2010 5:50 PM

pegasus

VaultWiki Team

Again check for typos, also check that the option "Automatically parse links in text" is NOT turned on, since this can break an absolute image path by wrapping it with URL tags.

Reply
May 23, 2010 2:47 AM

Mokonzi

Senior Member

Spot on . Both were contributing factors Thanks for the help again peg

Reply

+ Reply

All times are GMT -4. The time now is 12:36 AM.

This site uses cookies to help personalize content, to tailor your experience, and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.

Learn more… Accept Remind me later

Welcome to VaultWiki.org, home of the wiki add-on for vBulletin and XenForo!

Issue: DIV Tags don't take the Attribute background-image From CSS

Issue Tools