XML/CSS Style/overflow
Determining Where Overflow Should Go
<source lang="xml">
File: Data.xml <?xml version="1.0" ?> <?xml-stylesheet type="text/css" href="Style.css" ?> <employees>
<name language="English">T1</name> <name language="Latin">T2</name> <projects> <project>project1</project> <project>project2</project> <project>project3</project> </projects> <weight>3 points</weight> <length>3 years</length>
</employees> File: Style.css
employees {
display:block; color:black; background:url(background.jpg)
} name {
display:block; position:absolute; left:9px
} project {
display:block; border:medium dotted red; padding:5px; margin-top:10px
} weight {
display:block; position:relative; left:125px; width:340px; border:thin solid red; padding:5px; margin-top:5px; height:300px; overflow:scroll
}
</source>
overflow scroll
<source lang="xml">
File: Data.xml <?xml version="1.0" encoding="UTF-8"?> <?xml-stylesheet type="text/css" href="Style.css"?> <PROJECTDB>
<TOPICAREA> <PROJECT> <PROJECTTITLE>title</PROJECTTITLE> <DEVELOPER>developer</DEVELOPER> <CONTACT>address</CONTACT> </PROJECT> </TOPICAREA>
</PROJECTDB>
File: Stycle.css PROJECTDB {
overflow: scroll
}
</source>