This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > August 2004 > css2 in dreamweaver mx 2004





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author css2 in dreamweaver mx 2004
Raj1978

2004-08-26, 12:18 pm

hi guys,

ok this i think is a problem and i'm not sure how to resolve. HELP!

basically have developed a site in dreamweaver mx 2004 using css2 properties.

i have successfully created a dropdown menu using css1/2 (see code below)

.subglobalNav1{
position: absolute;
top: 70px;
left: 10px;
/*width: 100%;*/
min-width: 640px;
height: 100%;
padding: 7px 7px 7px 7px;
visibility: hidden;
color: #ffcc00;
background: #000000;
}

.subglobalNav1 a:link, .subglobalNav a:visited {
font-size: 80%;
color: #ffcc00;
}

.subglobalNav1 a:hover{
color: #cccccc;

however, the problem i'm having is once i preview this or upload it to the
server, the dropdown appears fine. you can go down the dropmenu to like the 3rd
item but then it overlaps another div (main body of the site)

this is where the dropdown menu disappears and you have to roll over the link
again for it to appear again.
is there anything i can do to make the dropdown menu VISIBLE until you roll of
it?

hope that makes sense.

your help will be much appreciated.

raj

Murray *TMM*

2004-08-26, 12:18 pm

Show me the page, please.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Raj1978" <webforumsuser@macromedia.com> wrote in message
news:cgf9r1$8c6$1@forums.macromedia.com...
> hi guys,
>
> ok this i think is a problem and i'm not sure how to resolve. HELP!
>
> basically have developed a site in dreamweaver mx 2004 using css2
> properties.
>
> i have successfully created a dropdown menu using css1/2 (see code below)
>
> .subglobalNav1{
> position: absolute;
> top: 70px;
> left: 10px;
> /*width: 100%;*/
> min-width: 640px;
> height: 100%;
> padding: 7px 7px 7px 7px;
> visibility: hidden;
> color: #ffcc00;
> background: #000000;
> }
>
> .subglobalNav1 a:link, .subglobalNav a:visited {
> font-size: 80%;
> color: #ffcc00;
> }
>
> .subglobalNav1 a:hover{
> color: #cccccc;
>
> however, the problem i'm having is once i preview this or upload it to the
> server, the dropdown appears fine. you can go down the dropmenu to like
> the 3rd
> item but then it overlaps another div (main body of the site)
>
> this is where the dropdown menu disappears and you have to roll over the
> link
> again for it to appear again.
> is there anything i can do to make the dropdown menu VISIBLE until you
> roll of
> it?
>
> hope that makes sense.
>
> your help will be much appreciated.
>
> raj
>



Raj1978

2004-08-26, 12:18 pm

when i say dropdown menu i mean pop up menu. sorry for the confusion
liamwills206

2004-08-26, 12:18 pm

im not much with versions of css...although know how to use css quite
well....im guessing the fact is down to the positioning of it all (maybe im
wrong ) try using a relative positioning rather than and absolute

like i said i could be wrong

Murray *TMM*

2004-08-26, 12:18 pm

I doubt that such a broad suggestion would have any beneficial effect. My
guess is that making that change will wreck the layout since relatively
positioned elements will displace adjacent page elements, and may be
positioned in a totally different page location.

The real solution can only be deduced when you post your code.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"liamwills206" <webforumsuser@macromedia.com> wrote in message
news:cgfb32$9r0$1@forums.macromedia.com...
> im not much with versions of css...although know how to use css quite
> well....im guessing the fact is down to the positioning of it all (maybe
> im
> wrong ) try using a relative positioning rather than and absolute
>
> like i said i could be wrong
>



Raj1978

2004-08-26, 12:18 pm

ok i have attached the code used for the page... the css attribute i am having
poblems with is attached at the first instance.

raj

------------code below---------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link rel="stylesheet" href="images/emx_nav_left.css" type="text/css">
<script type="text/javascript">
<!--
var time = 3000;
var numofitems = 7;

//menu constructor
function menu(allitems,thisitem,startstate){
callname= "gl"+thisitem;
divname="subglobal"+thisitem;
this.numberofmenuitems = 7;
this.caller = document.getElementById(callname);
this.thediv = document.getElementById(divname);
this.thediv.style.visibility = startstate;
}

//menu methods
function ehandler(event,theobj){
for (var i=1; i<= theobj.numberofmenuitems; i++){
var shutdiv =eval( "menuitem"+i+".thediv");
shutdiv.style.visibility="hidden";
}
theobj.thediv.style.visibility="visible";
}

function closesubnav(event){
if ((event.clientY <48)||(event.clientY > 107)){
for (var i=1; i<= numofitems; i++){
var shutdiv =eval('menuitem'+i+'.thediv');
shutdiv.style.visibility='hidden';
}
}
}
// -->
</script>
</head>
<body onmousemove="closesubnav(event);">
<div class="skipLinks">skip to: <a href="#content">page content</a> | <a
href="pageNav">links on this page</a> | <a href="#globalNav">site
navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
<div id="masthead"><img src="images/logo.gif" width="170" height="35">
<div id="utility">
<a href="#">Online Shop</a> | <a href="#">Feedback</a> | <a
href="#">Contact Us</a>
</div>
<div id="globalNav">
<img alt="" src="images/gblnav_left.gif" height="32" width="4" id="gnl">
<img alt="" src="images/glbnav_right.gif" height="32" width="4" id="gnr">
<div id="globalLink">
<a href="#" id="gl1" class="glink"
onmouseover="ehandler(event,menuitem1);">home</a><a href="#" id="gl2"
class="glink" onmouseover="ehandler(event,menuitem2);">about us </a><a href="#"
id="gl3" class="glink" onmouseover="ehandler(event,menuitem3);">visiting</a><a
href="#" id="gl4" class="glink"
onmouseover="ehandler(event,menuitem4);">exhibitions</a><a href="#" id="gl5"
class="glink" onmouseover="ehandler(event,menuitem5);">collections</a><a
href="#" id="gl6" class="glink"
onmouseover="ehandler(event,menuitem6);">learning</a><a href="#" id="gl7"
class="glink" onmouseover="ehandler(event,menuitem7);">online resources</a>
</div>
<!--end globalLinks-->
<form id="search" action="">
<input name="searchFor" type="text" size="10">
<a href="">search</a>
</form>
</div>
<!-- end globalNav -->
<div id="subglobal1" class="subglobalNav1">
<a href="#">subglobal1 link</a><br>
<a href="#">subglobal1 link</a><br>
<a href="#">subglobal1
link</a><br>
<a href="#">subglobal1 link</a>
</div>
<div id="subglobal2" class="subglobalNav2">
<a href="#">museum history</a><br>
<a href="#">museum building</a><br>
<a href="#">subglobal2 link</a><br>
<a href="#">subglobal2 link</a><br>
<a href="#">subglobal2 link</a><br>
<a href="#">subglobal2 link</a>
</div>
<div id="subglobal3" class="subglobalNav3">
<a href="#">visiting information</a><br>
<a href="#">admission</a><br>
<a href="#">museum facilities</a><br>
<a href="#">disable access</a><br>
<a href="#">location map</a><br>
<a href="#">museum depot</a><br>
<a href="#">off-site events</a>
</div>
<div id="subglobal4" class="subglobalNav4">
<a href="#">special exhibition</a><br>
<a href="#">permanent displays</a><br>
<a href="#">online exhibitions</a><br>
<a href="#">archived exhibitions</a><br>
<a href="#">subglobal4 link</a><br>
<a href="#">subglobal4
link</a><br>
<a href="#">previous exhibition winners</a>
</div>
<div id="subglobal5" class="subglobalNav5">
<a href="#">online collections</a><br>
<a href="#">photo collection</a><br>
<a href="#">poster collection</a><br>
<a href="#">underground stations</a><br>
<a href="#">museum library</a><br>
<a href="#">museum depot</a><br>
<a href="#">film & video</a>
</div>
<div id="subglobal6" class="subglobalNav6">
<a href="#">our learning centre</a><br>
<a href="#">teacher support</a><br>
<a href="#">student support</a><br>
<a href="#">research services</a><br>
<a href="#">online resources</a><br>
<a href="#">subglobal6
link</a><br>
<a href="#">subglobal6 link</a>
</div>
<div id="subglobal7" class="subglobalNav7">
<a href="#">sitemap</a><br>
<a href="#">FAQs</a><br>
<a href="#">online shop</a><br>
<a href="#">timeline</a><br>
<a href="#">gallery rebuild</a><br>
<a href="#">subglobal8
link</a><br>
<a href="#">subglobal8 link</a>
</div>
</div>
<!-- end masthead -->
<div id="pagecell1">
<!--pagecell1-->
<img alt="" src="images/tl_curve_white.gif" height="6" width="6" id="tl">
<img alt="" src="images/tr_curve_white.gif" height="6" width="6" id="tr">
<div id="breadCrumb">
<a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a
href="#">Breadcrumb</a> /
</div>
<div id="pageName">
<h2>Welcome</h2>
<img alt="small logo" src="" height="59" width="66"/>
</div>
<div id="content">
<div class="feature">
<img src="" alt="" width="280" height="200">
<h3>Feature Title </h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio.
Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et,
tortor.
</p>
</div>
<div class="story">
<h3>Story Title</h3>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio.
Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et,
tortor.
</p>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
molestie.
Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum
facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras
quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
fringilla
urna id leo. Praesent aliquet pretium erat. Praesent non odio.
Pellentesque
a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti
sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.
Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et,
tortor.
</p>
</div>
<div class="story">
<table width="100%" cellpadding="0" cellspacing="0" summary="">
<tr valign="top">
<td class="storyLeft"> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
</p></td>
<td> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
</p></td>
</tr>
<tr valign="top">
<td class="storyLeft"> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque. Cras
lobortis. Aenean ut turpis eu libero volutpat euismod. <a
href="#">Donec</a> eget
lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
elit.
Sed id mauris.
</p></td>
<td> <p>
<a href="#" class="capsule">Capsule Story</a> Cras enim. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia
Curae; Ut eu augue. Integer risus wisi, semper eu, congue quis,
lobortis
Murray *TMM*

2004-08-26, 12:18 pm

Could you possibly post a URI for this page so that I can see what's
happening?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Raj1978" <webforumsuser@macromedia.com> wrote in message
news:cgfeam$dok$1@forums.macromedia.com...
> ok i have attached the code used for the page... the css attribute i am
> having
> poblems with is attached at the first instance.
>
> raj
>
> ------------code below---------------
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <!-- DW6 -->
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <title>Untitled Document</title>
> <link rel="stylesheet" href="images/emx_nav_left.css" type="text/css">
> <script type="text/javascript">
> <!--
> var time = 3000;
> var numofitems = 7;
>
> //menu constructor
> function menu(allitems,thisitem,startstate){
> callname= "gl"+thisitem;
> divname="subglobal"+thisitem;
> this.numberofmenuitems = 7;
> this.caller = document.getElementById(callname);
> this.thediv = document.getElementById(divname);
> this.thediv.style.visibility = startstate;
> }
>
> //menu methods
> function ehandler(event,theobj){
> for (var i=1; i<= theobj.numberofmenuitems; i++){
> var shutdiv =eval( "menuitem"+i+".thediv");
> shutdiv.style.visibility="hidden";
> }
> theobj.thediv.style.visibility="visible";
> }
>
> function closesubnav(event){
> if ((event.clientY <48)||(event.clientY > 107)){
> for (var i=1; i<= numofitems; i++){
> var shutdiv =eval('menuitem'+i+'.thediv');
> shutdiv.style.visibility='hidden';
> }
> }
> }
> // -->
> </script>
> </head>
> <body onmousemove="closesubnav(event);">
> <div class="skipLinks">skip to: <a href="#content">page content</a> | <a
> href="pageNav">links on this page</a> | <a href="#globalNav">site
> navigation</a> | <a href="#siteInfo">footer (site information)</a> </div>
> <div id="masthead"><img src="images/logo.gif" width="170" height="35">
> <div id="utility">
> <a href="#">Online Shop</a> | <a href="#">Feedback</a> | <a
> href="#">Contact Us</a>
> </div>
> <div id="globalNav">
> <img alt="" src="images/gblnav_left.gif" height="32" width="4"
> id="gnl">
> <img alt="" src="images/glbnav_right.gif" height="32" width="4" id="gnr">
> <div id="globalLink">
> <a href="#" id="gl1" class="glink"
> onmouseover="ehandler(event,menuitem1);">home</a><a href="#" id="gl2"
> class="glink" onmouseover="ehandler(event,menuitem2);">about us </a><a
> href="#"
> id="gl3" class="glink"
> onmouseover="ehandler(event,menuitem3);">visiting</a><a
> href="#" id="gl4" class="glink"
> onmouseover="ehandler(event,menuitem4);">exhibitions</a><a href="#"
> id="gl5"
> class="glink" onmouseover="ehandler(event,menuitem5);">collections</a><a
> href="#" id="gl6" class="glink"
> onmouseover="ehandler(event,menuitem6);">learning</a><a href="#" id="gl7"
> class="glink" onmouseover="ehandler(event,menuitem7);">online
> resources</a>
> </div>
> <!--end globalLinks-->
> <form id="search" action="">
> <input name="searchFor" type="text" size="10">
> <a href="">search</a>
> </form>
> </div>
> <!-- end globalNav -->
> <div id="subglobal1" class="subglobalNav1">
> <a href="#">subglobal1 link</a><br>
> <a href="#">subglobal1 link</a><br>
> <a href="#">subglobal1
> link</a><br>
> <a href="#">subglobal1 link</a>
> </div>
> <div id="subglobal2" class="subglobalNav2">
> <a href="#">museum history</a><br>
> <a href="#">museum building</a><br>
> <a href="#">subglobal2 link</a><br>
> <a href="#">subglobal2 link</a><br>
> <a href="#">subglobal2 link</a><br>
> <a href="#">subglobal2 link</a>
> </div>
> <div id="subglobal3" class="subglobalNav3">
> <a href="#">visiting information</a><br>
> <a href="#">admission</a><br>
> <a href="#">museum facilities</a><br>
> <a href="#">disable access</a><br>
> <a href="#">location map</a><br>
> <a href="#">museum depot</a><br>
> <a href="#">off-site events</a>
> </div>
> <div id="subglobal4" class="subglobalNav4">
> <a href="#">special exhibition</a><br>
> <a href="#">permanent displays</a><br>
> <a href="#">online exhibitions</a><br>
> <a href="#">archived exhibitions</a><br>
> <a href="#">subglobal4 link</a><br>
> <a href="#">subglobal4
> link</a><br>
> <a href="#">previous exhibition winners</a>
> </div>
> <div id="subglobal5" class="subglobalNav5">
> <a href="#">online collections</a><br>
> <a href="#">photo collection</a><br>
> <a href="#">poster collection</a><br>
> <a href="#">underground stations</a><br>
> <a href="#">museum library</a><br>
> <a href="#">museum depot</a><br>
> <a href="#">film & video</a>
> </div>
> <div id="subglobal6" class="subglobalNav6">
> <a href="#">our learning centre</a><br>
> <a href="#">teacher support</a><br>
> <a href="#">student support</a><br>
> <a href="#">research services</a><br>
> <a href="#">online resources</a><br>
> <a href="#">subglobal6
> link</a><br>
> <a href="#">subglobal6 link</a>
> </div>
> <div id="subglobal7" class="subglobalNav7">
> <a href="#">sitemap</a><br>
> <a href="#">FAQs</a><br>
> <a href="#">online shop</a><br>
> <a href="#">timeline</a><br>
> <a href="#">gallery rebuild</a><br>
> <a href="#">subglobal8
> link</a><br>
> <a href="#">subglobal8 link</a>
> </div>
> </div>
> <!-- end masthead -->
> <div id="pagecell1">
> <!--pagecell1-->
> <img alt="" src="images/tl_curve_white.gif" height="6" width="6"
> id="tl">
> <img alt="" src="images/tr_curve_white.gif" height="6" width="6" id="tr">
> <div id="breadCrumb">
> <a href="#">Breadcrumb</a> / <a href="#">Breadcrumb</a> / <a
> href="#">Breadcrumb</a> /
> </div>
> <div id="pageName">
> <h2>Welcome</h2>
> <img alt="small logo" src="" height="59" width="66"/>
> </div>
> <div id="content">
> <div class="feature">
> <img src="" alt="" width="280" height="200">
> <h3>Feature Title </h3>
> <p>
> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
> molestie.
> Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum
> condimentum
> facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.
> Cras
> quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
> fringilla
> urna id leo. Praesent aliquet pretium erat. Praesent non odio.
> Pellentesque
> a magna a mauris vulputate lacinia. Aenean viverra. Class aptent
> taciti
> sociosqu ad litora torquent per conubia nostra, per inceptos
> hymenaeos.
> Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et,
> tortor.
> </p>
> </div>
> <div class="story">
> <h3>Story Title</h3>
> <p>
> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
> molestie.
> Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum
> condimentum
> facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.
> Cras
> quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
> fringilla
> urna id leo. Praesent aliquet pretium erat. Praesent non odio.
> Pellentesque
> a magna a mauris vulputate lacinia. Aenean viverra. Class aptent
> taciti
> sociosqu ad litora torquent per conubia nostra, per inceptos
> hymenaeos.
> Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et,
> tortor.
> </p>
> <p>
> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec
> molestie.
> Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum
> condimentum
> facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy.
> Cras
> quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam
> fringilla
> urna id leo. Praesent aliquet pretium erat. Praesent non odio.
> Pellentesque
> a magna a mauris vulputate lacinia. Aenean viverra. Class aptent
> taciti
> sociosqu ad litora torquent per conubia nostra, per inceptos
> hymenaeos.
> Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et,
> tortor.
> </p>
> </div>
> <div class="story">
> <table width="100%" cellpadding="0" cellspacing="0" summary="">
> <tr valign="top">
> <td class="storyLeft"> <p>
> <a href="#" class="capsule">Capsule Story</a> Cras enim.
> Vestibulum
> ante ipsum primis in faucibus orci luctus et ultrices posuere
> cubilia
> Curae; Ut eu augue. Integer risus wisi, semper eu, congue
> quis,
> lobortis
> ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque.
> Cras
> lobortis. Aenean ut turpis eu libero volutpat euismod. <a
> href="#">Donec</a> eget
> lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
> elit.
> Sed id mauris.
> </p></td>
> <td> <p>
> <a href="#" class="capsule">Capsule Story</a> Cras enim.
> Vestibulum
> ante ipsum primis in faucibus orci luctus et ultrices posuere
> cubilia
> Curae; Ut eu augue. Integer risus wisi, semper eu, congue
> quis,
> lobortis
> ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque.
> Cras
> lobortis. Aenean ut turpis eu libero volutpat euismod. <a
> href="#">Donec</a> eget
> lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
> elit.
> Sed id mauris.
> </p></td>
> </tr>
> <tr valign="top">
> <td class="storyLeft"> <p>
> <a href="#" class="capsule">Capsule Story</a> Cras enim.
> Vestibulum
> ante ipsum primis in faucibus orci luctus et ultrices posuere
> cubilia
> Curae; Ut eu augue. Integer risus wisi, semper eu, congue
> quis,
> lobortis
> ut, massa. Vestibulum auctor vestibulum lectus. Vivamus neque.
> Cras
> lobortis. Aenean ut turpis eu libero volutpat euismod. <a
> href="#">Donec</a> eget
> lectus vitae ligula ornare tempor. Vivamus scelerisque lorem a
> elit.
> Sed id mauris.
> </p></td>
> <td> <p>
> <a href="#" class="capsule">Capsule Story</a> Cras enim.
> Vestibulum
> ante ipsum primis in faucibus orci luctus et ultrices posuere
> cubilia
> Curae; Ut eu augue. Integer risus wisi, semper eu, congue
> quis,
> lobortis



Sponsored Links


Copyright 2003 - 2009 forum4designers.com  Software forum  Computer Hardware reviews