Prev: Can someone help me align this border? Thanks in advance.
Next: HIS 2010 - First Call for Papers
From: semicodin on 1 Mar 2010 19:00
Okay, my latest iteration is here
http://sites.google.com/site/semicodin/ohTHAT/bracket/semi99998.html

The borders line up; BUT there are two new problems I need to fix:

The first line of Lorem ipsum has inherited the 6em margin from its
parent. That's no good; I need to be able to assign the beginning of
the text its own top margin relative to LOGO.

The next issue is aesthetic, but it nonetheless matters: I'm trying to
figure out a way to get LOGO to hang just low enough to cover up the
top dash line, so as to render dash lines on only the remaining three
sides. It's a tidying up matter, but I will need to do it.

Any help appreciated.
From: dorayme on 1 Mar 2010 20:03
In article
<a41b9441-b309-4d67-8feb-055cf40805b3(a)c37g2000prb.googlegroups.co
m>,
semicodin <byte.this(a)usa.net> wrote:

> Okay, my latest iteration is here
> http://sites.google.com/site/semicodin/ohTHAT/bracket/semi99998.html
>
> The borders line up; BUT there are two new problems I need to fix:
>
> The first line of Lorem ipsum has inherited the 6em margin from its
> parent. That's no good; I need to be able to assign the beginning of
> the text its own top margin relative to LOGO.
>
> The next issue is aesthetic, but it nonetheless matters: I'm trying to
> figure out a way to get LOGO to hang just low enough to cover up the
> top dash line, so as to render dash lines on only the remaining three
> sides. It's a tidying up matter, but I will need to do it.
>
> Any help appreciated.

How about a URL that actually works?

--
dorayme
From: Josiah Jenkins on 1 Mar 2010 20:16
On Tue, 02 Mar 2010 12:03:33 +1100, dorayme
<doraymeRidThis(a)optusnet.com.au> wrote:
>> semicodin <byte.this(a)usa.net> wrote:
>
>> Okay, my latest iteration is here
>> http://sites.google.com/site/semicodin/ohTHAT/bracket/semi99998.html
>>
>
>How about a URL that actually works?

Thought it was just me !

Try saving to disk first then opening file ?

I_don't_think_so !
--
http://www.ian-stewart.eu
From: Gus Richter on 2 Mar 2010 08:01
On 3/1/2010 7:00 PM, semicodin wrote:
> Okay, my latest iteration is here
> http://sites.google.com/site/semicodin/ohTHAT/bracket/semi99998.html
>
> The borders line up; BUT there are two new problems I need to fix:
>
> The first line of Lorem ipsum has inherited the 6em margin from its
> parent. That's no good; I need to be able to assign the beginning of
> the text its own top margin relative to LOGO.
>
> The next issue is aesthetic, but it nonetheless matters: I'm trying to
> figure out a way to get LOGO to hang just low enough to cover up the
> top dash line, so as to render dash lines on only the remaining three
> sides. It's a tidying up matter, but I will need to do it.
>
> Any help appreciated.

Some comments first:

Don't use a Transitional doctype! Use a Strict one!

There's no such thing as float: center;
There are only two: float:left and float:right
(read up on floats!).

Don't overuse div when nesting is not necessary. Use these (compare to
your original):

<div id="CONTENT" style="border: 30px solid rgb(205, 205, 193);">
.................

<div id="LOGO" style="background-color: rgb(255, 255, 255); padding: 2%;
border: 3px solid rgb(0, 0, 0); text-align: left;"> .............

Better yet, include your rules in your stylesheet under:
#CONTENT { }
#LOGO { }

You indicate that you've resolved your border problem. I don't know how
since your second link is no good, but in your first you use % and fixed
values for a total width value for one div and then expect to be able to
line up another div with % alone.




Now to answer your last two questions.

1.
You cannot style anonymous text, so wrap your text into <p>aragraphs and
then add in your stylesheet:

div p {clear:left;padding-top:1em;}

2.
Regarding your request to hide the top dashed border, you actually use:

border: 3px dashed rgb(0, 0, 0);

You should be aware that "border" produces border for four sides since
it combines:
border-top:
border-right:
border-bottom:
border-left:
all with the same values.

To _not show_ the top border, use these three:
border-right: 3px dashed rgb(0, 0, 0);
border-bottom: 3px dashed rgb(0, 0, 0);
border-left: 3px dashed rgb(0, 0, 0);

--
Gus

From: semicodin on 2 Mar 2010 18:45
On Mar 1, 5:03 pm, dorayme <doraymeRidT...(a)optusnet.com.au> wrote:
> In article
> <a41b9441-b309-4d67-8feb-055cf4080...(a)c37g2000prb.googlegroups.com>,
>
> How about a URL that actually works?
>
> dorayme

Hi dorayme, Josiah and Gus. Yeah sorry about that, Tony helped me
clean it up over on CSSCreator and I didn't get a chance to pop back
in here and update it. The final version is at
http://sites.google.com/site/semicodin/ohTHAT/bracket/semi99999_FINAL.html
and the drafts have been removed to cut down on clutter.

Google sites just mangles the presentation so much that I finally gave
up hosting it as a page and just give you the link to open it
dynamically in your browser. By the way (not that anyone's interested
lol) you can view all my project iterations at
http://sites.google.com/site/semicodin/ohTHAT
and the files vault at
http://sites.google.com/site/semicodin/ohTHAT/bracket

semiCodin
 |  Next  |  Last
Pages: 1 2 3 4 5
Prev: Can someone help me align this border? Thanks in advance.
Next: HIS 2010 - First Call for Papers