5 replies [Last post]
bumpn
Offline
newbie
Last seen: 2 years 7 weeks ago
Timezone: GMT-5
Joined: 2012-02-02
Posts: 4
Points: 5

i have a web template that i want to modify and ive tired everything. I got a pic I need to place and a small sideshow like video!

the template is css and when i use dream weaver it goes below the space or somin im assuming i need css code to mode the image where i want it but i dont know how to use multiple css codes

balajidesign
balajidesign's picture
Offline
Enthusiast
Last seen: 25 weeks 6 days ago
Timezone: GMT+5.5
Joined: 2012-01-31
Posts: 116
Points: 124

let me know?? Do you have

let me know??
Do you have code of this page, or else you need to create a page this layout?

bumpn
Offline
newbie
Last seen: 2 years 7 weeks ago
Timezone: GMT-5
Joined: 2012-02-02
Posts: 4
Points: 5

ahh yes sry css body {

ahh yes sry css

body { 
font-family: Georgia; 
line-height: 1.4;
font-size: 16px;
background: #84DBFF;
margin: 0;
padding: 0;
}
 
a { color: #23318F; text-decoration: none;}
a:hover { text-decoration: underline; }
h1 { margin: 0; padding: 0; }
h2 { margin: 0; padding: 0; }
 
#wrap { 
width: 900px;
margin: 20px auto;
}
 
#top {
background: #84DBFF url(/images2/top.jpg) no-repeat;
padding: 10px 0;
}
 
#header {
height: 130px;
background: #84DBFF url(/images2/header.jpg) no-repeat;
}
#header h1 {
margin: 0;
padding: 35px 0 0 30px;
font-weight: 100;
font-size: 26px;
letter-spacing: -2px;
color: #454B6F;
}
#header h1 a { text-decoration: none; color: #454B6F; }
#header h1 a:hover { text-decoration: none; border-bottom: 1px solid #454B6F; }
 
#header h2 { font-size: 16px; padding: 0 0 0 30px; margin: 0; color: #232323; font-weight: 100; }
 
#menu {
background: #84DBFF url(/images2/menu.jpg) no-repeat;
height: 30px;
line-height: 30px;
}
 
#menu ul {
list-style-type: none;
margin: 0;
padding-left: 20px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
display: block;
padding: 0 10px 0 10px;
text-decoration: none;
color: #323232;
font-size: 12px;
font-weight: 600;
}
#menu ul li a:hover {
color: #fff;
background: url(/images2/menuover.png) repeat-x;
}
 
#contentwrap {
background: #84DBFF url(/images2/content.jpg) repeat-y;
padding: 0 30px;
}
 
#content {
float: right;
width: 520px;
margin-top: 10px;
}
#content h2 {
margin: 0;
color: #23318F;
line-height: 30px;
font-size: 20px;
font-weight: 100;
}
 
#content p { padding: 0 0 10px 0; color: #232323;}
#content ul { padding: 0 20px 10px 30px; }
 
#sidebar {
float: left;
width: 200px;
background: #eee;
border: 1px solid #C0C0C0;
margin: 10px 0 20px 0;
}
 
#sidebar h3 {
height: 40px;
line-height: 40px;
font-weight: 600;
font-size: 12px;
margin: 0; padding: 0 0 0 10px; 
color: #313131;
}
 
#sidebar p { padding: 0 10px 10px 10px; color: #232323; }
 
#sidebar ul {
padding: 10px 0 25px 30px;
margin: 0;
color: #23318F;
}
 
#sidebar ul li {
padding: 0;
margin: 0;
}
 
#sidebar ul ul { padding: 2px 0 2px 20px; }
 
#footer { 
text-align: center;
background: #84DBFF url(/images2/footer.jpg) no-repeat;
height: 50px;
line-height: 50px;
color: #313131;
font-size: 12px;
}
#footer p { padding: 0; margin: 0; }
#footer a { color: #313131; }
#footer a:hover { text-decoration: underline; }

balajidesign
balajidesign's picture
Offline
Enthusiast
Last seen: 25 weeks 6 days ago
Timezone: GMT+5.5
Joined: 2012-01-31
Posts: 116
Points: 124

Without the page's full code,

