How to eliminate space between rows in my gallery?

I have been trying for days to figure out how to get rid of the space between these rows. Padding and margins for the gallery as well as the rows individually have been set to zero. What are those markers (circled in red)? They seem to indicate the break between rows...
Thanks for any help...

There is no need to have your gallery in rows, or have each element inside it's own div with class. You can make this much cleaner by making a list - like your menu.
Your issues were caused by the large amount of <p> tags (which have margins and padding by default) and the fact each image was wrapped in a <h2> tag (which should only be used for headings and also has a default padding and margin). Add to this the <blockquote> and you have a bit of a difficult scenario.
I have cleaned the gallery up for you. Use the HTML below, with the CSS provided. You will need to clean up your CSS afterwards as a lot of the classes you don't need - at least for this page. Another thing is you have 3 containers for the gallery - content2, galleryframeformovie and gallery. Why? Remove the movie one and place the gallery div inside the content2 div.
HTML
<div id="content2"></div>
<div id="galleryframeformovie">
<div id="gallery">
    <ul>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big4.jpg" class="pirobox_gal1" title="4th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm4.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big5.jpg" class="pirobox_gal1" title="5th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm5.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big6.jpg" class="pirobox_gal1" title="6th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm6.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big2.jpg" class="pirobox_gal1" title="2nd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm2.jpg" alt="" width="106" height="72" title="" /></a></li>
      <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big3.jpg" class="pirobox_gal1" title="3rd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm3.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big4.jpg" class="pirobox_gal1" title="4th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm4.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big5.jpg" class="pirobox_gal1" title="5th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm5.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big6.jpg" class="pirobox_gal1" title="6th Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm6.jpg" alt="" width="106" height="72" title="" /></a></li>
        <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big2.jpg" class="pirobox_gal1" title="2nd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm2.jpg" alt="" width="106" height="72" title="" /></a></li>
          <li><a href="http://www.rhogueentertainment.com/images/2010 mm BIG/2010 big3.jpg" class="pirobox_gal1" title="3rd Project Image"><img src="http://www.rhogueentertainment.com/images/2010 mm SM/2010 sm3.jpg" alt="" width="106" height="72" title="" /></a></li>
      </ul>
    </div>
</div>
CSS
#gallery{
          width: 560px;
          float: left;
          margin: 0;
          overflow:hidden;
          width: 560px;
          height: 400px;
          line-height: 19px;
          float: left;
          font-size: 19px;
          margin: 0;
          overflow: visible;
#gallery ul {
          list-style-type:none;
          width:100%;
#gallery li {
          width: 106px;
          height: 73px;
          float:left;
          color: #ffffff;
          padding: 0;
          margin:0 20px 20px 0;
Good luck.
Rik

Similar Messages

How do you adjust space between rows?

Hi guys. How do you adjust the space between rows. My table have no boarder between rows and no matter how I adjust the row height and cell margin. The generated report will still have the same amount of space between rows. Please help, thanks!

I had the same problem - I was trying to insert a row solely for spacing purposes, and tried adjusting the size using table properties->row->and setting the row hieght is to "exactly". This didn't work for me. The row still rendered larger than I set the row size. So I tried I changing the font size of the row just using the toolbar, and when I did that and ran the report, the row actually rendered the size I wanted.

Need to eliminate Space between two Pivot table view in OBIEE 11g

Hi,
I have a requirement to eliminate space between two pivot table views. In a single report I have two Pivot table with two different column, I placed both of them one after another, but I need to eliminate the space between two pivot table views as if it should show as a single pivot table in OBIEE 11g.
Could anyone please let me know how I can do this in OBIEE 11g?
Thanks in Advance
Anirban Mitra

If I create narrative view it will be another view. And if I put that in between that two pivot view, it will show the space. I need to remove space between two pivot table within a single report so that it can appear as a single pivot view.
Thanks

How to eliminate spaces while reading a file in BPEL Process

Hi All,
How to eliminate space when reading a file which of fixedlength and inserting into database.
Inserting some of columns sucessfully but there is a column where there is a space n front the value, how to eliminate the that space.
I have a custom XSD and using out in the process. How to resolve this issue to get all rows sucessfully inserted into the database.
Anyone hod gone through this kind of functionality.
Regards,
CH

