Images in Dreamweaver
- Thread starter ace2109
- Start date
As above.....more info needed on the particular problem.
Related topic, for best results as regards clarity and sharpness of images, you are better off editing sizes of images in Fireworks and then saving them to your DW img folder.
Resizing within DW itself can reduce quality of the images in a lot of cases.
Just a "heads up".
Related topic, for best results as regards clarity and sharpness of images, you are better off editing sizes of images in Fireworks and then saving them to your DW img folder.
Resizing within DW itself can reduce quality of the images in a lot of cases.
Just a "heads up".
the images can be 'dragged' ont o new lines, if you click on them then you can left, right or center align them just as you can with txt.
however, if you wish images to be 'part' way across a page or to move /resize depending on screen resolution then you will have to use tables and / or divs... I'll give a simple example from one of my sites....
From a file called title.php
Its simple I know, but I like keeping my code very simple and thus quick to load and render...
and then from each page that required my site title I use the following code...
This also includes my top nav bar...
yep a simple nav bar using gif's...
I removed my ATL tags and spaced the code out to make it easyer to understand.
Hope that helps....
however, if you wish images to be 'part' way across a page or to move /resize depending on screen resolution then you will have to use tables and / or divs... I'll give a simple example from one of my sites....
From a file called title.php
Code:
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style4 {color: #66CCFF}
.style5 {color: #FF66FF}
.style7 {
font-size: 12px;
font-style: italic;
}
-->
</style>
<body class="_title">
<table width="100%" border="0">
<tr>
<td width="210"><img src="FHF_logo.gif" alt="Friends Helping Friends, Keeping you safe while helping your problems" width="210" height="100"></td>
<td class="_title"><div align="center"><h1>
<span class="style4"><b>Friends</b></span> <b>Helping</b> <span class="style5"><b>Friends</b></span><br>
welcomes you.<br>
<span class="style7"><b>Keeping you safe while helping your problems</b></span></p>
</h1></div></td>
<td width="210"> </td>
</tr>
</table>Its simple I know, but I like keeping my code very simple and thus quick to load and render...
and then from each page that required my site title I use the following code...
Code:
<?php include('title.php'); ?>This also includes my top nav bar...
Code:
<div align="center">
<img src="gfx/bgl2.gif" width="24" height="30" />
<a href="index.php"><img src="gfx/btn_home.gif" width="100" height="30" border="0" id="home" /></a>
<a href="about.php"><img src="gfx/btn_about.gif" width="100" height="30" border="0" /></a>
<a href="news.php"><img src="gfx/btn_news.gif" width="100" height="30" border="0" /></a>
<a href="blog.php"><img src="gfx/btn_blog.gif" width="100" height="30" border="0" /></a>
<a href="rules.php"><img src="gfx/btn_rules.gif" width="100" height="30" border="0" /></a>
<a href="forum/index.php"><img src="gfx/btn_forum.gif" width="100" height="30" border="0" /></a>
<img src="gfx/bgr2.gif" width="22" height="30" /></div>yep a simple nav bar using gif's...
I removed my ATL tags and spaced the code out to make it easyer to understand.
Hope that helps....