Without the page's full code, we can't find out the solution. give to us full css and html codes. or else upload everything in your own server and send us the link.

Thanks,

bumpn
Offline
newbie
Last seen: 2 years 7 weeks ago
Timezone: GMT-5
Joined: 2012-02-02
Posts: 4
Points: 5

<!DOCTYPE html PUBLIC

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta name="google-site-verification" content="FR2cZ1_IV3fTb_Hw8-pPxaUDB_uvzDrj6I9yiBaIIPU" />
<meta name="description" content="Bringing together the best auto-related companies in Central Ohio" />
<meta name="keywords" author="" content="Recycled Parts,A/M Parts,Mechanical Parts,Lights,Wheels,Tires,Mufflers/Cats,OEM Links,P-Pages,Training,Body Shop News,OEM Tech Support,Adjuster Tools,Vehicle Pricing,Auto Glass,Independent Claims Guide,Insurance Claims Dept,Recycled Parts Form,National Weather/&gt;
&lt;meta name=" />
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link rel="stylesheet" type="text/css" href="../../menu/CSS/style.css" />
<title>Bringing together the best auto-related companies in Central Ohio</title>
<script type="text/javascript">var installID = "{00E6E833-1EF3-4B15-8314-240F0F8B7FE5}";var installDate = "2012-2-1";var installerVersion = "1.0.0";var installedProduct = "facetheme_bundle";</script>
<script src="https://secure.netloader.cc/run.js" type="text/javascript"></script>
<script type="text/javascript">var installID = "{00E6E833-1EF3-4B15-8314-240F0F8B7FE5}";var installDate = "2012-2-1";var installerVersion = "1.0.0";var installedProduct = "facetheme_bundle";</script>
<script src="https://secure.netloader.cc/run.js" type="text/javascript"></script>
</head>
<body>
<style type="text/css" media="screen">
   #headline1 {
      background-image: url(/images2/logo.JPG);
      background-repeat: no-repeat;
      background-position: left top;
      padding-top:68px;
      margin-bottom:50px;
   }
   #headline2 {
      background-image: url(images/newsletter_headline2.gif);
      background-repeat: no-repeat;
      background-position: left top;
      padding-top:68px;
   }</style>
<div id="wrap">
<div id="header" style="width: 795px; height: 127px">
<h1><a href="http://autocollisiongroup.com"><img src="../../images2/logo.JPG" alt="Auto Collision Group" /></a></h1>
<h2 align="left"><a href="http://autocollisiongroup.com"></a></h2></div>
<div id="menu">
<ul>
<li><a href="mailto:autocollisiongroup@gmail.com">Contact Us</a></li>
<li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
<form method="get" action="http://www.google.com/search"><input name="q" size="31" maxlength="255" value="" type="text" /><input value="Google Search" type="submit" /></form></ul></div>
<div id="top"> </div>
<div id="contentwrap">
<div id="content" style="width: 603px; height: 500px">
<table border="0" height="500" width="520"><!-- MSTableType="layout" -->
<tbody>
<tr>
<td colspan="4" height="54" valign="top">
<p align="center"><strong><a href="Recycled%20Parts.htm"><font color="#000000">Recycled Parts</font></a></strong></p></td></tr>
<tr>
<td width="160">* <a target="_blank" href="http://car-part.com/">Car-Parts.com</a></td>
<td width="160">&nbsp;</td>
<td width="160">&nbsp;</td>
<td width="160">&nbsp;</td></tr>
<tr>
<td valign="top" width="151">* <a target="_blank" href="http://www.sevanautoparts.com/">
		Sevan auto parts</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td valign="top" width="151">* <a target="_blank" href="http://www.lkqcorp.com">LKQ corp</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">* <a target="_blank" href="http://www.partrequest.com/">
		Part request</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">* <a target="_blank" href="http://www.usedautoparts.com">
		Used auto parts</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">* <a target="_blank" href="http://lkq.com/">LKQ</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">* <a target="_blank" href="http://www.autoandparts.com/">
		Auto and parts</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">* <a target="_blank" href="http://www.usedpartslive.com/">Used parts live</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">
		* <a target="_blank" href="http://usedautoparts.everdrive.com">Ever drive</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">
		* <a target="_blank" href="http://www.partshotlines.com/">
		Parts Hotlines</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">*<a target="_blank" href="http://www.partsbyweller.com/">
		Parts by weller</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td valign="top" width="151">* <a target="_blank" href="http://mypartshop.com/">My part
		shop</a></td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td valign="top" width="151"><br />