Hi,
try to use XPath functions like 'normalize-space()', 'right-trim()', 'left-trim()' in your transformation.
Regards,
Martin.

Shrink the space between rows in a report

hi all,
As the subject says, I am trying to shrink the space between rows in a report so that there is no space between rows when i print it. Does anyone know how to do this? Do I need to make a custom report template for it?

The space between rows in a report in Apex is frequently determined by the cellpadding and cellspacing attributes of the TABLE tag that makes up the innermost report area, but there also other factors that may affect the resulting area, so one has to look at the specific case and see what is determining the final result, bearing in mind that it's quite possible that two browsers will display the same thing differently.
At any rate, spacing is normally controlled by fine-tuning margin and padding properties in CSS.
As CSS stylesheets, as per their name, are applicable in cascade, you can add your own CSS stylesheet in the page header (after the built-in ones).
If you are using Firefox (with Firebug add-on installed) or Chrome or Safari, you can easily experiment with these properties and see the effects by temporarily setting or unsetting certain values and when you are satisfied, you can copy the resulting definitions into your stylesheet.
The fact you want to make some adjustments only when printing can be solved by means of the @media rule inside the stylesheet or by linking different stylesheets depending on the value of the media attribute in the LINK tag or by dynamically pointing to different stylesheets depending on whether Apex is rendering the page in printer-friendly mode or not.
Flavio
http://oraclequirks.blogspot.com

How to maintain Space between text in Smart form

Hi Experts,
How to maintain space between text in smat form.
For example
I need to maintain like this
Prepared By:                       Passed By:                  Approved By:
    but after save it come like this
Prepared By:   Passed By: Approved By:
How to maintain spaces between texts?
Regards,
Sreedhar.

hi,
we can give space in the smartform in the same way as in the scripts with two commas one space can be given.
when u click on the text in the window ,
there in the general attributes at the left hand side u can find a small icon for editor in that u can define the spaces with the variable to be printed in &var&.

How to get space between two values in a single cell of a table.

hello,
how to get space between two values in a single cell of a table.
thanks a lot.
kailash.

sorry i got the answer.

How to create space between Header text of Hierarchical ALV List.

hi,
I am display data using Hierarchical ALV List.
In Perform of field catalog, I am writing this code:
PERFORM fill_catalogue USING :
     'CHKBX'      'T_HEADER' 20 'Sess Decision Box'(t19) 'X',
      'SESS_NO'    'T_HEADER' 11 'Session'(t20)           ' ' ,
      'SESS_STAT' 'T_HEADER' 4 'Status'(t39)            ' ',
      'HOLD_STAT' 'T_HEADER' 4 'HOLD'(t52)              ' ',
      'ICON'       'T_HEADER' 9 'Tracking'(t21)          ' ' ,
      'CREATE_DT' 'T_HEADER' 10 'Archiving Date'(t22)    ' ' ,
      'AGING'      'T_HEADER' 50 'Aging'(t23)             ' ',
      'OBJECT'     'T_HEADER' 12 'Archive Obj'(t24)       ' ',
      'HOLD_INFO' 'T_HEADER' 100 'Hold Reason'            ' ' ,
      'YFY_DATA'   'T_HEADER' 4 'Data Fiscal Year'(t48) ' ' ,
      'COMMENTS'   'T_HEADER' 50 'Session Notes'(t26)     ' ' ,
      'DATATYPE'   'T_HEADER' 50 'Archive Object Description'(t25) ' ',
      'APPR_STAT'    'T_ITEM' 16 'Approval Status'(t29)   ' ',
      'DESTR_DT_REV' 'T_ITEM' 10 'New Date'(t30)          ' ',
      'REJCT_REASON' 'T_ITEM' 60 'Rejection Reason'(t31) ' ' .
At output of this program , there are two rows in HEADER details.
I want text 'Session notes' of 2nd row under 'Archiving Date' of 1st row.
For this i have to create space between 'Data Fiscal Year' & 'Session notes' text.
How i can do this.
Regards,
Mamta

Hi,
You can use TOP-OF-PAGE event and pass this event to Hierarchical ALV FM.
Thanks,
Kartavya Kaushik.

