[Erledigt] button und pic nebeneinander darstellen /ohne zeilenumbruch

Forumsgast

Dabei seit: 17.09.2012
Beiträge: 9

[Erledigt] button und pic nebeneinander darstellen /ohne zeilenumbruch

17.09.2012, 13:40

hallo,

erstelle z.zt. eine page mit virtuemart 2.010. (joomla 2.5.7) im katalog modus.

in der category ansicht habe ich den button (zum warenkorb) als link zu einem externen anbieter geändert. auch ein logo dieses anbieters wurde mittels custom fields integriert.
das einzige das noch nicht funktioniert ist, das das logo einfach horizontal daneben gesetzt wird. es steht im floating left einfach untereinander.

habe schon so viele threads mit div und inline gelesen, aber meist handelt es sich um reine img´s und alle versuche meinen code anzupassen sind fehlgeschlagen.

vielleicht findet sich ja jemand hier der mir helfen kann den code so zu verschachteln, dass es passt.

hier die entsprechende stelle in der category_php:

PHP-Code:


                <div class="width30 floatleft">

                    <?php /** @todo make image popup */

                            echo $product->images[0]->displayMediaThumb('class="browseProductImage" border="0" title="'.$product->product_name.'" ',true,'class="modal"');

                        ?>



<div>    

<div><a target="_blank" <?php echo JHTML::link ($product->product_url,  JText::_('zum Shop'), array('title' => $product->product_name,'class' => 'product-details')) ?></a></div>

<div><?php $custom_title = null; 

if (!empty($product->customfields)) {

foreach ($product->customfields as $field) {

if ($field->is_hidden ) //OSP http://forum.virtuemart.net/index.php?topic=99320.0

continue;

if ($field->display) { ?>

<div><span class="product-field-display"><?php echo $field->display ?></span></div>

<?php } ?> <?php } ?> <?php }  ?></div>

</div>

hier die (zur Sicherheit) komplette vmsite-ltr.css:

Code:

