Mon, 2009-05-11 08:24
I am using drupal to design a web layout. I am new to drupal and css. I am a beginer.
Below is my html coding:
print $head_title
if ($site_slogan != '' && !$is_front) print ' – '. $site_slogan;
print $meta;
print $head;
print $styles;
<div id="container"> <div id="linkList"> TITLE <p>Curabitur felis? </p> <p>Learn more.</p> </div> <div id="header"> <div id="logo-floater">if ($logo) {
<a href="print $front_page
" title="print t('Home')
"><img src="print $logo
" alt="print t('Home')
" /></a>}
</div> <div id="support-top"> <a href="http://localhost/a"><img src="echo $path;
/a/themes/a/img/home_link.jpg" border="0" /> </a> <a href="http://localhost/al"><img src="echo $path;
/a/themes/a/img/contact_link.jpg" border="0" /></a> </div> </div> <div id="content1">print $content;
</div> </div>
below is my css:
html { margin: 0; padding: 0; height:100%; } body { margin: 0 0 0 0; padding: 0 0 0 0; } #container { position: relative; margin-left: auto; margin-right: auto; width:70%; height:100%; } #linkList { width:28%; float:right; background-image: url(./img/sidebar.jpg); background-repeat: no-repeat; } #support-top { padding-top:5px; width:67%; float: left; }
i have facing 2 main problems now.
First, i cannot locate the images in #support-top between logo and linkList. It always appears on the below of the logo.
Second, how to extend the linkList background image extend to the end of html?