Page 1 of 11
uCause Community » Trash & Archives » Forum » Seprate table with same look/wrapping
Seprate table with same look/wrapping
ElectricPoptartDate: Friday, 2011-12-23, 10:14 AM | Message # 1
Member
Group: Senior Members
Messages: 145
Awards: 1
Reputation: 6
Status: :-(
I need a table above my forum, that has the same look or wrapping or whatever you call it tongue


tags-zB11Seprate, table, with, same, look/wrapping
Attachments: 3525582.png(59Kb)


I'm the Sauce Boss!
 
0 Thanked you For This Useful Post:
13053121k0Date: Friday, 2011-12-23, 11:23 AM | Message # 2
Member
Group: Senior Members
Messages: 229
Awards: 0
Reputation: 2
Status: :-(
That has the same design? Not sure if I get what you're saying there. wacko But here's a table code with simple style.

Code

<table style="width:100%;border-width:0px;" cellspacing="0">
<tr>
<td style="width:75%;">Left</td>
<td style="width:25%;">Right</td>
</tr>
</table>


Visit my Website: http://uCore.uCoz.com/ - It's worth a visit. Different approach on uCoz!
Still looking for members. Once I reached 50 members then I'll convert uCore to HTML5. YAY!!


Message edited by 13053121k0 - Friday, 2011-12-23, 11:24 AM
 
0 Thanked you For This Useful Post:
ElectricPoptartDate: Friday, 2011-12-23, 12:04 PM | Message # 3
Member
Group: Senior Members
Messages: 145
Awards: 1
Reputation: 6
Status: :-(
Yes, the same design biggrin

I'm the Sauce Boss!
 
0 Thanked you For This Useful Post:
13053121k0Date: Friday, 2011-12-23, 1:53 PM | Message # 4
Member
Group: Senior Members
Messages: 229
Awards: 0
Reputation: 2
Status: :-(
Er, Let's see.

Code

<table style="width:100%;border-style:solid;border-color:#FFFFFF;" border="2" cellspacing="1">   
<tr style="background-color:#000000;"width:100%;>   
<td style="font-weight:bold;background-color:#000000;color:#FFFFFF;padding:5px 0 5px 15px;">Test</td>   
</tr>   
<tr style="background-color:gray;">   
<td style="width:10%;">  </td>   
<td style="width:40%;padding:5px;color:#FFFFFF;">Forum</td>   
<td style="width:10%;text-align:center;padding:5px;color:#FFFFFF;">Threads</td>   
<td style="width:10%;text-align:center;padding:5px;color:#FFFFFF;">Replies</td>   
<td style="width:30%;padding:5px;color:#FFFFFF;">Updates</td>   
</tr>   
<tr style="background-color:#000000;">   
<td style="width:10%;text-align:center;"><img src="IMAGE HERE" /></td>   
<td style="width:40%;padding:5px;color:#FFFFFF;"> Test Forum</td>   
<td style="width:10%;text-align:center;padding:5px;color:#FFFFFF;">0</td>   
<td style="width:10%;text-align:center;padding:5px;color:#FFFFFF;">0</td>   
<td style="width:30%;padding:5px;color:#FFFFFF;">No Posts</td>   
</tr>   
</table>    


I don't know if I'm doing it right for you. LOL. biggrin I tried to copy the image you've included. I'm not used to creating tables because I hate it. I don't know why. haha


Visit my Website: http://uCore.uCoz.com/ - It's worth a visit. Different approach on uCoz!
Still looking for members. Once I reached 50 members then I'll convert uCore to HTML5. YAY!!


Message edited by 13053121k0 - Friday, 2011-12-23, 2:00 PM
 
0 Thanked you For This Useful Post:
ElectricPoptartDate: Friday, 2011-12-30, 7:06 AM | Message # 5
Member
Group: Senior Members
Messages: 145
Awards: 1
Reputation: 6
Status: :-(
I have what I want, it looks like this.

Now I need to center it? How would I do that?
I put the <Center> </Center> on both ends of the code, It still didn't center! Dx
Code

<div class="slider-wrapper theme-default">
   <div class="ribbon"></div>
   <div id="slider" class="nivoSlider">
   <img src="$HOME_PAGE_LINK$images/slider1.jpg" alt="" />
   <a href="http://ucoztemplates.com"><img src="$HOME_PAGE_LINK$images/slider2.jpg" alt="" title="This is an example of a caption" /></a>
   <img src="$HOME_PAGE_LINK$images/slider3.jpg" alt="" data-transition="slideInLeft" />
   <img src="$HOME_PAGE_LINK$images/slider2.jpg" alt="" title="#htmlcaption" />
   </div>
   <div id="htmlcaption" class="nivo-html-caption">
   <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="http://ucoztemplates.com">a link</a>.
   </div>
   </div>

Attachments: 7289500.png(140Kb)


I'm the Sauce Boss!

Message edited by ElectricPoptart - Friday, 2011-12-30, 7:14 AM
 
0 Thanked you For This Useful Post:
AnimorphDate: Friday, 2011-12-30, 5:15 PM | Message # 6
uCause forum Admin
Group: Developer
Messages: 2835
Awards: 73
Status: :-(
ElectricPoptart, if you want the image to center then add this to the CSS
Code
margin-left:auto;margin-right:auto;


if that doesn't work provide me your CSS
 
0 Thanked you For This Useful Post:
ElectricPoptartDate: Friday, 2011-12-30, 7:23 PM | Message # 7
Member
Group: Senior Members
Messages: 145
Awards: 1
Reputation: 6
Status: :-(
Animorph, the slider is on a separate CSS sheet so here.

Code

/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:8;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
     display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
  


I'm the Sauce Boss!
 
0 Thanked you For This Useful Post:
uCause Community » Trash & Archives » Forum » Seprate table with same look/wrapping
Page 1 of 11
Search:


"Making uCoz web designs simple and easy to use"
- uCause Developers