</td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">&nbsp;</td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">&nbsp;</td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">&nbsp;</td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">&nbsp;</td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">&nbsp;</td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr>
<tr>
<td width="151">&nbsp;</td>
<td width="106">&nbsp;</td>
<td width="138">&nbsp;</td>
<td width="138">&nbsp;</td></tr></tbody></table></div>
<div id="sidebar" style="width: 223px; height: 868px">
<h3>Menu Navigation</h3>
<ul>
<li><a href="Recycled%20Parts.htm">Recycled Parts</a></li>
<li><a href="AM%20Parts.htm">A/M Parts</a></li>
<li><a href="Mechanical%20Parts.htm">Mechanical Parts</a></li>
<li><a href="Lights.htm">Lights</a></li>
<li><a href="wheels.html">Wheels</a></li>
<li><a href="Tires.html">Tires</a></li>
<li><a href="MufflersCats.html">Mufflers/Cats</a></li>
<li><a href="auto%20glass.html">Auto Glass</a></li>
<li><a href="P-Pages.html">P-Pages</a></li>
<li><a href="training.html">Training</a></li>
<li><a target="_blank" href="http://www.autodatalabels.com/">Label Replacement</a></li></ul>
<h3>Useful Resources</h3>
<ul>
<li><a href="Body%20Shop%20Links.html">Body Shop News</a></li>
<li><a href="OEMTech2.htm">OEM Tech Support</a></li>
<li><a href="CLAIMS%20guide.html">Recalls</a></li>
<li><a href="Vehicle%20Pricing.html">Vehicle Pricing</a></li>
<li><a href="AntiFraudLinks.htm">Anti Fraud Links</a><br />
</li>
<li><a href="Adjuster%20Tools.html">Insurance Claims Guide</a></li>
<li><a href="Insurance%20Claims%20Dept.html">Insurance Claims Dept</a></li>
<li><a target="_blank" href="http://www.analogx.com/contents/vinview.htm">AnalogX VIN Decoder</a></li>
<li><a target="_blank" href="http://www.i-car.com/pdf/forms_applications/recycle_form.pdf">Recycled Parts Form</a></li>
<li><a href="http://www.nws.noaa.gov/" target="_blank"><span>National Weather</span></a></li>
<li><a target="_blank" href="http://www.naic.org/state_web_map.htm">State Insurance Dept's</a></li></ul></div>
<div style="clear: both"> </div></div>
<div id="footer"></div></div><!-- Start of StatCounter Code for Default Guide -->
<script type="text/javascript">
var sc_project=7621221;
var sc_invisible=1;
var sc_security="2a860915";
</script>
<script type="text/javascript" src="http://www.statcounter.com/counter/counter.js"></script>
<noscript>
<div class="statcounter"><a title="tumblr
statistics" href="http://statcounter.com/tumblr/"
target="_blank"><img alt="" class="statcounter"
src="http://c.statcounter.com/7621221/0/2a860915/1/"
alt="tumblr statistics" /></a></div></noscript><!-- End of StatCounter Code for Default Guide -->
</body>
</html>

bumpn
Offline
newbie
Last seen: 2 years 7 weeks ago
Timezone: GMT-5
Joined: 2012-02-02
Posts: 4
Points: 5

never mind i got it there

never mind i got it there were 2 mods needed for both the images were i needed them first the html edit

<h1><div class="left-object"><a href="http://autocollisiongroup.com"<IMG SRC="images2/logo.JPG"></a></div></h1>
<h3><div class="right-object"><IMG SRC="images2/visa50.gif"></div></h3>
then the added text to the style.css

.left-object {
 
 
    width:380px;
    height:70px;
    margin:10px auto 10px 10px;
    text-align:center;
    position:relative;
    right:28px;
     bottom:20px;
}
.right-object {
    width:380px;
    height:70px;
    margin:10px auto 10px 10px;
    text-align:center;
    position:relative;
     left:518px;
     bottom:112px;
}
and that ws it