Re: [css-d] Problem with links as block-level elements
Hi Tony,
the only way I know to do that is to nest divs and float:right hence:
div id=1
div id=2
a href=foo.htmlfoo/a
a href=fooyootoo.htmlfooyootoo/a!--this is floated right--
/div
a href=fooyoothree.htmlfooyoothree/a!--this is floated right--
/div
If there's a better way to approach this type of layout, I'd really
appreciate hearing about it
The way I'd approach this is with something like:
ul id=navigation
li
a id=FAQ href=faq.htmlspanFAQ/span/a
/lili
a id=FORPRAC href=forprac.htmlspanFor Practitioners/span/a
/lili
a id=PAYME href=paymentcalc.htmlspanPayment Calculator/span/a
/lili
a id=CONTA href=contact.htmlspanContact Us/span/a
/li
/ul
then changing the css such that you add:
#navigation li {
margin: 0;
float: left;
}
and remove any mention of margins on the ids of anchors. I'd probably
move those ids to the li elements as well. I've only had a chance to
test this in FF, but I think you should be able to work something out
on that basis.
Phil
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with links as block-level elements
Hi Eric, Thanks for the advice, although I'm not sure I completely understand. I want to get the links sitting side-by-side across the top as is, but the only way I know to do that is to nest divs and float:right hence: div id=1 div id=2 a href=foo.htmlfoo/a a href=fooyootoo.htmlfooyootoo/a!--this is floated right-- /div a href=fooyoothree.htmlfooyoothree/a!--this is floated right-- /div If there's a better way to approach this type of layout, I'd really appreciate hearing about it it seems to me one of the weakest areas of css implementation, but that's probably just out of my own ignorance! Meanwhile, seeing as you had difficulty with getting all the build files for the site, i've zipped them up and placed them here (http://www.easycare.ie/build.zip 68k) if you're willing to test out that theory of yours! Please let me know how you get on and thank you again. Tony __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problem with links as block-level elements
I would suggest using an inline list of hyperlinks rather than nested DIVs. The portion of your screen that resides more or less above the buttons is all relegated to the outermost DIV which I believe is the CONTACT US container. If you examine the area below each button it properly shows the button area. Sorry for try to explain this in words I'd much rather have modified your code and tested out my suggestion but could not download the graphics from your page nor all of the CSS files. -- +-+ | Eric Geoffrey Vann, Webmaster Glenbard Township HS District #87 | | VOICE: 630.942.7722 596 Crescent Boulevard | | EMAIL: [EMAIL PROTECTED]Glen Ellyn, IL 60137-4297 | | WEB:http://www.glenbard.net/| +-+ It is our choices that show what we truly are, far more than our abilities ~ Dumbledore, Harry Potter and the Chamber of Secrets __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