.clr{clear:both;overflow:hidden;}
.general-bg,input.custom-attribute,input.quantity-input,.manufacturer-product-link a,a.ask-a-question,input.vm-default,a.product-details,a.details,div.details,button.default{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-decoration:none;padding:5px 5px 4px;}
span.custom-variant-inputbox input.custom-attribute:hover,span.quantity-box input.quantity-input:hover,input.vm-default:hover,span.quantity-box input.quantity-input:hover,.ask-a-question-view input.counter:hover,.ask-a-question-view input#email:hover,table.user-details input:hover,a.ask-a-question:hover,a.details:hover,div.details:hover,a.product-details:hover,button.default:hover{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) repeat-x;background-position:0 -40px;color:#000;text-decoration:none;}
.productdetails-view .spacer-buy-area{padding:0 0 0 12px;}
.back-to-category {float:right;}
.product-neighbours{color:#777;margin:0 0 15px;}
.product-neighbours a.next-page{background:url(../images/vmgeneral/next_16x16.png) no-repeat right;padding-right:30px;line-height:20px;float:right;}
.product-neighbours a.previous-page{background:url(../images/vmgeneral/previous_16x16.png) no-repeat left;padding-left:30px;line-height:20px;float:left;}
.productdetails-view h1{font-size:22px;margin:0 0 6px;padding:0;}
.productdetails-view .product-short-description{margin:0 0 15px;padding:0;}
.productdetails-view .product-description,.product-fields{margin:15px 0;}
span.title{font-weight:700;display:block;border-bottom:solid #CAC9C9 1px;font-size:14px;margin:0 0 6px;}
.product-packaging{margin:15px 0 0;}
.icons{text-align:right;float:right;margin:4px 0 10px 30px;}
.additional-images img{margin-right:8px;width:50px;height:auto;}
.product-price{margin:0 0 15px;}
.productdetails-view .addtocart-bar{margin:15px 0 0;padding:0 0 0 38px;}
.availability{text-align:center;margin:15px 0 0;}
.customer-reviews h4{border-bottom:solid #CAC9C9 1px;font-size:14px;margin:0 0 10px;padding:0 0 6px;}
.write-reviews{text-align:center;margin:20px 0 0;}
.write-reviews h4{text-align:left;}
.write-reviews h4 span{font-size:12px;font-weight:400;margin-left:8px;}
.write-reviews span.step{font-weight:700;display:inline-block;margin:0 0 8px;}
.write-reviews ul.rating{text-align:center;margin:0 0 20px;padding:0;}
.write-reviews ul.rating li{display:inline-block;list-style:none;text-align:center;padding:0 5px;}
.write-reviews ul.rating li span{display:block;}
.write-reviews textarea.virtuemart{margin-bottom:6px;display:inline-block;}
.list-reviews .normal{border:solid #CAC9C9 1px;margin-bottom:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:12px;}
.list-reviews .normal blockquote,.list-reviews .highlight blockquote{margin-top:12px;font-size:12px;word-wrap:break-word;}
.list-reviews .normal blockquote:before,.list-reviews .highlight blockquote:before{content:open-quote;font-weight:700;font-size:24px;padding-right:6px;}
.list-reviews .normal blockquote:after,.list-reviews .highlight blockquote:after{content:close-quote;font-weight:700;font-size:24px;padding-left:6px;}
.list-reviews .highlight{background:#f7f6f6;border:solid #CAC9C9 1px;margin-bottom:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding:12px;}
.list-reviews span.date{float:right;display:block;color:#777;border-left:solid #CAC9C9 1px;border-bottom:solid #CAC9C9 1px;position:relative;top:-12px;right:-12px;font-size:10px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;padding:4px 6px 2px;}
span.variant-dropdown{width:150px;float:left;display:block;margin-bottom:5px;}
span.variant-dropdown select{width:150px;}
span.custom-variant-inputbox{width:152px;float:left;display:block;margin-bottom:5px;}
input.custom-attribute{width:140px;}
span.quantity-box{float:left;width:27px;padding-top:5px;}
input.quantity-input{height:19px;width:25px;text-align:center;font-weight:700;padding:2px;}
span.quantity-controls{width:15px;float:left;padding-top:2px;margin:0 0 0 10px;}
span.quantity-controls input.quantity-controls{height:14px;border:none;width:15px;}
span.quantity-controls input.quantity-plus{background:url(../images/vmgeneral/quantity-controls.png) repeat-x;margin-bottom:2px;}
span.quantity-controls input.quantity-minus{background:url(../images/vmgeneral/quantity-controls.png) repeat-x;background-position:15px 0;}
.addtocart-bar{margin:0;padding:0;}
span.addtocart-button{width:152px;float:left;margin:0 0 0 10px;}
span.cart-images img {
    float: left;
    margin: 0;
    width: 45px;
}
span.addtocart-button input.addtocart-button,span.addtocart-button input.notify-button{width:152px;background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;letter-spacing:1px;padding:4px 5px;}
span.addtocart-button input.addtocart-button-disabled {width:auto;background:#f2f2f2 top repeat-x;border:solid #333 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:14px;cursor:pointer;height:34px;text-align:center;letter-spacing:1px;padding:4px 5px;color:#333;margin:10px 0px 0px 0px;}

.category-view h4{font-size:14px;margin:0;padding:0;}
.category-view .row .category .spacer h2{margin:0;padding:0;}
.category-view .row .category .spacer h2 a{font-size:14px;display:block;text-align:center;}
.category-view .row .category .spacer h2 a img{margin-top:6px;max-width:100%;height:auto;}
.featured-view h4,.latest-view h4,.topten-view h4,.related-products-view h4{font-size:14px;margin:0 0 8px;padding:0;}
.browse-view h1{font-size:16px;margin:0 0 8px;padding:0;}
.orderby-displaynumber{border-bottom:solid #E9E8E8 1px;border-top:solid #E9E8E8 1px;margin:10px 0;padding:10px 0;}
.orderlistcontainer{font-size:12px;display:inline-block;text-decoration:none;margin:0 15px 0 0;}
.orderlistcontainer div.activeOrder{background:#FFF top right no-repeat url(../images/vmgeneral/arrow_down.png);cursor:pointer;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;padding:2px 24px 1px 12px;}
.orderlistcontainer a{text-decoration:none;display:block;}
.orderlistcontainer a :hover{text-decoration:none;display:block;color:#EEE;background:#777;}
.orderlistcontainer div.orderlist{display:none;position:absolute;border:solid #CAC9C9 1px;background:#FFF;cursor:pointer;}
.orderlistcontainer div.orderlist div{padding:2px 12px 1px;}
.orderlistcontainer div.orderlist div:hover{color:#EEE;background:#CAC9C9;}
.ask-a-question-view .product-summary{border-bottom:solid #CAC9C9 1px;margin:25px 0 0;padding:0 0 10px;}
.ask-a-question-view .product-summary h2{font-size:16px;margin:0;padding:0;}
.ask-a-question-view .product-summary .short-description{margin-top:6px;}
.ask-a-question-view .product-summary img.product-image{max-width:100%;max-height:100%;width:auto;height:auto;}
.ask-a-question-view .form-field textarea.field{width:394px;background:#fff url(../images/vmgeneral/default_bg.jpg) bottom repeat-x;border:solid #CAC9C9 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:12px;}
.ask-a-question-view .form-field textarea.field:hover{background:#fff url(../images/vmgeneral/default_hover_bg.jpg) top repeat-x;color:#000;}
.ask-a-question-view .form-field .submit{width:418px;}
.ask-a-question-view input.counter,.ask-a-question-view input#email{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;display:inline-block;margin:0 0 0 10px;padding:5px 5px 4px;}
.vmquote{font-size:smaller;}
.manufacturer-details-view img{float:right;margin:0 0 10px 20px;}
.manufacturer-details-view .email-weblink a{margin-right:15px;}
a.ask-a-question{font-size:12px;font-weight:700;display:inline-block;text-decoration:none;margin-bottom:8px;padding:3px 12px 1px;}
a.ask-a-question:hover{color:#777;text-decoration:none;}
input.vm-default{margin-bottom:2px;}
input.highlight-button{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;border:1px solid #00a000;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:4px 8px 2px;}
input.highlight-button:visited{color:#fff;}
a.product-details,a.details,div.details{background-position:0 0;display:inline-block;padding:3px 8px 1px;}
a.details:hover,div.details:hover,a.product-details:hover{background-position:0 -40px;color:#777;}
span.details-button{ margin:0 0 0 10px;}
span.details-button input.details-button { background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll center top #E8E8E8;color:#135CAE;border:1px solid #CAC9C9 ;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;cursor:pointer; text-align:center;padding:3px 8px 1px;}
.coupon{color: gray;  border-radius:4px; border:1px solid #CAC9C9 ; font-size: 9px;padding: 3px;}
button.default{display:inline-block;cursor:pointer;padding:5px 8px 4px;}
button.default:hover{color:#777;}
a.highlight,a.highlight:visited{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;display:inline-block;text-decoration:none;background-position:0 -160px;color:#fff;padding:3px 8px 1px;}
textarea.virtuemart{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;text-align:left;padding:5px 5px 4px;}
p.product_s_desc{margin-bottom:6px;padding:0;}
span.stock-level{font-size:10px;color:#7d7b7b;}
.horizontal-separator{height:1px;background:#e9e8e8;margin:10px 0;}
.invalid{background-color:#ffd;color:#000;border-color:red;}
.page-results{margin-top:25px;text-align:right;}
.control-buttons button.default{margin-left:8px;}
table.user-details input{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px; width:200px}
table.user-details input.invalid{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border:solid red 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;padding:5px 5px 4px;}
table.user-details{width: 450px;margin-bottom:25px;}
table.user-details input[type="checkbox"] , table.user-details input[type="radio"] {width:20px}
td.key{padding:0 6px; width: 150px;}
.cart-view h1{font-size:20px;margin:0;padding:0 0 10px;}
.cart-view h2{font-size:12px;margin:0;padding:0;}
.checkout-button-top{text-align:right;border-top:solid #E9E8E8 1px;padding:10px 0 0;}
.checkout-button-top input.terms-of-service{margin-right:10px;display:inline-block;}
span.tos{display:inline-block;margin-right:15px;}
.billto-shipto{border-top:solid #E9E8E8 1px;border-bottom:solid #E9E8E8 1px;margin:10px 0 0;padding:10px 0 25px;}
.billto-shipto span,a.terms-of-service{display:inline-block;font-size:14px;}
#full-tos {display: none;}
.output-billto span.titles,.output-shipto span.titles{width:150px;float:left;}
.output-billto span.values-first_name,.output-billto span.values-middle_name,.output-billto span.values-zip,.output-shipto span.values-first_name,.output-shipto span.values-middle_name,.output-shipto span.values-zip{float:left;margin-right:3px;}
table.cart-summary tr th{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;border-bottom:solid #E9E8E8 1px;padding:6px 0 3px;}
.customer-comment{text-align:center;border-top:solid #E9E8E8 1px;margin:10px 0 0;padding:10px 0 0;}
textarea.customer-comment{background:#fff;border:solid #ccc 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#777;margin-bottom:2px;text-align:left;padding:5px 5px 4px;}
div.terms-of-service{ margin:10px 0 0;padding:10px 0 15px; display : inline;}
.terms-of-service h5{background:#7C1E21;color:rgba(255, 255, 255, 0.9);font-size:14px;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-weight:400;margin:0;padding:15px;}
.terms-of-service h5 a,.terms-of-service h5 a:visited{color:#fff;text-transform:uppercase;}
.vm-button-correct,.vm-button-correct:hover,.vm-button-correct:visited{font-size:12px;font-weight:700;display:inline-block;text-decoration:none;color:#777;}
.vm-button-correct,.vm-button-correct:link,.vm-button-correct:visited{background:#e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;background-position:0 -160px;color:#fff;border:solid #00a000 1px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:12px;cursor:pointer;text-align:center;letter-spacing:1px;display:inline-block;text-decoration:none;padding:6px 12px 3px;}
.vm-button-correct:hover{background-position:0 -200px;color:#f2f2f2;text-decoration:none;}
.VmArrowdown{background:top right no-repeat url(../images/vmgeneral/arrow_down.png);cursor:pointer;float:right;width:16px;height:16px;padding:0 12px;}
ul.VMmenu,.VMmenu ul,.VMmenu li{list-style-type:none!important;background-image:none!important;padding:2px;}
#ui-tabs ul#tabs{list-style-type:none;overflow:hidden;margin:0;padding:20px 20px 0;}
#ui-tabs ul#tabs li{display:inline-block;cursor:pointer;background:#f2f2f2;padding:10px 20px 7px;}
#ui-tabs ul#tabs li.current{display:inline-block;background:#ccc;color:#444;}
#ui-tabs .tabs{padding:20px;}
#ui-tabs .dyn-tabs{overflow:auto;display:none;}
.clear,br.clear{clear:both;}
.floatright,span.floatright{float:right;}
.floatleft,span.floatleft{float:left;}
span.bold{font-weight:700;}
.width1{width:1%;}.width2{width:2%;}.width3{width:3%;}.width4{width:4%;}.width5{width:5%;}.width6{width:6%;}.width7{width:7%;}.width8{width:8%;}.width9{width:9%;}.width10{width:10%;}.width11{width:11%;}.width12{width:12%;}.width13{width:13%;}.width14{width:14%;}.width15{width:15%;}.width16{width:16%;}.width17{width:17%;}.width18{width:18%;}.width19{width:19%;}.width20{width:20%;}.width21{width:21%;}.width22{width:22%;}.width23{width:23%;}.width24{width:24%;}.width25{width:25%;}.width26{width:26%;}.width27{width:27%;}.width28{width:28%;}.width29{width:29%;}.width30{width:30%;}.width31{width:31%;}.width32{width:32%;}.width33{width:33%;}.width34{width:34%;}.width35{width:35%;}.width36{width:36%;}.width37{width:37%;}.width38{width:38%;}.width39{width:39%;}.width40{width:40%;}.width41{width:41%;}.width42{width:42%;}.width43{width:43%;}.width44{width:44%;}.width45{width:45%;}.width46{width:46%;}.width47{width:47%;}.width48{width:48%;}.width49{width:49%;}.width50{width:50%;}.width51{width:51%;}.width52{width:52%;}.width53{width:53%;}.width54{width:54%;}.width55{width:55%;}.width56{width:56%;}.width57{width:57%;}.width58{width:58%;}.width59{width:59%;}.width60{width:60%;}.width61{width:61%;}.width62{width:62%;}.width63{width:63%;}.width64{width:64%;}.width65{width:65%;}.width66{width:66%;}.width67{width:67%;}.width68{width:68%;}.width69{width:69%;}.width70{width:70%;}.width71{width:71%;}.width72{width:72%;}.width73{width:73%;}.width74{width:74%;}.width75{width:75%;}.width76{width:76%;}.width77{width:77%;}.width78{width:78%;}.width79{width:79%;}.width81{width:81%;}.width82{width:82%;}.width83{width:83%;}.width84{width:84%;}.width85{width:85%;}.width86{width:86%;}.width87{width:87%;}.width88{width:88%;}.width89{width:89%;}.width90{width:90%;}.width91{width:91%;}.width92{width:92%;}.width93{width:93%;}.width94{width:94%;}.width95{width:95%;}.width96{width:96%;}.width97{width:97%;}.width98{width:98%;}.width99{width:99%;}.width100{width:100%;}
.vmicon, .vmiconFE{background:url(../images/vm2-sprite.png) no-repeat top left;}
.vm2-add_quantity_cart{background-position:0 0;width:24px;height:24px;border: 0px;cursor:pointer;}
.vm2-arrow_down{background-position:0 -72px;width:16px;height:16px;}
.vm2-billto-icon{background-position:0 -138px;height:24px;margin-right:6px;vertical-align:middle;width:24px;border :0px;}
.vm2-remove_from_cart{    background-position: 0 -212px; border: 0 none; cursor: pointer; display: inline-block; height: 24px; vertical-align: bottom; width: 24px;}
.vm2-shipto-icon{background-position:0 -284px;height:24px;margin-right:6px;vertical-align:middle;width:24px;}
.vm2-stars0{background-position:0 -358px;width:64px;height:13px;}
.vm2-stars1{background-position:0 -421px;width:64px;height:13px;}
.vm2-stars2{background-position:0 -484px;width:64px;height:13px;}
.vm2-stars3{background-position:0 -547px;width:64px;height:13px;}
.vm2-stars4{background-position:0 -610px;width:64px;height:13px;}
.vm2-stars5{background-position:0 -673px;width:64px;height:13px;}
.vm2-stars_0{background-position:0 -736px;width:64px;height:13px;}
.vm2-stars_1{background-position:0 -799px;width:64px;height:13px;}
.vm2-stars_2{background-position:0 -862px;width:64px;height:13px;}
.vm2-stars_3{background-position:0 -925px;width:64px;height:13px;}
.vm2-stars_4{background-position:0 -988px;width:64px;height:13px;}
.vm2-stars_5{background-position:0 -1051px;width:64px;height:13px;}
.vm2-lowstock{background-position:0 -1114px;width:62px;height:15px;display:block;}
.vm2-nostock{background-position:0 -1179px;width:62px;height:15px;display:block;}
.vm2-normalstock{background-position:0 -1244px;width:62px;height:15px;display:block;}
.vm2-termsofservice-icon{background-position:0 -1309px;height:24px;margin-right:6px;vertical-align:middle;width:24px;display:inline-block;}
.vm2-modallink{height:16px;margin-left: 3px;vertical-align:top;width:16px;display:inline-block; background: url("../images/icon_external_link.gif") no-repeat scroll left top transparent;}
.vm2-warning{background-position:0 -1383px;width:50px;height:40px;}
.vendor-store-desc,.category-view,.featured-view,.latest-view,.topten-view,.related-products-view,.browse-view,.order-view{margin-bottom:25px;}
.main-image,.featured-view .product,.latest-view .product,.topten-view .product,.related-products-view .product,.center,span.center{inline-block;text-align:center;}
.main-image img.product-image,.featured-view .spacer img,.latest-view .spacer img,.topten-view .spacer img{max-width:100%;height:auto;width:auto;}
.additional-images,.featured-view .product-price,.latest-view .product-price,.topten-view .product-price,.output-billto,.output-shipto{margin:10px 0;}
.ask-a-question,.manufacturer,.manufacturer-details-view .email-weblink,.manufacturer-details-view .description{margin:10px 0 0;}
.customer-reviews,.ask-a-question-view .form-field{margin:25px 0 0;}
span.variant-name,span.custom-variant-name{width:100px;float:left;display:block;margin-bottom:5px;}
span.addtocart-button input.addtocart-button:hover,span.addtocart-button input.notify-button:hover,input.highlight-button:hover,a.highlight:hover{background-position:0 -200px;color:#f2f2f2;}
.category-view .row .category .spacer,.featured-view .spacer,.latest-view .spacer,.topten-view .spacer,.related-products-view .spacer,.browse-view .row .product .spacer{padding:6px;}
.featured-view .spacer h3,.latest-view .spacer h3,.topten-view .spacer h3,.related-products-view .spacer h3,.browse-view .row .product .spacer h2{font-size:14px;margin:0 0 6px;padding:0;}
.featured-view .spacer span,.latest-view .spacer span,.topten-view .spacer span,.related-products-view .spacer span,.browse-view .row .product .spacer span{font-size:20px;color:#666;}
.browse-view .row .product .spacer img,.related-products-view .row .product .spacer img{max-width:90%;height:auto;} 
.display-number,.control-buttons,.right{text-align:right !important;}
.ask-a-question-view,.manufacturer-details-view .spacer{padding:30px;}
.ask-a-question-view h1,.manufacturer-details-view h1{font-size:18px;margin:0;padding:0;}
#userForm select,.width80{width:80%;}
textarea.virtuemart:hover,textarea.customer-comment:hover{color:#000;background:#e8e8e8;}
label.invalid,span.red{color:red;}
.output-billto span.values,.output-shipto span.values,.floatleft,span.floatleft{float:left;}
.output-billto span.values,.output-shipto span.values {padding-right:5px;}
.joomlaCoreField {background-color: #FFFFDD;}
.vm-pagination div{text-align:center !important;}
.vm-pagination ul{text-align:center !important;}
.vm-pagination ul li{display: inline;}
.vm-pagination  .counter{text-align: right !important;}

.vm-bottom div{text-align:center !important;}
.vm-bottom ul{text-align:center !important;}
.vm-bottom ul li{display: inline;}
.vm-bottom  .counter{text-align: right !important;}

td.orders-key{font-weight: bold; text-align: left; }

/* Manufacturer View Default */
.manufacturer-view-default .row .manufacturer .spacer {padding: 6px;}
.product-field-display a img{display: block;}
.product-related-products, .product-related-categories{border-top:solid #ccc 1px;padding-bottom: 10px;}
.product-fields .product-field-type-P{clear: both; border-bottom: 1px solid #EEEEEE; margin-top: 18px;}
.product-field-type-P .product-fields-title{ font-size: 120%;}
.product-field-type-B,.product-field-type-S,.product-field-type-I{padding-left:3%;float:left;width:30%}
.product-fields-title{ font-weight: bold;}

.vm-customfield-mod img,.vm-customfield-cart img{ vertical-align: middle; width: 16px;}
.vm-img-desc{display:block;}
.vmpayment_name, .vmpayment_cost, .vmshipment_name, .vmshipment_cost{padding:0 2px;}
.vmpayment_description,.vmshipment_description {color:gray;font-size:9px;padding:0 2px;}
.vmpayment_cardinfo {color:gray;font-size:9px;}
.virtuemart_search .inputbox{height:16px;vertical-align :middle}
/* Custom Field Images */
.product-fields .product-field,.product-related-categories .product-field {width:100%;float:left;display:inline-block;}
.product-fields .product-field label {width:25%;float:left;position:relative;top:20px;left:-18px;margin-bottom:27px;text-align:center;}  /* For 4 images across use width:17% */
.product-fields .product-field input {position:relative;left:33px;}
.product-fields .product-field .vm-img-desc {font-size:9px;}
/* some more styles */
.priceColor2{color:gray;}
.line-through{text-decoration:line-through}
.inline{display: inline;}
td.pricePad{padding-right: 10px;}
td.priceCol{white-space:nowrap;}
div.spaceStyle{padding: 0px; margin: 5px; spacing: 0px;}
.vm-notice{color: #CC0000;}
.buttonBar-right{text-align: right; width: 100%;}
.userfields_info{font-weight: bold;}
.ratingbox {
	position:relative;
	display:block;
	width:120px;
	height:24px;
	background:url("../images/color-stars.png") repeat-x scroll 0 bottom transparent;
}
.ratingbox span {
	background:url(../images/color-stars.png) repeat-x;
	display:block;
	width:1%;
	height:24px;
	position:absolute;
}
.stars-orange{background-position:0 0 !important;}
.stars-red{background-position:0 -54px !important;}
.stars-green{background-position:0 -108px !important; }
.stars-blue{background-position:0 -162px !important;}
.stars-purple{background-position:0 -216px !important;}

link kann ich leider noch keinen schicken, da die seite noch offline ist.
daher hab´ich einfach ´n screenshot gemacht.
ich hoffe das reicht als info.

vielen dank jedenfalls, schon ´mal.

lg
chris

Angehängte Dateien

ist_zustand.JPG (26,0 KB, 1 Hit)

Stichworte: div, float, inline, ohne zeilenumbruch

Forumsgast

Dabei seit: 22.04.2009

Beiträge: 11317
#2

17.09.2012, 13:45

In Quelltext schauen, ob da ein <br /> eingebaut wird oder in der CSS einen display:block; ändern in display:inline-block;
Welches display das ist, findest Du auch wieder über den Quelltext heraus.

Firebug und Co. sind gute Helfer auf Deinem Weg...

Vielleicht reicht es auch, einfach den DIV um den Butten "zum Shop" wegzulassen?
Kommentar

Forumsgast

Dabei seit: 17.09.2012
Beiträge: 9

17.09.2012, 22:39

hallo arne,

es funktioniert leider alles nicht.
<br /> entfernen, kommt nicht an betreffenden stellen (hinter button) im quelltext (du meinst doch in der category_php,oder?!) vor, deshalb gibt es dort nichts zu löschen.

der button verweisst auf folgende css zeilen:

Code:

a.product-details, a.details, div.details {
    background-position: 0 0;
    display: inline-block;
    padding: 3px 8px 1px;
}
.general-bg, input.custom-attribute, input.quantity-input, .manufacturer-product-link a, a.ask-a-question, input.vm-default, a.product-details, a.details, div.details, button.default {
    background: url("../images/vmgeneral/backgrounds.png") repeat-x scroll center top #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    color: #777777;
    padding: 5px 5px 4px;
    text-decoration: none;
}
a, h2, h4, h5, h6, #footer a:hover, .menu-dropdown li.active > a, .menu-sidebar a.active, .menu-sidebar li > span.active, #system .pagination a:hover {
    color: #92AFC2;
}
a {
    color: #777779;
}
a, a:hover {
    text-decoration: none;
}
#content, #breadcrumbs {
    text-shadow: 0 1px 0 #FDFDFF;
}
body {
    font-family: "MetrophobicRegular";
}
body {
    color: #444446;
    font: 13px/18px Arial,Helvetica,sans-serif;
}

habe dort von display:block; in display:inline-block; geändert.
ohne erfolg (es hat sich auch nichts negativ verändert, also hab´ich drin gelassen).

das logo image verweisst auf folgende css zeilen:

Code:

.browse-view .row .product .spacer img, .related-products-view .row .product .spacer img {
    height: auto;
    max-width: 90%;
}
fieldset, img, iframe {
    border: 0 none;
}
.featured-view .spacer span, .latest-view .spacer span, .topten-view .spacer span, .related-products-view .spacer span, .browse-view .row .product .spacer span {
    color: #666666;
    font-size: 20px;
}
#content, #breadcrumbs {
    text-shadow: 0 1px 0 #FDFDFF;
}
body {
    font-family: "MetrophobicRegular";
}
body {
    color: #444446;
    font: 13px/18px Arial,Helvetica,sans-serif;
}

dort konnte ich nichts entdecken.

gibts es vielleicht noch eine andere idee?!

Danke!

Kommentar

Forumsgast

Dabei seit: 21.05.2008

Beiträge: 46002
#4

17.09.2012, 23:36

gibts es vielleicht noch eine andere idee?!

Ja. Stell nen online-Link bereit. Hier den kompletten Code reinzudroppen und zu warten ist ja wohl ein schlechter Witz.
Kommentar
Forumsgast

Dabei seit: 22.04.2009

Beiträge: 11317
#5

18.09.2012, 08:56

Was ist damit:

Zitat von Arne Drews

Vielleicht reicht es auch, einfach den DIV um den Butten "zum Shop" wegzulassen?

als kleine Stütze, das ist diese Zeile:

PHP-Code:

<div><a target="_blank" <?php echo JHTML::link ($product->product_url, JText::_('zum Shop'), array('title' => $product->product_name,'class' => 'product-details')) ?></a></div>
Kommentar
Forumsgast

Dabei seit: 01.09.2010

Beiträge: 6279
#6

18.09.2012, 11:57

oder zumindest den div nicht schließen, so dass dein Bild - von dem wäre der Code auch nett - oder soll das dein foreach - echo da sein - im gleichen Div landet - dann könnte man die mittels   halt hintereinander hängen, ohne das Zeilenumbrüche stören (außer natürlich der div ist zu klein ...
Kommentar
Forumsgast

Dabei seit: 17.09.2012

Beiträge: 9
#7

18.09.2012, 12:49

Zitat von nikosch Beitrag anzeigen

Ja. Stell nen online-Link bereit. Hier den kompletten Code reinzudroppen und zu warten ist ja wohl ein schlechter Witz.

??? Gibt´s ´nen besonderen grund für deine agression?

1. wenn du meinen thread gelesen und nicht überflogen hättest, hättest du auch gesehen das meine seite noch nicht online ist. also nix mit link!

2. warum ist der gesamte code ein schlechter witz. bei deinem hyper experten status solltest du das eigentlich im schlaf hinbekommen.

3. bitte in zukunft: es ist für alle beteiligten am besten wenn du solche beiträge nicht mehr schickst, es gibt einfach nur schlechte stimmung und hilft niemanden weiter.
Kommentar
Forumsgast

Dabei seit: 17.09.2012

Beiträge: 9
#8

18.09.2012, 12:51

Zitat von Arne Drews Beitrag anzeigen

Was ist damit:

als kleine Stütze, das ist diese Zeile:

PHP-Code:

<div><a target="_blank" <?php echo JHTML::link ($product->product_url, JText::_('zum Shop'), array('title' => $product->product_name,'class' => 'product-details')) ?></a></div>

hat leider auch nicht gefunzt.
Kommentar
Forumsgast

Dabei seit: 01.09.2010

Beiträge: 6279
#9

18.09.2012, 12:55

wie gelangt denn dieses zusätzliche Bild dorthin ?

Und hör bitte auf gegen nikosch zu schießen - der weiß, warum er nach Link fragt - wir raten herum, weil du nicht genügen Information auf der einen Seite (php + html) lieferst und uns stattdessen mit Seitenweise Css zumüllst, der gar nicht von belang ist ...

- nebenher .. ein paar Kommentare würden deinem php-code gutstehen .. dann weißt du auch, woran du schraubst
Kommentar
Forumsgast

Dabei seit: 17.09.2012

Beiträge: 9
#10

18.09.2012, 13:11

Zitat von eagle275 Beitrag anzeigen

oder zumindest den div nicht schließen, so dass dein Bild - von dem wäre der Code auch nett - oder soll das dein foreach - echo da sein - im gleichen Div landet - dann könnte man die mittels   halt hintereinander hängen, ohne das Zeilenumbrüche stören (außer natürlich der div ist zu klein ...

das ist der php für das logo:

PHP-Code:

<div><?php $custom_title = null; if (!empty($product->customfields)) { foreach ($product->customfields as $field) { if ($field->is_hidden ) //OSP http://forum.virtuemart.net/index.php?topic=99320.0 continue; if ($field->display) { ?> <div><span class="product-field-display"><?php echo $field->display ?></span></div> <?php } ?> <?php } ?> <?php } ?></div> </div> </div>

was bedeuted: "&nbsp"?

könntest du den code so ändern, wie´s gehen könnte deiner meinung nach?!
vielen dank!
Kommentar
Forumsgast

Dabei seit: 17.09.2012

Beiträge: 9
#11

18.09.2012, 13:16

Zitat von eagle275 Beitrag anzeigen

wie gelangt denn dieses zusätzliche Bild dorthin ?

Und hör bitte auf gegen nikosch zu schießen - der weiß, warum er nach Link fragt - wir raten herum, weil du nicht genügen Information auf der einen Seite (php + html) lieferst und uns stattdessen mit Seitenweise Css zumüllst, der gar nicht von belang ist ...

- nebenher .. ein paar Kommentare würden deinem php-code gutstehen .. dann weißt du auch, woran du schraubst

??? jetzt wird´s aber komisch. wer schießt muss damit rechnen das zurückgeschossen wird, oder?!

hey ich wollte nur helfen mit dem code. wenns nicht so ist tut´s mir leid. dann muss man aber niemanden gleich anfahren.

ja du hast recht kommentare könnte man zur übersichtlichkeit einfügen. aber nur mal so, vergeßt nicht das anfänger nicht alles sofort wissen können.

der ton macht einfach die musik.
Kommentar
Forumsgast

Dabei seit: 01.09.2010

Beiträge: 6279
#12

18.09.2012, 13:23

ohne Garantien ...

PHP-Code:

<div class="width30 floatleft"> <?php /** @todo make image popup */ echo $product->images[0]->displayMediaThumb('class="browseProductImage" border="0" title="'.$product->product_name.'" ',true,'class="modal"'); ?> <div> <div><a target="_blank" <?php echo JHTML::link ($product->product_url, JText::_('zum Shop'), array('title' => $product->product_name,'class' => 'product-details')) ?></a>  <?php $custom_title = null; if (!empty($product->customfields)) { foreach ($product->customfields as $field) { if ($field->is_hidden ) //OSP http://forum.virtuemart.net/index.php?topic=99320.0 continue; if ($field->display) { ?> <span class="product-field-display"><?php echo $field->display ?></span> <?php } ?> <?php } ?> <?php } ?></div> </div>
Kommentar
Forumsgast

Dabei seit: 21.05.2008

Beiträge: 46002
#13

18.09.2012, 15:24

??? Gibt´s ´nen besonderen grund für deine agression?

Es ist immer das selbe mit Usern wie Dir. Ihr kommt an mit offenbar Code, der nicht von Euch ist, ohne genug Sachverstand, seine Funktionsweise zu verstehen und wollt darin rumfummeln. Weil ihr es nicht hinbekommt, wird kommentarlos alles in dieses Forum abgekippt und „jetzt macht mal, ich bin hilflos rangeschrieben.“ Ich finde diese Art unmöglich.

1. wenn du meinen thread gelesen und nicht überflogen hättest, hättest du auch gesehen das meine seite noch nicht online ist. also nix mit link!

Ich habe ihn gelesen und auch den Hinweis. Und ich sage - für gescheite Hilfe musst DU halt auch mal 'was Energie investieren.

2. warum ist der gesamte code ein schlechter witz. bei deinem hyper experten status solltest du das eigentlich im schlaf hinbekommen.

Hier hast Du wohl „überflogen“. Ich habe von Deinem Verhalten gesprochen. Und können und wollen ist halt ein Unterschied - allein es fehlt die Motivation. Ich sehe keinen Anlass, mich hier durch fremde Codedums zu wühlen, wie ein Schwein auf der Suche nach Trüffeln.

3. bitte in zukunft: es ist für alle beteiligten am besten wenn du solche beiträge nicht mehr schickst, es gibt einfach nur schlechte stimmung und hilft niemanden weiter.

Ach so, jetzt willst Du mir den Mund verbieten, weil ich für Dich nicht hilfreich bin. Na das ist super.

vergeßt nicht das anfänger nicht alles sofort wissen können.

„Anfänger sein“ als Ausrede zu benutzen, wird hier auch zur Dauerposse.
Kommentar
Forumsgast

Dabei seit: 17.09.2012

Beiträge: 9
#14

18.09.2012, 17:47

Zitat von eagle275 Beitrag anzeigen

ohne Garantien ...

PHP-Code:

<div class="width30 floatleft"> <?php /** @todo make image popup */ echo $product->images[0]->displayMediaThumb('class="browseProductImage" border="0" title="'.$product->product_name.'" ',true,'class="modal"'); ?> <div> <div><a target="_blank" <?php echo JHTML::link ($product->product_url, JText::_('zum Shop'), array('title' => $product->product_name,'class' => 'product-details')) ?></a>  <?php $custom_title = null; if (!empty($product->customfields)) { foreach ($product->customfields as $field) { if ($field->is_hidden ) //OSP http://forum.virtuemart.net/index.php?topic=99320.0 continue; if ($field->display) { ?> <span class="product-field-display"><?php echo $field->display ?></span> <?php } ?> <?php } ?> <?php } ?></div> </div>

hat leider nicht gefunzt (ohne jegliche veränderung).
ok - vielen dank trotzdem für deine mühe.

werd noch mal nach anderen threads in der richtung suchen - vielleicht find ich ja was.

danke!
chris
Kommentar
Forumsgast

Dabei seit: 17.09.2012

Beiträge: 9
#15

18.09.2012, 17:50

Zitat von nikosch Beitrag anzeigen

Es ist immer das selbe mit Usern wie Dir. Ihr kommt an mit offenbar Code, der nicht von Euch ist, ohne genug Sachverstand, seine Funktionsweise zu verstehen und wollt darin rumfummeln. Weil ihr es nicht hinbekommt, wird kommentarlos alles in dieses Forum abgekippt und „jetzt macht mal, ich bin hilflos rangeschrieben.“ Ich finde diese Art unmöglich.

Ich habe ihn gelesen und auch den Hinweis. Und ich sage - für gescheite Hilfe musst DU halt auch mal 'was Energie investieren.
Hier hast Du wohl „überflogen“. Ich habe von Deinem Verhalten gesprochen. Und können und wollen ist halt ein Unterschied - allein es fehlt die Motivation. Ich sehe keinen Anlass, mich hier durch fremde Codedums zu wühlen, wie ein Schwein auf der Suche nach Trüffeln.
Ach so, jetzt willst Du mir den Mund verbieten, weil ich für Dich nicht hilfreich bin. Na das ist super.

„Anfänger sein“ als Ausrede zu benutzen, wird hier auch zur Dauerposse.

???
das ist mir jetzt aber echt zu primitiv!
Kommentar

Vorherige 1 2 Weiter

Ankündigung

[Erledigt] button und pic nebeneinander darstellen /ohne zeilenumbruch

Neue Werbung 2019

[Erledigt] button und pic nebeneinander darstellen /ohne zeilenumbruch

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar