[thelist] Declaring <h1> display:inline creates invalid XHTM L (Strict) - an y ideas?
carl.myhill at ps.ge.com
carl.myhill at ps.ge.com
Thu Aug 14 12:15:17 CDT 2003
Hi Hassan,
OK, yeah perhaps it was word by word (poor memory). As I had the thing set
up previously the whole title <h1> wrapped under the logo as one big block
leaving a huge white space at the top, especially when the browser font was
at 36pt (I guess that was how I had the DIV working).
You are right that the span wasn't needed in this case and it works fine
without.
A harder problem is understanding how to get my lovely breadcrumb navigation
floated left; (in a span) and search area floated: right (in a span) to work
as nicely as it used to now that I've progressed into using Chris Schmitts
elegant horizontal <UL> for my breadcrumbs. Again, I have mistakenly put
this fundamental block element inside a span. Not so easy to fix this and I
cant see an examples of how someone has used the horizontal list approach
for breadcrumbs and has something else right justified (like search). Am not
keen on fixing pixel widths.
I guess I'm just learning - I will continue to mess around and evolve into a
less ignorant being!
Cheers.
Carl
> -----Original Message-----
> From: Hassan Schroeder [mailto:hassan at webtuitive.com]
> Sent: 14 August 2003 16:26
> To: thelist at lists.evolt.org
> Subject: Re: [thelist] Declaring <h1> display:inline creates
> invalid XHTML (Strict) - an y ideas?
>
>
> carl.myhill at ps.ge.com wrote:
>
> > the whole <h1> wrapped fairly crudely. By changing this to
> > display:inline I was able to achieve nicer letter by letter wrapping
>
> For the life of me, I can't figure out what you mean by
> "letter by letter wrapping". As I increase the font size, the
> H1 and P contents both wrap at *word* boundaries. And that
> behavior's the same whether each is declared block or inline,
> so I'm not sure what your goal is.
>
> But you can't have block elements like H1 and P contained in
> an inline element like SPAN. And in this case the SPAN seems
> utterly extraneous -- try removing it and styling the H1 and
> P directly.
>
> > <div id="header_titleright">
> > <span id="header_titleright_span">
> > <h1>Impington Swimming Club</h1>
> > <br /> <!--needed now because these are both now
> > inline elements-->
> > <p>A friendly Masters Swimming Club
> just north of Cambridge</p>
> > </span>
>
> HTH, and apologies if I've missed something key!
> --
> Hassan Schroeder ----------------------------- hassan at webtuitive.com
> Webtuitive Design === (+1) 408-938-0567 === http://webtuitive.com
>
> dream. code.
>
>
>
> --
> * * Please support the community that supports you. * *
http://evolt.org/help_support_evolt/
For unsubscribe and other options, including the Tip Harvester
and archives of thelist go to: http://lists.evolt.org
Workers of the Web, evolt !
More information about the thelist
mailing list