raitis
-
Posts
16 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by raitis
-
-
yes, everything is working now. thanks!i used both, but i think now i used dsonesuk's code.So is everything working? Are you using dsonesuk or mine? -
i used now firefox instead of safari.now it works! :)thank you very very very much!what is the solution?i use mac osx and not windows/notepad.i copied the code, pasted it into dreamweaver and took it to paste into ebay (html). what am i doing wrong?
-
what is the solution?i use mac osx and not windows/notepad.i copied the code, pasted it into dreamweaver and took it to paste into ebay (html). what am i doing wrong?Your css styling is not being picked up even when it is shows when you go to edit source, this usually happen when you save in notepad, and do not select Encoding Type UTF-8, but save it as default ANSI instead, which will cause browser not to read the file correctly. -
i tried to add a separate css file, but this is how it looks (attachment)Honestly I have never worked with eBay so I am not sure how it handles the CSS... It should not shift everything if you copy and paste everything I put, as you tested on your first link...
-
thanks, i used your code, but this is how it looks:http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item=170912092366#ht_7578wt_1156Probably the best option would be to use an unordered list element, similar to how it is used for menus.<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>quop.eu EBAY</title> <style type="text/css"> * { margin: 0; border: 0; padding: 0; font-family: 'Arial'; text-align: center; } a {text-decoration:none;} #logo { background: url(http://quop.eu/quop/wp-content/uploads/quopEU.jpg) center center; display: block; width: 966px; height: 162px; } .kl_body { margin: 5px auto; padding: 10px; border: 6px solid #00afef; width: 966px; } #showCase { width: 672px; margin: 0 auto; position:relative; /*added by dsonesuk*/ } .kl_body #showCase img { border:1px solid black; width:634px; height:631px; margin: 0 5px; } .kl_body #showCase a img { width:100px; height:100px; float: left; margin: 10px 5px; } .kl_body #showCase a .kl_foto { display:none; position:absolute; left:125px; width:720px; height:720px; border:1px solid black; } .kl_body #showCase a:hover .kl_foto {display:block;} h1 { font-size: 24px; } #table { width: 700px; margin: 50px auto; border: 1px solid black; overflow: hidden; } #table * { text-align: left; } .row { border-bottom: 1px solid black; width: 700px; } .row #last { border: 0; } .col { width: 115px; border-right: 1px solid black; margin: 0 5px; } .col,.row { float: left; } #showCase ul, #showCase li {list-style-type:none; padding:0; margin:0; text-indent:0;}#showCase ul ul { left: 13px; position: absolute; top: 122px; visibility: hidden;} #showCase ul li:hover ul { visibility:visible;} </style></head><body><div style="height: 162px;" class="kl_body"> <a id="logo" href="http://www.quop.eu" target="_blank"></a></div><div class="kl_body"> <div id="showCase"> <ul> <li> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_11-150x150.jpg" alt="1"></a> <ul> <li> <img class="kl_foto" src="http://quop.eu/quop/wp-content/uploads/images/22222986_11-720x720.jpg" /> </li> </ul> </li> <li> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_21-150x150.jpg" alt="1"></a> <ul> <li> <img class="kl_foto" src="http://quop.eu/quop/wp-content/uploads/images/22222986_21-720x720.jpg" /> </li> </ul> </li> <li> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_3" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_31-150x150.jpg" alt="1"></a> <ul> <li> <img class="kl_foto" src="http://quop.eu/quop/wp-content/uploads/images/22222986_31-720x720.jpg" /> </li> </ul> </li> <li> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_41-150x150.jpg" alt="1"></a> <ul> <li> <img class="kl_foto" src="http://quop.eu/quop/wp-content/uploads/images/22222986_41-720x720.jpg" /> </li> </ul> </li> <li> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_51-150x150.jpg" alt="1"></a> <ul> <li> <img class="kl_foto" src="http://quop.eu/quop/wp-content/uploads/images/22222986_51-720x720.jpg" /> </li> </ul> </li> <li> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_61-150x150.jpg" alt="1"></a> <ul> <li> <img class="kl_foto" src="http://quop.eu/quop/wp-content/uploads/images/22222986_61-720x720.jpg" /> </li> </ul> </li> </ul> </div> <div> <img src="http://quop.eu/quop/wp-content/public/quop_logo.png" alt="1"> </div> </div> <div class="kl_body"> <h1 style="text-align: left;">Product description:</h1> <div id="table"> <div class="row"> <div class="col">Product ID:</div> 22222986 </div> <div class="row"> <div class="col">Product name:</div> Fuel pump, Kraftstoffpumpe Mitsubishi Pajero III 3.2 DI-D shogun montero </div> <div class="row"> <div class="col">Manufacturer:</div> Mitsubishi </div> <div class="row"> <div class="col">Part number:</div> ME190711 </div> <div class="row"> <div class="col">Car:</div> 2004 Pajero, 3.2DID, 135.000Km, aut., 5 door, silver, leather, sport susp. </div> <div class="row" id="last"> <div class="col">VIN:</div> JMALYV78W43001154 </div> </div></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div></body></html> -
thanks a lot!this looks great, but the images shift to the left.http://quop.eu/quop/wp-content/public/ebay.html but here is something wrong.should i make a css file and add all style to it and remove the styles from the html file?http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item=170912092366#ht_2632wt_1156When I get a chance I will code it with divs and show you.<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>quop.eu EBAY</title> <style type="text/css"> * { margin: 0; border: 0; padding: 0; font-family: 'Arial'; text-align: center; } a {text-decoration:none;} #logo { background: url(http://quop.eu/quop/wp-content/uploads/quopEU.jpg) center center; display: block; width: 966px; height: 162px; } .kl_body { margin: 5px auto; padding: 10px; border: 6px solid #00afef; width: 966px; } #showCase { width: 672px; margin: 0 auto; } .kl_body #showCase img { border:1px solid black; width:634px; height:631x; margin: 0 5px; } .kl_body #showCase a img { width:100px; height:100px; float: left; margin: 10px 5px; } .kl_body #showCase a .kl_foto { display:none; position:absolute; left:125px; width:720px; height:720px; border:1px solid black; } .kl_body #showCase a:hover .kl_foto {display:block;} h1 { font-size: 24px; } #table { width: 700px; margin: 50px auto; border: 1px solid black; overflow: hidden; } #table * { text-align: left; } .row { border-bottom: 1px solid black; width: 700px; } .row #last { border: 0; } .col { width: 115px; border-right: 1px solid black; margin: 0 5px; } .col,.row { float: left; } </style></head><body><div style="height: 162px;" class="kl_body"> <a id="logo" href="http://www.quop.eu" target="_blank"></a></div><div class="kl_body"> <div id="showCase"> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_11-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_11-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_21-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_21-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_3" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_31-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_31-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_41-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_41-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_51-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_51-720x720.jpg); background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_61-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_61-720x720.jpg);background-repeat:no-repeat;"></div> </a> </div> <img src="http://quop.eu/quop/wp-content/public/quop_logo.png" alt="1"></div> <div class="kl_body"> <h1 style="text-align: left;">Product description:</h1> <div id="table"> <div class="row"> <div class="col">Product ID:</div> 22222986 </div> <div class="row"> <div class="col">Product name:</div> Fuel pump, Kraftstoffpumpe Mitsubishi Pajero III 3.2 DI-D shogun montero </div> <div class="row"> <div class="col">Manufacturer:</div> Mitsubishi </div> <div class="row"> <div class="col">Part number:</div> ME190711 </div> <div class="row"> <div class="col">Car:</div> 2004 Pajero, 3.2DID, 135.000Km, aut., 5 door, silver, leather, sport susp. </div> <div class="row" id="last"> <div class="col">VIN:</div> JMALYV78W43001154 </div> </div></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div><div class="kl_body"><h1>Title</h1><p>Filler Text</p></div></body></html> -
thanks! it worked. now it looks like this:http://quop.eu/quop/wp-content/public/ebay.html but when i try to use it, where its supposed to be it looks like this (the image gallery splits up)any idea why? http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item=170912092366#ht_2864wt_1156There is no problem using a table if, you know, it's an actual table, so the product description table is fine. But the rest of your content is also in tables which is not good. To be honest, I thought people stopped using them years ago! Based on your current code, the only thing you need to do to center this product description table is this: <table width="700" border="2" style="margin:0 auto;"> Give that a whirl, and spend a bit of time looking into actual HTML/CSS layouts. Tables are for tables, not layouts! -
ok. this way?I would recommend to stop using tables. I know I am not addressing the issue, but I say stop using them. Use divs.<div align="center"> <table width="700" border="2" align="absolute"> <tr> <td width="120">Product ID:</td> <td>22222986</td> </tr> <tr> <td width="120">Product name:</td> <td>Fuel pump, Kraftstoffpumpe Mitsubishi Pajero III 3.2 DI-D shogun montero</td> </tr> <tr> <td width="120">Manufacturer:</td> <td>Mitsubishi</td> </tr> <tr> <td width="120">Part number:</td> <td>ME190711</td> </tr> <tr> <td width="120">Car:</td> <td>2004 Pajero, 3.2DID, 135.000Km, aut., 5 door, silver, leather, sport susp.</td> </tr> <tr> <td width="120">VIN:</td> <td>JMALYV78W43001154</td> </tr> <tr> <td width="120"> </td> <td> </td> </tr> </table></div>
-
like this?margin: 0 auto inside a container with height and width. Also, use float for positioning<table width="966" class="kl_body" align="center" BORDER=6 BORDERCOLOR=#00afef margin=0 auto> <tr> <td height="300" valign="top" margin=0 position=floating> <p> Product description: </p></br> <table width="700" border="2" align="absolute">
-
dear forum, i have this html:http://quop.eu/quop/wp-content/public/ebay.html and the table starts where it says "product description": i tried to center the table with this:align="center" but it just centers the text. how to center the table? and how to align the text to the left side? sincerely,raitis p.s. here is the code:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>quop.eu EBAY</title><style type="text/css">@charset "UTF-8";* {margin:0px;padding:0px;font-family:'Arial';text-align:center;border-collapse: collapse;}a {text-decoration:none; border:none;}img {border:none;}t1 {align:center}.kl_info {vertical-align:top;}.kl_m {width:1px; vertical-align:top;}.kl_vorschau {padding:3px;}.kl_vorschau img {border:1px solid black; width:634px; height:631x;}.kl_vorschau a img {width:100px; height:100px;}.kl_vorschau a .kl_foto {display:none; position:absolute; left:125px; width:720px; height:720px; border:1px solid black; margin:0px; padding:0px;}.kl_vorschau a:hover .kl_foto {display:block;} .kl_body tr td p {font-weight: bold;text-align: center;font-size: 24px;}</style><script type="text/javascript"></script></head><body><table width="966" class="kl_body" align="center" BORDER=6 BORDERCOLOR=#00afef> <tr> <td height="162"><a href="http://www.quop.eu" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/quopEU.jpg" width="966" height="162" longdesc="http://quop.eu/quop/wp-content/uploads/quopEU.jpg"></a></td> </tr></table></br><table width="966" class="kl_body" align="center" BORDER=6 BORDERCOLOR=#00afef> <td height="860" class="kl_m"> <div class="kl_vorschau kl_height_1"> </br> <t1> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_11-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_11-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_21-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_21-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_3" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_31-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_31-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_41-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_41-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_51-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_51-720x720.jpg);background-repeat:no-repeat;"></div> </a> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg" target="_blank"> <img src="http://quop.eu/quop/wp-content/uploads/images/22222986_61-150x150.jpg" alt="1"> <div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_61-720x720.jpg);background-repeat:no-repeat;"></div> </a> <img src="http://quop.eu/quop/wp-content/public/quop_logo.png" alt="1"> </t1> </tr></table></div></br><table width="966" class="kl_body" align="center" BORDER=6 BORDERCOLOR=#00afef> <tr> <td height="400" valign="top"><p> </p> <p> Product description: </p></br><center> <table width="700" border="2" align="center"> <tr> <td width="120">Product ID:</td> <td>22222986</td> </tr> <tr> <td width="120">Product name:</td> <td>Fuel pump, Kraftstoffpumpe Mitsubishi Pajero III 3.2 DI-D shogun montero</td> </tr> <tr> <td width="120">Manufacturer:</td> <td>Mitsubishi</td> </tr> <tr> <td width="120">Part number:</td> <td>ME190711</td> </tr> <tr> <td width="120">Car:</td> <td>2004 Pajero, 3.2DID, 135.000Km, aut., 5 door, silver, leather, sport susp.</td> </tr> <tr> <td width="120">VIN:</td> <td>JMALYV78W43001154</td> </tr> <tr> <td width="120"> </td> <td> </td> </tr> </table> </center></br></td> </tr></table></br> </body></html> -
thanks. but how can i know if my image is going to be portrait or landscape. i am trying to automate this process and i cant check each image.Depending on if image is landscape, or portrait image apply specific width: 100%;, height: 100%; with max-width: and max-height: to restrict size and keep proportions.kl_vorschau a .kl_foto { height: auto; width:auto;}.kl_vorschau a .land { width:100%; max-width: 600px;}.kl_vorschau a .port { height: 100%; max-height:1024px;}<img class="kl_foto land" src="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg"></a> <img class="kl_foto port" src="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg"></a>
-
i am no coder.wordpress already generated different sizes automatically. (attachment)i dont know which lines to change and how...
-
no other option?i am trying to resize them in html or css because i dont want to change the images itself.i need them to bee 1024px for some other applications.Change the size of the images themselves. An image tag won't scale an images size if you change the height/width of it, just the img element itself. -
dear forum, i have two category logos as you can see here and in the attachment:http://quop.eu is it possible to get them in a row or do i need to do this in css?like this (attachment 2). here is the code of the page:
<?php/*** Homepage Features Panel*/ /** * The Variables * * Setup default variables, overriding them if the "Theme Options" have been saved. */ global $woocommerce; $settings = array( 'thumb_w' => 100, 'thumb_h' => 100, 'thumb_align' => 'alignleft', 'shop_area' => 'false', 'shop_area_entries' => 3, 'shop_area_title' => '', 'shop_area_message' => '', 'shop_area_link_text' => 'View all our products', ); $settings = woo_get_dynamic_values( $settings ); ?> <section id="shop-home" class="home-section fix"> <header class="block"> <h1><?php echo stripslashes($settings['shop_area_title'] ); ?></h1> <p><?php echo stripslashes($settings['shop_area_message'] ); ?></p> <a class="more" href="<?php echo get_post_type_archive_link('product'); ?>" title="<?php _e( 'View all our products', 'woothemes' ); ?>"><?php echo $settings['shop_area_link_text']; ?></a> </header> <ul class="recent products"> <?php echo do_shortcode('[product_categories ids="140,15" columns="1"]'); ?> <?php $number_of_products = $settings['shop_area_entries']; $args = array( 'post_type' => 'product', 'posts_per_page' => $number_of_products, 'meta_key' => '_featured', 'meta_value' => 'yes' ); $first_or_last = 'first'; $loop = new WP_Query( $args ); $count = 0; while ( $loop->have_posts() ) : $loop->the_post(); $_product = &new woocommerce_product( $loop->post->ID ); $count++; ?> <li class="product <?php if ( $count % 3 == 0 ) { echo 'last'; } ?>"> <a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"> <div class="img-wrap"> <?php woocommerce_show_product_sale_flash( $post, $_product ); ?> <?php if (has_post_thumbnail( $loop->post->ID )) echo get_the_post_thumbnail($loop->post->ID, 'shop_thumbnail'); else echo '<img src="'.$woocommerce->plugin_url().'/assets/images/placeholder.png" alt="Placeholder" width="'.$woocommerce->get_image_size('shop_catalog_image_width').'px" height="'.$woocommerce->get_image_size('shop_catalog_image_height').'px" />'; ?> </div> </a> <h3><a href="<?php echo get_permalink( $loop->post->ID ) ?>" title="<?php echo esc_attr($loop->post->post_title ? $loop->post->post_title : $loop->post->ID); ?>"><?php the_title(); ?></a></h3> <?php the_excerpt(); ?> <span class="price"><?php echo $_product->get_price_html(); ?></span> <?php woocommerce_template_loop_add_to_cart( $loop->post, $_product ); ?> <div class="fix"></div> </li> <?php if ( $count % 3 == 0 ) { echo '<li class="fix clear"></li>'; } ?> <?php endwhile; ?> </ul><!--/ul.recent--> </section> <?php wp_reset_query(); ?>
-
Dear forum, i copied a gallery and adjusted it.the problem is that i can't adjust the image size.right now the image size is like the files original size 1024x768px or 768x1024px. i changed the width to 600px and as you can see it just cuts of some part of the image.what could be the solution?http://quop.eu/quop/...ublic/quop.html here is the HTML code:
<html><body><link rel="stylesheet" type="text/css" href="http://quop.eu/quop/wp-content/public/quop.css"><script type="text/javascript"></script><table align="left" style="border-spacing: 0px;width:100%;"><tbody><tr><td><table class="kl_body"><tbody><td class="kl_m"><div class="kl_box"></div><div class="kl_vorschau kl_height_1"> <a href="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg"><div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_1.jpg);background-repeat:no-repeat;"></div></a><a href="http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg"><div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_2.jpg);background-repeat:no-repeat;"></div></a><a href="http://quop.eu/quop/wp-content/uploads/images/22222986_3.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_3.jpg"><div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_3.jpg);background-repeat:no-repeat;"></div></a><a href="http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg"><div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_4.jpg);background-repeat:no-repeat;"></div></a><a href="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg"><div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_5.jpg);background-repeat:no-repeat;"></div></a><a href="http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg" target="_blank"><img src="http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg"><div class="kl_foto" style="background:url(http://quop.eu/quop/wp-content/uploads/images/22222986_6.jpg);background-repeat:no-repeat;"></div></a><img src="http://quop.eu/quop/wp-content/public/quop_logo.png"> </td></tr></tbody></table></body></html>
here is the CSS code:
@charset "UTF-8";* {margin:0px; padding:0px; font-family:'Arial'; text-align:left; border-collapse: collapse;}a {text-decoration:none; border:none;}img {border:none;}.kl_info {vertical-align:top;}.kl_m {width:1px; vertical-align:top;}.kl_vorschau {padding:3px;}.kl_vorschau img {border:1px solid black; width:700px; height:700px;}.kl_vorschau a img {width:100px; height:100px;}.kl_vorschau a .kl_foto {display:none; position:absolute; left:3px; width:600px; height:1024px; border:0px solid black; margin:0px; padding:0px;}.kl_vorschau a:hover .kl_foto {display:block;}sincerely,raitis
general php question
in PHP
Posted
hi, I have a wordpress website http://www.cisapi.eu...-round-package/ below the item are the up-sell products (screenshot http://cisapi.eu/wp-...product/now.jpg) this is the code for the up-sell items:
<?php/*** Single Product Up-Sells** @author WooThemes* @package WooCommerce/Templates* @version 1.6.4*/if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directlyglobal $product, $woocommerce, $woocommerce_loop;$upsells = $product->get_upsells();if ( sizeof( $upsells ) == 0 ) return;$meta_query = array();$meta_query[] = $woocommerce->query->visibility_meta_query();$meta_query[] = $woocommerce->query->stock_status_meta_query();$args = array('post_type' => 'product','ignore_sticky_posts' => 1,'no_found_rows' => 1,'posts_per_page' => $posts_per_page,'orderby' => $orderby,'post__in' => $upsells,'post__not_in' => array( $product->id ),'meta_query' => $meta_query);$products = new WP_Query( $args );$woocommerce_loop['columns'] = $columns;if ( $products->have_posts() ) : ?><div class="upsells products"> <h2><?php _e( 'Please choose the images you want to buy with the table', 'woocommerce' ) ?></h2> <?php woocommerce_product_loop_start(); ?> <?php while ( $products->have_posts() ) : $products->the_post(); ?> <?php woocommerce_get_template_part( 'content', 'product' ); ?> <?php endwhile; // end of the loop. ?> <?php woocommerce_product_loop_end(); ?></div><?php endif;wp_reset_postdata();can anybody tell me which php file i have to modify to change the design of the up-sell items? i want them to look like this (screenshot http://cisapi.eu/wp-...roduct/then.jpg) thanks!