Rotty1 Posted November 24, 2006 Share Posted November 24, 2006 I can't figure this out. I haven't learnt css properly. I'm in a hurry so its all trial and error for the time being.http://img329.imageshack.us/img329/474/blabblagf0.jpgIn firefox the squares make nice border changin boxes. In IE the words become underline and the borders dissapear. Also in IE the boxes start half a cm further to the right which throws the whole thing off.Any Suggestions much appreciated./* Style Sheet of SOBI 2 Component com_sobi2.css *//* --------------------------------------------------------------------------- *//* Copyright © 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_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; font-size: 14px;}span#sobi2Details_field_slogan{ font-style: italic; display: block; padding-top: 8px; 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 {}div.sobi2MenuMod li{margin-right:5px;margin-left:5px;display: inline;list-style-type: none;font-size: 16px;background-image: url(freddy)}div.sobi2MenuMod li a{display: inline;padding-top: 6em;padding-bottom: 0.5em;padding-right: 0.75em;padding-left: 0.75em;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: #777;text-decoration: none;background: transparent;}div.sobi2MenuMod>div.sobi2MenuMod li a { width: auto; }div.sobi2MenuMod li#active a{background: #f0e7d7;color: #800000;}div.sobi2MenuMod li a:hover, div.sobi2MenuMod li#active a:hover{color: #800000;background: transparent;border-color: #aaab9c #fff #fff #ccc;}/* 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 © 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: #FF9900;}.sobi2_gallery_header {background: #626970;font-size: 12px;font-weight: bold;color: #ffffff;padding-left: 5px;} Link to comment Share on other sites More sharing options...
real_illusions Posted November 24, 2006 Share Posted November 24, 2006 whats your html code? Link to comment Share on other sites More sharing options...
Rotty1 Posted November 24, 2006 Author Share Posted November 24, 2006 INDEX<html><head><?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><?php if ( $my->id ) { initEditor(); } ?><meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" /><?php mosShowHead(); ?><?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?><?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?></head><title><?php echo $mosConfig_sitename; ?></title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head><body bgcolor="#3A3A3A" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><!-- ImageReady Slices (work3.psd) --><table id="Table_01" width="780" bgcolor="#3A3A3A" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td colspan="3"><img src="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/spacer.gif" width="780" height="34" alt=""></td></tr> <tr><td colspan="3" bgcolor="#3A3A3A" background="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/work3_03a.gif" width="780" height="36" alt=""><?php mosLoadModules ( 'user3', -1 ); ?> </td></tr> <tr><td colspan="3"><img src="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/DMbanner_01.gif" width="780" height="106" alt=""></td></tr><tr><td colspan="3" background="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/behindsearch.gif" width="780" height="72" alt=""> <form method="get" action="index.php" name="sobi2Search" id="sobi2Search"> <input type="hidden" name="option" value="com_sobi2" /> <input type="hidden" name="sobi2Task" value="search" /> <input type="hidden" name="Itemid" value="" /> <input name="sobi2Search" class="inputbox" value=""/><input type="submit" name="search" class="button" value="Search"/> <input type="radio" checked="checked" name="searchphrase" id="searchphraseany" value="any" /> <label for="searchphraseany">Any words</label> <input type="radio" name="searchphrase" id="searchphraseall" value="all" /> <label for="searchphraseall">All words</label> <input type="radio" name="searchphrase" id="searchphraseexact" value="exact" /> <label for="searchphraseexact">Exact phrase</label> </td></tr><tr> <td colspan="3" rowspan="1" width="780" height="" alt="" valign="top" bgcolor="#FFFFFF"> <?php mosMainBody(); ?></td</tr><tr><td colspan="1" bgcolor="#ffffff "background="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/bulletA.gif" width="780" height="240" alt=""><?php mosLoadModules ( 'user5', -1 ); ?></td></tr> <tr><td colspan="3" bgcolor="#3A3A3A" background="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/work3_03a.gif" width="780" height="36" alt=""> </td></tr> <tr><td colspan="1"><?php mosLoadModules ( 'bottom' ); ?></td></tr><tr><td colspan="3" bgcolor="#3A3A3A" background="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/work3_03.gif" width="780" height="36" alt=""> </td></tr> <tr><td colspan="1"><?php mosLoadModules ( 'user2' ); ?></td></tr></table><table id="Table_02" width="780" bgcolor="#3A3A3A" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td background="<?php echo $mosConfig_live_site;?>/templates/lg_business/images/work3_10.gif" width="780" height="51" alt=""><div align="centre"><font color="#FFFFFF">site © copyright 2006 <?php echo $mosConfig_sitename; ?></font></td></tr></table><!-- End ImageReady Slices --><map name="links"><area coords="600,64,645,82" href="#"><area coords="655,64,700,82" href="#"><area coords="705,64,775,82" href="#"></map></body></html>COMPONENT THAT THE MENU IS ATTACHED TO<?php/** * @version $Id: 1.0 * @package Sigsiu Online Business Index 2 * @authorName Eihwaz * @authorEmail eihwaz@online.com.ua * @copyright Copyright © 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 ?> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now