Mombu the Computer Design Forum sponsored links

Go Back   Mombu the Computer Design Forum > Computer_Design > Text Box Positions - with CSS
User Name
Password
REGISTER NOW! Mark Forums Read

sponsored links


Reply
 
1 2nd April 08:06
ron obvious
External User
 
Posts: 1
Default Text Box Positions - with CSS



Hello all,

Well I thought I had this all figured out a few weeks ago with your help. My original problem, and the one I still seem to have, see two screen shot page in link below, is that the position of the text boxes in "Layout" mode, is different than in "Preview" mode. For some reason the boxes move WAY down. I have uploaded this page, and in Firefox 3.0 it looks the same as in CS2 "Preview" mode.

The text box to the left of the image has been assigned a "P1" Paragragh, CSS. The text box at the bottom of the picture, has been assigned a "H1" CSS. In each of these CSS assignments I have only assigned fonts, sizes, and "Margin (8px) & Padding (1px)"

<http://mermaidskissgallery.com/test.html>

What should I do to keep the text boxes, aligned? I use grid mode to set the position of hese boxes it this helps.

Here is the final full page as it exists now.
<http://mermaidskissgallery.com/artist/karen_jonsson/karen_j.html>

Best
regards
Ron O Vermeulen
  Reply With Quote


  sponsored links


2 2nd April 08:06
ron obvious
External User
 
Posts: 1
Default Text Box Positions - with CSS



Hello all,

Well I thought I had this all figured out a few weeks ago with your help. My original problem, and the one I still seem to have, see two screen shot page in link below, is that the position of the text boxes in "Layout" mode, is different than in "Preview" mode. For some reason the boxes move WAY down. I have uploaded this page, and in Firefox 3.0 it looks the same as in CS2 "Preview" mode.

The text box to the left of the image has been assigned a "P1" Paragragh, CSS. The text box at the bottom of the picture, has been assigned a "H1" CSS. In each of these CSS assignments I have only assigned fonts, sizes, and "Margin (8px) & Padding (1px)"

<http://mermaidskissgallery.com/test.html>

What should I do to keep the text boxes, aligned? I use grid mode to set the position of these boxes if this helps.

Here is the final full page as it exists now.
<http://mermaidskissgallery.com/artist/karen_jonsson/karen_j.html>

Best
regards
Ron O Vermeulen
  Reply With Quote


  sponsored links


3 2nd April 08:06
nate_baldwin
External User
 
Posts: 1
Default Text Box Positions - with CSS


Just guessing at this point, but it's probably the top margins from the h1 tag around the text below the image - you haven't specified what the top margin should be for h1 in the CSS.
  Reply With Quote
4 2nd April 08:06
johndonaldson
External User
 
Posts: 1
Default Text Box Positions - with CSS


Its always a good idea to zero out browser defaults when working with CSS, particularly margins and padding. You're less likely to get odd results you don't expect that way.

John
  Reply With Quote
Reply


Thread Tools
Display Modes




Copyright © 2006 SmartyDevil.com - Dies Mies Jeschet Boenedoesef Douvema Enitemaus -
666