What is up with my vertical spacing?
I can't figure out why my vertical spacing in my left side column is off. No matter what I do, all the elements want to spread themselves and I want them to be towards the top. I'd appreciate it if someone could look at this site for me and maybe offer some insight as to what I'm doing wrong here. The URL is http://www.agrabest.com. The index page is not as much of a problem as the subsequent pages, simply because of the page length, I believe. Thanks so much for any help!
I have recreted a table for you that contains the content from you broccoli page as an example You do not need a table cell to cneter protions of an individual cell - you can use a di, in this case with a class="ctr", and add this to yoru css :
.ctr {
text-align: center;
I have not attempted to do this precisely matching yorus. But it does let you see how to do this without nexting lots of tables or using lots of table cells:
<table width="100%" border="0" cellspacing="0">
<tr>
<td valign="top"><img src="images/popatoplogo.jpg" width="164" height="184">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="harvester.html">Broccoli Floret Harvester</a></li>
<li><a href="3-in-1_unit.html">3-in-1 Online Unit</a></li>
<li><a href="broccoli_online_unit.html">Broccoli Online Floret Unit</a></li>
<li><a href="cauliflower_online_unit.html">Cauliflower Online Floret Unit</a></li>
<li><a href="clients.html">Satisfied Clients</a></li>
<li><a href="index.html">Home</a></li>
</ul>
<div class="ctr">
<p>Dealer inquiries from<br>
all countries welcome! </p>
<p class="style1">Agra-Best, LLC<br>
P.O. Box 1854<br>
Bakersfield, CA 93303</p>
<p class="style1">David Vargas<br>
661.477.3663<br>
<a href="mailto:[email protected]">[email protected]</a></p>
<p class="style1">Keith Randall<br>
661.243.6421<br>
<a href="mailto:[email protected]">[email protected]</a> </p> </div></td>
<td width="6" bgcolor="#254925"> </td>
<td valign="top"><h2><span class="style2">Broccoli & Cauliflower Floretting Field Harvesting Machine</span></h2><img src="images/harvester.jpg" width="575" height="259">
<p>This machine uses a developed "cutting edge" technology to deliver cutting consistency and convenience while minimizing the need for hand labor.</p>
<ul>
<li>Designed for a large variety of broccoli and cauliflower types and dimensions.</li>
<li>Harvester has the capacity of floretting 52-60 units per minute, or 900 to 1200 lbs per hour with a single-row harvester; 672 units per minute and up to 10,000 lbs per hour with a 12-row harvester.</li>
<li>Reduces labor by 60% over hand harvesting!</li>
<li>Core waste materials are automatically fed out of the harvester.</li>
<li>Harvesters are custom built to your needs (1 to 12 rows) and are 100% stainless steel construction.</li>
</ul>
<div class="ctr">
<p>Click here to download printable brochure.</p>
Harvester Video<br>
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/EciURvL15Zw&hl=en&fs=1">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/EciURvL15Zw&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
</div></td>
</tr>
</table>
Hope that helps.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia
Similar Messages
-
I have experiencing irregularities with the vertical spacing
of images in different browsers. I am working on an iMac 10.4.11.
The site looks as I intended it to read while in Safari, but when
opened in Firefox the text-based navigation bar which runs along
the body copy grows along with the body copy - the spacing adjusts
itself to the length of the body copy.
Do I need to rebuild my pages? (please, say no!) or is there
code to keep the text from spacing out?
Here is the site:
http://www.banksems.com/BankSems2008/index.html
The Contact Me page is the only page which represents what it
was designed to look like. All of the other pages contain incorrect
spacing.
Thanks for any input!
BHello,
Take a look at this link, specifically the example under
"Table 3":
http://apptools.com/rants/spans.php
All of your text is in a cell that you made by merging 13
rows in that
column.
All of your links are in the unmerged part of the 13 rows in
a following
column.
When the one merged cell with all the text gets taller, the
top unmerged row
in the following column stays at the top of the merged cell
and the bottom
row stays with the bottom of the merged cell.
The rows between are spaced out.
You don't see this on the "Contact" page because the text in
the merged cell
is not as tall as the 11 rows in the next column, so it
doesn't spread them
apart.
To avoid this, you can use a simple table with 1 row and 2
columns.
In the first column, insert all your text.
In the second column, insert another table with the number of
rows equal to
your number of links. This is a "nested" table. Give the cell
this nested
table is in a valign:top, and the table with all your links
in it will stay
at the top of the column. Because the rows in this nested
table aren't
"connected" to any merged rows, they won't space down the
page.
Here's an example using tables:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8">
<title>Nested Table</title>
</head>
<body>
<table width="760" border="1" align="center"
cellpadding="10"
cellspacing="0" bordercolor="#0066CC">
<tr>
<td width="100%" valign="top"
bgcolor="#DFEAF2"><p>Column 1</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Praesent
aliquam, justo convallis luctus rutrum, erat nulla fermentum
diam, at
nonummy quam ante ac quam. Maecenas urna purus, fermentum id,
molestie in,
commodo porttitor, felis. Nam blandit quam ut lacus.
</p>
<p>Quisque ornare risus quis ligula. Phasellus
tristique purus a
augue condimentum adipiscing. Aenean sagittis. Etiam leo
pede, rhoncus
venenatis, tristique in, vulputate at, odio. Donec et ipsum
et sapien
vehicula nonummy. Suspendisse potenti. Fusce varius urna id
quam. Sed neque
mi, varius eget, tincidunt nec, suscipit id, libero. In eget
purus.
Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat.
Integer turpis
arcu, pellentesque eget, cursus et, fermentum ut, sapien.
Fusce metus mi,
eleifend sollicitudin, molestie id, varius et, nibh. Donec
nec libero.</p>
<p>Quisque ornare risus quis ligula. Phasellus
tristique purus a
augue condimentum adipiscing. Aenean sagittis. Etiam leo
pede, rhoncus
venenatis, tristique in, vulputate at, odio. Donec et ipsum
et sapien
vehicula nonummy. Suspendisse potenti. Fusce varius urna id
quam. Sed neque
mi, varius eget, tincidunt nec, suscipit id, libero. In eget
purus.
Vestibulum ut nisl. Donec eu mi sed turpis feugiat feugiat.
Integer turpis
arcu, pellentesque eget, cursus et, fermentum ut, sapien.
Fusce metus mi,
eleifend sollicitudin, molestie id, varius et, nibh. Donec
nec
libero.</p></td>
<td valign="top" bgcolor="#CEEAE7"><p>Column 2
</p>
<table width="200" border="1" cellpadding="0"
cellspacing="0"
bgcolor="#FFFFCC">
<tr>
<td align="center" bordercolor="#FF9900">Nested
Table</td>
</tr>
<tr>
<td align="center" bordercolor="#FF9900"><a
href="javascript:;">Link 1</a></td>
</tr>
<tr>
<td align="center" bordercolor="#FF9900"><a
href="javascript:;">Link 2</a></td>
</tr>
<tr>
<td align="center" bordercolor="#FF9900"><a
href="javascript:;">Link 3</a></td>
</tr>
<tr>
<td align="center" bordercolor="#FF9900"><a
href="javascript:;">Link 4</a></td>
</tr>
<tr>
<td align="center" bordercolor="#FF9900"><a
href="javascript:;">Link 5</a></td>
</tr>
<tr>
<td align="center" bordercolor="#FF9900"><a
href="javascript:;">Link 6</a></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
You could also do this using <div>s and CSS
positioning.
Here's a tutorial close to your page design:
http://projectseven.com/tutorials/css/qdmacfly/index.htm
Take care,
Tim
"bubadeeb" <[email protected]> wrote in
message
news:[email protected]...
>I have experiencing irregularities with the vertical
spacing of images in
> different browsers. I am working on an iMac 10.4.11. The
site looks as I
> intended it to read while in Safari, but when opened in
Firefox the
> text-based
> navigation bar which runs along the body copy grows
along with the body
> copy -
> the spacing adjusts itself to the length of the body
copy.
>
> Do I need to rebuild my pages? (please, say no!) or is
there code to keep
> the
> text from spacing out?
>
> Here is the site:
http://www.banksems.com/BankSems2008/index.html
>
> The Contact Me page is the only page which represents
what it was designed
> to
> look like. All of the other pages contain incorrect
spacing.
>
> Thanks for any input!
>
> B
> -
I inadvertantly dropped my iphone 3 and now have a white screen with green vertical lines to the right of the screen. It won't sync with itunes due to an error. What can I do?
Basic troubleshooting from the User's Guide is reset, restart, restore (first from backup then as new). Try each of these in order until the issue is resolved.
If it does not resolve the issue, the device is permanently damaged and will require replacement. -
Since changing over to Mountain Lion I discover that I am no longer able to adjust spaces between lines. If I choose spacing of 1.3 after two lines single-spaced, the entire previous lines end up with 1.3 spacing. What am I missing?
Do those previous lines have a Return/Linefeed after them, or are they just wrapped to a new line?
What App is it you're using? -
Odd... went to get cuppa coffee, came back my monitor was BRIGHT orange, full screen,, with slight vertical rib pattern, kind of like corrugated cardboard... very slight pattern... what gives.... oh, everything was frozen, no cursor no keyboard, zip. Used back off button. Turned it back on, everything normal...
Had lots of sudden closures like this lately... but usually gray, black, deep blue screen... a couple with the same vertical corrugation pattern only in two shades of pale gold, or grays... what good times we have with apple... never know what'going to be looking back at you next. But BRIGHT ORANGE? Help???Sounds like the graphics card. Run the Hardware Test in extended. Not a great diagnostic, but should pick up something really blatant like this.
http://support.apple.com/kb/ht1509 -
When i turn my ipod on i get purple vertical lines and thats all it does, what is wrong with it?
It may have a bad display screen but you could try resetting to see if that helps.
Reset: Press the Home and On/Off buttons at the same time and hold them until the Apple logo appears (about 10 seconds). -
Vertical spacing out of wack in IE, but perfect in Safari?
I have newbie question about vertical spacing in the frame
based design of the site I am working on. I did not design the
website but I was just asked to take over the basic updating and
maintenance of the content.
www.brainoptimization.com
When I view my site in IE or Safari for Windows it looks just
the way it is supposed to.
But when viewed in Internet Explorer for windows the vertical
spacing in the left column (as well as the spacing between the
first 5 paragraps in the right column) is completely out of whack!
IE for win puts huge chucks of space between the cells where none
was put. Any idea what is going on and how I can correct this
issue? I am using Dreamweaver 8 on a mac. Any help would be
appreciated. Thank you.
Cheers.Not sure how that page would look perfect in any browser
truthfully :-)
In Firefox there are huge pages in the left column. That
mosaic picture is
about halfway down the page. The styling of the paragraphs is
all over the
place because nearly every paragraph on the page has a new
style applied to
it. From the code I can see well over 100 'styles' ....
someone has really
overdone the use of creating new styles - or using the
property inspector to
create new styles for each paragaph. There are numerous empty
cells with
the table structure, many colspans etc., that make for a very
fragile page
indeed - hence the reason for it not working cross
browser/platform.
In all honesty, I would start over - it looks like a simple 2
column
structure and shouldn't be a problem with getting it to
display correctly in
*every* browser :) Sorry for the bad news.
One thing you can try first off at least (I haven't looked at
the code too
much after seeing all those styles)., place the mouse cursor
into the left
column and in the property inspector set the vertical
alignment to 'top'.,
maybe that will move the contents of that left column to the
top rather than
half way down the page... may or may not work - depending on
whether those
colspans get in the way.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
"Lightlover" <[email protected]> wrote in
message
news:[email protected]...
> I have newbie question about vertical spacing in the
frame based design of
> the
> site I am working on. I did not design the website but I
was just asked to
> take
> over the basic updating and maintenance of the content.
>
>
http://www.brainoptimization.com
>
> When I view my site in IE or Safari for Windows it looks
just the way it
> is
> supposed to.
>
> But when viewed in Internet Explorer for windows the
vertical spacing in
> the
> left column (as well as the spacing between the first 5
paragraps in the
> right
> column) is completely out of whack! IE for win puts huge
chucks of space
> between the cells where none was put. Any idea what is
going on and how I
> can
> correct this issue? I am using Dreamweaver 8 on a mac.
Any help would be
> appreciated. Thank you.
>
> Cheers.
> -
JScrollPane, what is wrong with my code?
Hi, I appreciated if you helped me(perhaps by trying it out yourself?)
I wanted my JScrollPane to display what is drawn on my canvas (which may be large)by scrolling, but it says it doesn't need any vertical and horizontal scroll bars. Here is the code that has this effect
import javax.swing.*;
import java.awt.*;
public class WhatsWrong extends JApplet{
public void init(){
Container appletCont = getContentPane();
appletCont.setLayout(new BorderLayout());
JPanel p = new JPanel();
p.setLayout(new BorderLayout());
p.add(new LargeCanvas(),BorderLayout.CENTER);
int ver = ScrollPaneConstants.VERTICAL_SCROLLBAR_AS_NEEDED;
int hor = ScrollPaneConstants.HORIZONTAL_SCROLLBAR_AS_NEEDED;
JScrollPane jsp = new JScrollPane(p,ver,hor);
appletCont.add(jsp,BorderLayout.CENTER);
class LargeCanvas extends Canvas{
public LargeCanvas(){
super();
setBackground(Color.white);
public void paint(Graphics g){
g.drawRect(50,50,700,700);
and the html code:
<html>
<body>
<applet code="WhatsWrong" width = 300 height = 250>
</applet>
</body>
</html>
What shall I do?
Thanks in advance.What is wrong with your code is that your class, LargeCanvas must implement the Scrollable interface in order to be scrolled by a JScrollPane.
A comment regarding your use of Canvas and Swing components: The Java Tutorial recommends that you extend JPanel to do custom painting. Canvas is what they call a "heavyweight" component and they recommend not to mix lightweight (Swing) components and heavyweight components.
There is a lot more information on custom painting on the Java Tutorial in the Lesson "Creating a GUI with Swing. -
I have created a site with iWeb. I have replaced the iWeb Nav bar with a vertical one I made myself. Problem is, my top button disables itself (and the animation doesn't work) if it overlaps into the "hidden" nav bar area (indicated by a blue rectangle). I can cmd click and drag it into this area, but then all the rest of my site is pushed down the page. Don't know what to do about this. I don't know how to bring the rest of the page up without dragging it also into the designated nav bar area. Also, by doing this, is it affecting my site in ant way? see my site here at www.steveburrowsimages.com
The home page is with it all draged into the nav bar area and the about page is with is outside the nav bar area (notice that the top button does not animate or work as a button.
Getting confused here. Anyone got any ideas?Well, you made a good start with SEO by getting rid of the iWeb default navigation since it doesn't help the spiders and, out there in the real world, there are more people than you would think with javascript turned off in their browsers.
One of the downsides of iWeb is that it doesn't allow for the alt attribute in the img tag. Its well worth adding these to give you extra keywords even if you have captioned all your images. Use iWeb SEO Tool for this...
http://www.iwebformusicians.com/Search-Engine-Optimization/Tags.html
iWeb, just like most drag and drop software, creates a huge amount of code which causes the pages to load slowly in the browser. Running you files through an optimizer will help to reduce this problem and further reduce the size of image files even beyond the initial optimization you do before loading them into iWeb...
http://www.iwebformusicians.com/Search-Engine-Optimization/Optimize.html -
What to do with 1280 x 960 footage without it looking stretched or downgraded?
Ok, Im filming snowboarding segmants for my company using a gopro hero camera. For the most vertical filming I use the r4 mode which films 1280 x 960. This is not an ordinary resolution. When I place the clip into the timeline It does not recognize the video properties of the clip, and prompts me to pick from a pull down. some of the options are: 1280x720, 960x720, 1280x1080, 720x480 ect..
WHAT Resolution should I use?? Ive tryed the 1280x720 and the 960x720. It does not crop the footage; but instead it renders it stretched and much less crisp. FRUSTRAITING. Please, any help would be much appreciated.
Ive tried cineformstudio, and mpeg, with similar results.
ThanksWell I have only one resolution that I work in...I dont care what old footage I have to make fit...even anamorphic DV...which is ghastly but we havent a choice...
I watch all my stuff on 1920x1080...the television screen , so that is what I start with.
So I have a choice, either I can scale it up and look at pixels or I can watch it on my tv with a nice crisp black border.
Call me an amateur but that is the way I approach it, after all you will have to watch it on some sort of screen ...what other choices are there?.
Now that I have said all that hopefully someone will pop in here and tell us the way a pro would do it and we can both learn something.
To answer your question re export...it makes it easier I think to stick with 1920x1080...
And as far as compatibility goes...well that has been a problem forever.
try it all anyway...call it an experiment, you can do it any number of ways quite quickly, and you can change the properties of the project at any time...as many times as you like.
cheers -
What's up with my table? (link to site inside)
My domain name is still being registered but anyhow here is
my deal...
Check out a rough draft of my site here...
http://df31.dot5hosting.com/~vertical/
Now if you notice under the table where it says "New Posts"
it looks like
there is a tiny little cell about 2 pixels in height but the
thing is I've
checked my table and there is NOT a cell there, I only have
ten cells in my
table. What's up with that?
-Chrisslash 'n burn
cant beat it.
James Loudon
www.fatgraphics.com
websites::photography::video
"Chris Jumonville" <[email protected]> wrote in
message
news:efcikj$6ef$[email protected]..
> Ok disregard my question. I fixed it by simple deleting
the table and
> making a new one. Easy fix :)
>
>
> "Chris Jumonville" <[email protected]>
wrote in message
> news:efcigc$6bj$[email protected]..
>> My domain name is still being registered but anyhow
here is my deal...
>> Check out a rough draft of my site here...
>>
>>
http://df31.dot5hosting.com/~vertical/
>>
>> Now if you notice under the table where it says "New
Posts" it looks like
>> there is a tiny little cell about 2 pixels in height
but the thing is
>> I've checked my table and there is NOT a cell there,
I only have ten
>> cells in my table. What's up with that?
>>
>> -Chris
>>
>
> -
How to reduce vertical spacing in repeating frame? - SOLVED
My problem is that space between repeating frame and fields inside this frame cannot be smallest then 1.1mm (1/25 of inch). This crete aditional vertical spacing 2mm per one row. It is not possible move field near frame border.
Report Builder 10.1.2.0.2. Snap on grid is OFF. Vertical spacing is zero. ConfinMode On. FlexMode Off.
Message was edited by:
user585705Not sure why this is not working for you. Your paper layout is wysiwyg for the most part. I would put snap to grid ON and make sure there is no space between my frame and the fields inside it. You can can zoom in to make sure there is no space. <b>You may have to resize your field to get the field to snap to the grid before you try and move it up against the frame.</b> You just have to keep playing with snapping to the grid until everything fits. I would recommend not turning off snap to grid until you are really comfortable with Oracle Reports.
-
Bad Scan result black page with color vertical lines
Why my HP Deskjet 1050 All in one printer Bad Scan result black page with color vertical lines ? i'm running on linux mint 17.
Hi , Welcome to the HP Forums! I understand that you are getting vertical lines with your scanning when using your HP Deskjet 1050 printer on Linux Mint 17. I am happy to look into this for you! What happens when you make copies with the printer? Copy Documents with Text and Graphics. Do you still see the vertical lines? In the meantime, please see this guide, Vertical Bands, Lines, or Streaks in Copies or Scans, and let me know what happens! Hope to hear from you soon! “Please click the Thumbs up icon below to thank me for responding.”
-
E-mails: excess vertical spacing
When I send an e-mail (Hotmail) through Firefox that I have created and pasted from MS Word, it looks just fine on the e-mail ready-to-send screen but after it is sent and I check it in sent mail, there appears triple or quadruple spacing between paragraphs (even though the document in Word (and on the to-be-sent screen) was single-spaced with only double spacing between paragraphs.
How can I eliminate the excess spacing?
Thanks.If you paste HTML code then you can check the source code to see what exactly is pasted. Word may be adding extra <nowiki><P></nowiki> tags or other code that is causing it.
-
I've just found that three movies I've bought from iTunes on on my iPad are not showing up on Apple TV or anywhere other than that iPad. What's up with that and will I lose these films if I reset this iPad?
Thanks. The reason this has become an issue is that I recently bought a new Macbook Air that the iPad is not synced to. The one is was synced to was stolen. If I want to sync this iPad to the new Air, won't it be wiped before I'm able to copy these films or am I wrong about that?
Maybe you are looking for
-
Bridge Help | What's new in Adobe Bridge CC
This question was posted in response to the following article: http://helpx.adobe.com/bridge/using/whats-new.html
-
HP Pavilion dv6 - replacemen​t a WiFi module
Hello! I have a dv6-6b55er model of notebook (product No: A2Y97EA, rev.17F9-110). Some time ago I bought a new WiFi access point which support a 5GHz-band (standards 802.11a/an/b/g/n). But WiFi-module in my notebook is not support this band (WiFi-mod
-
Changes in production order after confirmation
Hi all, I have confirmed the production order & all the subsequent process are completed but still the system allows changes to the order which has status DELV. Please can anybody tell me how to control once when the production order status
-
Mac 0S X version 10.5.8 upgrade to next version?
Hello, I need some help & adivce on what I should do to for my Macbook. Lately its been going really slow and won't create new tabs unless I quit Safari completly or just restart the computer altogether. Also, I usually don't buy apps on my iTunes on
-
What version of photoshop should I get?
I recently purchased a new computer (mac mini with cinema display) and I need to get photoshop. I previously had cs 5 but was illegally downloaded so i need to actually purchase the download this time. I am trying to figure out if I should do one of