Hi all. Sorry but I'm new to this. Thanks for an awesome component.
PROBLEM: In the details view of my add, the spacing between:
field_bus_hist
field_street
field_postcode
field_city
field_state
field_country
isn't a full line. The bottom one overlaps the top one in each instance. Can anyone tell me what I need to change because I'm stuck. Thanks for any help. CSS and Template (greybound gallery) included.
TEMPLATE
<?php
/**
* @version $Id: 1.0
* @package Sigsiu Online Business Index 2
* @authorName Eihwaz
* @authorEmail eihwaz@online.com.ua
* @copyright Copyright (C) 2006 Sigsiu.NET (http://www.sigsiu.net). All rights reserved.
* @license see http://www.gnu.org/copyleft/gpl.html GNU/GPL.
* SOBI2 is free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation.
* sobi2.details.tmpl.php 15-Nov-2006 Eihwaz
*/
/* -------------------------------------------------------------------------------------
* Graybound Gallery: SOBI2 template for Details View. To use with SOBI2 Gallery Plugin.
* -------------------------------------------------------------------------------------
*/
?>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="49" rowspan="2"></td>
<td height="11" width="11">
<img border="0" src="<?php echo $mosConfig_live_site;?>/components/com_sobi2/images/corner_top_left.jpg" width="11" height="11"></td>
<td class="sobi2_shadow_top"></td>
<td height="11" width="11">
<img border="0" src="<?php echo $mosConfig_live_site;?>/components/com_sobi2/images/corner_top_right.jpg" width="11" height="11"></td>
<td rowspan="2" colspan="2"></td>
</tr>
<tr>
<td class="sobi2_shadow_left"></td>
<td class="sobi2_template_background">
<?php $this->showHits($config,$mySobi);?>
|
<?php $this->addedDate($config,$mySobi); ?>
</td>
<td class="sobi2_shadow_right"></td>
</tr>
<tr>
<td height="54" width="49" class="sobi2_header_left">
<img border="0" src="<?php echo $mosConfig_live_site;?>/components/com_sobi2/images/title_header_left.jpg" width="49" height="54"></td>
<td height="54" colspan="3" class="sobi2_header_center">
<span class="sobi2_title_name"><?php echo $mySobi->title ?></span>
</td>
<td height="54" width="8" class="sobi2_header_right"></td>
<td height="54"></td>
</tr>
<tr>
<td width="49" rowspan="4"></td>
<td class="sobi2_shadow_left"></td>
<td class="sobi2_template_background">
<br />
<?php echo $img; ?>
<?php $this->customFieldsData($itemData); ?>
<?php $this->showGoogleMaps($mySobi, $config); ?>
<br />
<?php $this->waySearchUrl($waySearchLink,$config); ?>
<br />
<br />
</td>
<td class="sobi2_shadow_right"></td>
<td rowspan="4" colspan="2"></td>
</tr>
<tr>
<td class="sobi2_gallery_header_left" height="26"></td>
<td class="sobi2_gallery_header" height="26">
Gallery</td>
<td class="sobi2_shadow_right" height="26"></td>
</tr>
<tr>
<td class="sobi2_shadow_left"></td>
<td class="sobi2_template_background" valign="top">
<?php $this->getPlugin($mySobi,'gallery'); ?>
</td>
<td class="sobi2_shadow_right"></td>
</tr>
<tr>
<td height="11" width="11">
<img border="0" src="<?php echo $mosConfig_live_site;?>/components/com_sobi2/images/corner_bottom_left.jpg" width="11" height="11"></td>
<td class="sobi2_shadow_bottom"></td>
<td height="11" width="11">
<img border="0" src="<?php echo $mosConfig_live_site;?>/components/com_sobi2/images/corner_bottom_right.jpg" width="11" height="11"></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0" height="19">
<tr>
<td width="100%">
<?php $this->editButtons($config,$mySobi); ?>
</td>
</tr>
</table>
<?php ?>
<?php $this->getPlugin($mySobi,'gallery'); ?>
===============
===============
CSS
/* Style Sheet of SOBI 2 Component com_sobi2.css */
/* --------------------------------------------------------------------------- */
/* Copyright (C) 2006 Sigsiu.NET (http://www.sigsiu.net). All rights reserved. */
/* SOBI2 is free software; you can redistribute it and/or modify */
/* it under the terms of the GNU General Public License as published by */
/* the Free Software Foundation. */
/* Authors: Sigrid & Radek Suski, Sigsiu.NET */
/* main SOBI Style to override standard styles */
div.sobi2 {
}
div.sobi2 h1 {
}
div.sobi2 h2,
div.sobi2 h3,
div.sobi2 h4 {
padding-left: 5px;
}
/* Style for Standard Joomla! mosmsg-class, because often undefined */
/* To use the style of your template, delete this entry. */
.message {
padding: 5px;
background-color: #990000;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
/* Style of the Header Menu */
/* -------------------------------------------------------- */
/* Style of Header Menu */
table.sobi2Header {
border-style: none;
}
a.sobi2Header {
padding: 5px;
font-size: 14px;
}
/* Style of Main Component Description */
/* -------------------------------------------------------- */
table.sobi2CompDesc {
padding: 5px;
}
/* Style of Category List */
/* -------------------------------------------------------- */
table#sobi2CatListSymbols {
width: 100%;
}
table#sobi2CatListSymbols td {
vertical-align: top;
border-style: none;
}
/* Style of Category Icon */
img.sobi2CatIco {
border-style: none;
float: left;
clear: left;
}
/* Style of Category Name */
p.sobi2CatName {
font-size: 13px;
padding-left: 50px;
margin-top: 1px;
}
/* Style of Category Introtext */
p.sobi2CatsListSymbolsIntrotext {
font-size: 11px;
padding-left: 50px;
margin-top: -10px;
}
/* Style of the shown entries/subcategories numbers */
span.sobi2EditlinktipItems {
text-decoration: none;
border-bottom: 1px dashed #aaa;
}
span.sobi2EditlinktipCats {
text-decoration: none;
border-bottom: 1px dashed #aaa;
}
/* Style for Entries in Category View (Cards View) */
/* -------------------------------------------------------- */
table.sobi2Listing {
width: 100%;
margin-bottom: 10px;
}
table.sobi2Listing td {
border-style: none;
border-color: #3a4794;
border-width: 2px;
margin-top: 0px;
vertical-align: top;
}
/* Style for empty Cards (Placeholder) */
table.sobi2Listing td.sobi2EmptyCell {
border-style: none;
background-color: #ffffff;
}
table.sobi2Listing input {
float:left;
}
/* Style of Icon (Small Image) */
.sobi2Listing img {
float: right;
border-style: none;
padding-top: 5px;
padding-right: 5px;
}
/* Style of Title (Name of Entry) */
p.sobi2ItemTitle {
margin-left: 5px;
margin-top: 5px;
border-style:none;
font-size: 13px;
padding-left: 5px;
padding-top: 5px;
clear:left;
}
/* Styles for the fields */
/* Add style for each field you added in the form span.sobi2Listing_field_yourname */
span.sobi2Listing_field_myfield,[
display: block;
padding-top: 8px;
margin-bottom: -12px;
font-size: 12px;
]
span.sobi2Listing_field_street,[
display: block;
padding-top: 8px;
margin-bottom: -12px;
font-size: 12px;
]
span.sobi2Listing_field_postcode,[
font-size: 12px;
]
span.sobi2Listing_field_county,
span.sobi2Listing_field_country,
span.sobi2Listing_field_email,
span.sobi2Listing_field_contact_person,
span.sobi2Listing_field_phone,
span.sobi2Listing_field_fax,
span.sobi2Listing_field_city,
span.sobi2Listing_field_hotline,
span.sobi2Listing_field_phone,
span.sobi2Listing_field_federal_state {
font-size: 12px;
}
span.sobi2Listing_field_website {
float:right;
padding-right: 5px;
margin-bottom: 15px;
}
/* Style of Edit and Delete Buttons in Category View */
input.sobi2EditEntryButton {
}
/* Style for Page Navigation of Entries */
#sobi2PageNav {
text-align: center;
}
/* Style of Promotion (not yet implemented) */
/* -------------------------------------------------------- */
table#sobi2PromotedItems {
width: 100%;
}
/* Style of Details View */
/* -------------------------------------------------------- */
table.sobi2Details {
margin-top: 15px;
margin-left: 5px;
padding: 10px;
width: 100%;
}
/* Style of Entry Name */
table.sobi2Details h1 {
padding-top: 5px;
/*color: #303030;*/
}
/* Container for all custom fields data */
div#sobi2outer{
float: left;
margin-top: 0px; /* position it vertically */
}
/* Style of the Image */
img.sobi2DetailsImage{
border-style: none;
float: right;
padding-right: 5px;
padding-top: 5px;
}
/* Styles for the fields */
/* Add style for each field you added in the form span#sobi2Details_field_yourname */
span#sobi2Details_field_myfield,
span#sobi2Details_field_street,
span#sobi2Details_field_postcode,
span#sobi2Details_field_county,
span#sobi2Details_field_country,
span#sobi2Details_field_phone,
span#sobi2Details_field_fax,
span#sobi2Details_field_city,
span#sobi2Details_field_hotline,
span#sobi2Details_field_phone,
span#sobi2Details_field_federal_state,
span#sobi2Details_field_slogan,
span#sobi2Details_field_company_name,
span#sobi2Details_field_proprietors,
span#sobi2Details_field_mobile,
span#sobi2Details_field_ebay,
span#sobi2Details_field_after,
span#sobi2Details_field_stck_serv,
span#sobi2Details_field_contact_person,
span#sobi2Details_field_other,
span#sobi2Details_field_bus_hist,
span#sobi2Details_field_website,
span#sobi2Details_field_email
{
display: block;
padding-top: 8px;
[b]margin-bottom: -12px;[/b] [b]<--------This was throwing it out of whack[/b]
font-size: 14px;
}
}
span#sobi2Details_field_description{
font-weight:bold;
display: block;
border-top-style:solid;
border-top: 2px;
padding-top: 20px;
margin-top: 0px; /* position it vertically */
}
/* Style for Way Search */
span.sobi2WaySearch {
border-style: none;
float: right;
clear: right;
margin-top: 15px; /* position it vertically */
display: block;
padding-right: 5px;
}
span.sobi2WaySearch img{
padding-top: 8px;
border-style: none;
padding-left: 17px;
}
/* Style for Google Maps */
div#sobi2GoogleMaps {
float: right;
position: relative;
border: 1px solid #333333;
margin-top: 30px;
margin-bottom: -10px;
margin-right: 5px;
}
/* Style of Details Footer Line */
table.sobi2DetailsFooter {
padding-left: 5px;
}
/* Style of Edit and Delete Buttons in Details View */
input#sobi2EditEntryButton, input#sobi2DelEntryButton {
float:right;
}
/* Style of Footer Line */
/* -------------------------------------------------------- */
table#sobi2Footer td, table#sobi2Footer td a {
font-size: 9px;
color: #999999;
padding-top: 10px;
}
/* Style of Entry Form */
/* -------------------------------------------------------- */
/* Header Line */
p#sobi2EditFormHeader {
font-weight:bold;
font-size: 14px;
padding: 5px;
}
/* Info Requested Fields */
#sobi2ReqFieldsInfo {
padding: 5px;
}
form#sobi2EditForm table,
table#sobi2FormTable {
padding: 5px;
}
table#sobi2FormTable2, table#sobi2FormTable3 {
width: 99%;
}
table#sobi2FormTable td,
table#sobi2FormTable2 td,
table#sobi2FormTable3 td {
vertical-align: top;
}
/* Style of Input fields as entered in Fields Manager */
input#field_entry_name,
input#field_postcode,
input#field_street,
input#field_city,
input#field_county,
input#field_country,
input#field_federal_state,
input#field_email,
input#field_website,
input#field_contact_person,
input#field_phone,
textarea#sobi2MetaKey,
textarea#sobi2MetaDesc,
input#sobi2Ico,
input#sobi2Img,
input#field_fax,
input#field_hotline,
input#field_street {
}
label.field_entry_name,
label.field_postcode,
label.field_street,
label.field_city,
label.field_county,
label.field_country,
label.field_federal_state,
label.field_email,
label.field_website,
label.field_contact_person,
label.field_phone,
label.field_fax,
label.field_hotline,
label.field_description,
label.sobi2Ico,
label.sobi2Img,
label.sobi2MetaKey,
label.sobi2MetaDesc {
}
/* Style for Checkboxes */
input#accept_rules,
input#field_website_on,
input#field_description_on {
}
/* Style for Not Free Label */
span.sobi2FormNotFreeLabel {
display: block;
padding-top: 5px;
}
/* Style for Category Information/Descriptions */
table#sobi2FormCats {
width: 99%;
border-style: none;
margin: 10px;
}
table#sobi2FormCats td {
padding: 10px;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
}
p#catsTitle, p#catIntroText {
width: 100%;
font-size: 12px;
font-weight: bold;
}
p#catMsg {
width: 100%;
}
/* Style for Add and Remove Button */
#sobi2AddCatBt, #sobi2RemoveCatBt {
width:50px;
}
/* Style for column with Buttons */
td.sobi2CatButtons {
width: 50px;
vertical-align: top;
}
/* Style for column with selected Cats*/
td.sobi2CatSelected {
vertical-align: top;
width: 150px;
}
/* Style for Box with Selected Categories */
select#sobi2SlectedCats {
height: 100px;
width: 150px;
}
select#sobi2SlectedCatsID {
height: 0px;
width: 0px;
border-style: none;
}
/* Style for Safety Line */
table#sobi2FormFooter {
float: left;
clear: left;
}
table#sobi2FormFooter td {
vertical-align: bottom;
}
img#seccode {
}
input#sobi2SendButton {
float: right;
}
input#sobi2CancelButton {
float: right;
}
/* Style for Payment Info */
/* -------------------------------------------------------- */
/* Style for upload info */
p.sobi2msg {
padding-top: 15px;
padding-left: 5px;
font-size: 12px;
}
/* Style for Summary of Costs */
table#sobi2Payment {
width: 50%;
margin-left: 5px;
padding-right: 5px;
}
table#sobi2Payment td,
td.sobi2PayOption {
width: 70%;
text-align: right;
}
td.sobi2PayFees {
width: 30%;
text-align: right;
}
td#sobi2PayTotal {
width: 30%;
text-align: right;
border-top: solid 1px #606060;
font-weight: bold;
color: red;
}
/* Style for Payment Methods */
table#sobi2PaymentMethod {
width: 70%;
margin-top: 30px;
margin-left: 5px;
}
table#sobi2PaymentMethod img {
border-style: none;
}
table#sobi2PaymentMethod a:hover {
font-style: normal;
text-decoration:none;
}
td#sobi2PaymentMethodBank, td#sobi2PaymentMethodPayPal {
text-align: left;
vertical-align: top;
border-style: none;
}
td#sobi2PaymentMethodBank b {
display: block;
padding-bottom: 3px;
}
/* Style for Searching */
/* -------------------------------------------------------- */
table.sobi2eSearchForm {
width: 70%;
margin-left: 5px;
}
span#sobi2SearchResultsSerchingString {
font-weight: bold;
}
/* Style for the Menu Module */
/* -------------------------------------------------------- */
div.sobi2MenuMod {
margin-bottom: 8px;
margin-top: 10px;
}
/* Style for the Search & Add Entry Links */
a.sobi2MenuModA {
margin-left: 20px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
/* Style of dTree 2.05 */
/* Copyright (c) 2002-2003 Geir Landr� */
/* -------------------------------------------------------- */
.dtree {
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: #666;
white-space: nowrap;
overflow: auto;
}
.dtree img {
border: 0px;
vertical-align: middle;
}
.dtree a {
color: #333;
text-decoration: none;
font-weight: normal;
}
.dtree a.node, .dtree a.nodeSel {
white-space: nowrap;
padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
color: #333;
text-decoration: underline;
}
.dtree a.nodeSel {
background-color: #c0d2ec;
}
.dtree .clip {
overflow: hidden;
}
/* Style for the plugin container */
/* -------------------------------------------------------- */
table.sobi2Listing_plugins td{
border-style:none;
width: 100%;
}
div.sobi2FormTabHeader
{
padding: 5px 2px 2px 5px;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}
div.sobi2FormtabContent
{
overflow: hidden;
margin-left: 5px;
margin-top: 5px;
}
/* -------------------------------------------------------------------------------------
* Graybound Gallery: SOBI2 template for Details View. To use with SOBI2 Gallery Plugin.
* -------------------------------------------------------------------------------------
* put the content of this file in the file com_sobi2.css
*/
.sobi2_header_center {
background: #626970;
}
.sobi2_header_right {
background: #626970;
}
.sobi2_shadow_top {
background-image: url('/components/com_sobi2/images/shadow_top.jpg');
}
.sobi2_shadow_left {
background-image: url('/components/com_sobi2/images/shadow_left.jpg');
}
.sobi2_shadow_right {
background-image: url('/components/com_sobi2/images/shadow_right.jpg');
}
.sobi2_shadow_bottom {
background-image: url('/components/com_sobi2/images/shadow_bottom.jpg');
}
.sobi2_template_background {
background: #E6E6E6;
}
.sobi2_title_name {
font-size: 18px;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
}
.sobi2_gallery_header_left {
background: #FFC800;
}
.sobi2_gallery_header {
background: #626970;
font-size: 12px;
font-weight: bold;
color: #ffffff;
padding-left: 5px;
}