How to maintain space between table and header in ssrs

Hi Everyone,
I have created a report. In page header of this report, On First Page space between header and
body is good , but from next page, space is not maintain.
Please suggest me how to maintain space at every page of report.
Thanks.

Can you post a screenshot?
This can be achieved if you are repeating column headers on each page. Just change row height of header and align text to bottom, and make sure there is no space between Page Header and Tablix.
- Vishal
SqlAndMe.com

Need Space between rows

Hi!!
I am using jdeveloper 11.1.1.5
I had dragged and dropped GlJrnlHd as a af:PanelForm And i had given rows = 2 and columns = 4
I need to provide space between 2 rows
How can i acheive this could any body pls help me!!!

From the property inspector drag and drop spacer in your af:panelForm (put it in location you need between your form field); , set the height and the width for the spacer as you need.
http://docs.oracle.com/cd/E16162_01/apirefs.1112/e17491/tagdoc/af_spacer.html
Edited by: M.Jabr on Dec 9, 2011 1:28 PM

How to remove space between pages in Oracle Reports 6i?

Hi,
I have customized one oracle report (rdf). Earlier, the standard report was showing the ouput in pages i.e. there exists space beteen the pages. But I want my custom report in such a way that it should show me the result in one page i.e. there should be no space between the pages as user wants to spool the output into excel sheet (xls format) after getting the result output obtained from my custom report. Presently, when i spool the data into excel sheet, there is still the space exists between the pages like...few records will come then white space...then records.
How can I remove this space, so that user can easily spool the data into excel without existence of white space.
Any sort of help on this will be highly appreciated.
Thanks & Regards,
Sumir Chawla
Edited by: Chawla on Jan 4, 2009 10:20 PM

Hi,
My report is running on Unix. When I checked the output file in unix where it is getting generated, i saw ^L characters wherever the space appears when i see the output in apps (notepad) , like after every page where I am able to see the space in my output, there ^L is appearing in output file in unix, so how can I avoid this.
I tried to adjust the frames and repeatinf frames also, even i tried changing the properties also of main region (body), but nothing is working for me and still the same issue occurs. I am not aware of this. Please suggest me.
Thanks a lot!
Regards,
Sumir

How to provide space between columns in alv_grid_display?

hi,
gurus,
I want to provide space between columns in alv display how can i achieve that.
ex.
sno name street
thank u ,
shabeer ahmed.

Hi..,
There you wl get column seperators with seperate blocks and cells in the grid anyway.
Maintain gap between columns is nothing but grid breaking, its may be possible with oops concept.
Let me know whats your requirement?
Thanks,
Naveen.I

How to remove space between two fields in emergency primary contact.

How Can I remove a space between the two fields.IN emergency primary contact there are certain field called "C/O" and a i have added one text for this field inside that.But it is taking a big space between the "C/O" field and the text view.Plz suggest how I can re,move this?Also How Can I add new transparent container with the end user personalization in the emergency contact field.

Hi Peddi
In my structure pannel I have simpleSearchPanel below that only i have the two lov fields ex: emp_no and emp_name . how to set the spacer between this From which Region where can find the spacer bean what proerty do i need to set
Thanks
AT

How to set space between the fields in SearchPG- Display issue

Hi Friends
I Have created a searchPG with a QueryRN , In my searchPG i have some display issue after running the page its looks like this
For Example assue its a page with 3 field and one table region
Employee no
Employee name
Phone no
ResulttableBut i want my searchPG should hav some space between two field as shown below
Employee no
Employee name
Phone no
ResulttablePlease adviice me
I appreciate all ur advice
Thanks
A.T

Hi Peddi
In my structure pannel I have simpleSearchPanel below that only i have the two lov fields ex: emp_no and emp_name . how to set the spacer between this From which Region where can find the spacer bean what proerty do i need to set
Thanks
AT

How to provide space between two tabs in a tabbed pane using Swings?

I want to place two tabs on a tabbed pane with a specified gap in between. How to give the space between them. Please suggest me how to implment this.
Thanks in advance.

set your own UI, overriding paintTab(..) to add 5 (or whatever gap) to each of rects.x

How to eliminate space between rows in my gallery?

Similar Messages

Maybe you are looking for