|
CSS - Best Way To Slice This Up For Css?
Looking for a little help here in the best way to slice up this layout and code the CSS for it. I'm not a professional, but I've been a website tinkerer for about 12 years.
I think this is going to require the use of layering with z-index tags, though I'm a little worried how compatible that is with the various browsers. The oval logo and the nav bar will need to lay "on top" of the rest of the site (well, that seems like the easiest way of doing it to me). The image above the logo/navbar (the fall leaves) may be a random image script. And the image below the logo/navbar (the house) will be pulled at random also from a database of real estate listings. So, the random factor kinda causes me to want to do the z-index thing, otherwise it will complicate things by having to slice up the logo to add to the random images. The problem then is how compatible that will be with less than desirable browsers. Here's the look I'm going for: Any help or suggestions would be greatly appreciated. Thanks! Similar TutorialsHi guys I was given the task to slice a design in Photoshop and then to make a CSS tableless template. I would like to know where to find some nice newbie tutorials about how to make this. The following image is part of the main design that has to be converted to CSS website And following is the code of one of the template files that the custom CMS has. Code:
<br />
<div class="websiteintro" style="width:700px; margin-left: auto; margin-right: auto;">
<!--
<div class="htmlcontent">
<div style="text-align: center;">
<span style="text-align: right;">
<span style="font-weight: bold; color: rgb(204, 0, 0);">Citaat van de week...</span>
</span>
<br>
<span style="text-align: right;">
<span style="margin: 0cm 0cm 0pt; text-align: right;">
'{textfragment naam="citaat_van_de_week"}'
</span>
</span>
</div>
</div>
-->
</div>
<br /><br />
<table id="homepagecontent" border="0" width="700" cellpadding="0" cellspacing="0">
<tr align="left" valign="top">
<td width="234">
<div style="margin-bottom:20px;">
<h1><strong>Laatste nieuwsberichten</strong></h1>
{zoek_nieuws limiet="5" sorteer="datum_creatie DESC" var="nieuwsberichten"}
{foreach from=$nieuwsberichten item=nieuws}
<strong>{$nieuws->datum_creatie}</strong>: <a href='{$nieuws->link}'>{$nieuws->titel}</a><br />
{/foreach}
</div>
</td>
</tr>
</table>
<h1>. . .</h1>
I'll apreciate any urls or info you can give me. Thanks a lot in advance. |
|||||||