While I'm no css guru by any stretch, I thought I knew more than this,
guess not.
I'm trying to come up with a style for a few lines of text that are
secondary to the text above them, so I want them to be indented about
9px.
..index_link_indent a {
font-size: 11px;
text-decoration: none;
margin-left: 9px;
}
Now these lines of text are pretty long, so they wrap down to two,
sometimes three, lines.
My problem is this, the lines that wrap do not indent. Only the first
line indents. I need the whole thing to indent.
Here is the site under construction: http://clgp.aem.cornell.edu/
Style sheet http://clgp.aem.cornell.edu/clgp_styles.css
The text I'm talking about is in the first column titled "Conferences,
Events, Calendars" The indented text is under "Calendar of Partners."
On large monitors, the text may not be wrapped, but if you shorten the
width, you'll see what I mean.
????
Thanks
Steve 4 1456
Steve K wrote: While I'm no css guru by any stretch, I thought I knew more than this, guess not.
I'm trying to come up with a style for a few lines of text that are secondary to the text above them, so I want them to be indented about 9px.
.index_link_indent a { font-size: 11px; text-decoration: none; margin-left: 9px; }
Now these lines of text are pretty long, so they wrap down to two, sometimes three, lines.
My problem is this, the lines that wrap do not indent. Only the first line indents. I need the whole thing to indent.
Here is the site under construction:
http://clgp.aem.cornell.edu/
Style sheet
http://clgp.aem.cornell.edu/clgp_styles.css
The text I'm talking about is in the first column titled "Conferences, Events, Calendars" The indented text is under "Calendar of Partners."
On large monitors, the text may not be wrapped, but if you shorten the width, you'll see what I mean.
????
The easy answer might be 'use padding on the <p> element instead of
margin on the <a> element'.
But why don't you just use a list? A list is semantically the best way
to do this, and it gives you the indenting naturally without you doing
anything. (although you might wanna set it to get the same amount of
indenting in different browsers)
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Steve K <sm***@cornell.edu> wrote: I'm trying to come up with a style for a few lines of text that are secondary to the text above them, so I want them to be indented about 9px.
.index_link_indent a { font-size: 11px;
It isn't a good idea to specify font sizes in px (or pt) units. See http://css.nu/faq/ciwas-aFAQ.html#QA02
text-decoration: none; margin-left: 9px; }
Now these lines of text are pretty long, so they wrap down to two, sometimes three, lines.
My problem is this, the lines that wrap do not indent. Only the first line indents. I need the whole thing to indent.
Here is the site under construction:
http://clgp.aem.cornell.edu/
Style sheet
http://clgp.aem.cornell.edu/clgp_styles.css
You've specified margin-left for the A element, and that's what you've got.
From your description, it sounds like you want padding-left on the P
element that contains the A element.
But from looking at the document, it seems that it would be more
appropriate to mark up the links as a list.
--
Darin McGrew, mc****@stanfordalumni.org, http://www.rahul.net/mcgrew/
Web Design Group, da***@htmlhelp.com, http://www.HTMLHelp.com/
"FAILURE IS NOT AN OPTION. It comes bundled with the software."
Steve K wrote: While I'm no css guru by any stretch, I thought I knew more than this, guess not.
I'm trying to come up with a style for a few lines of text that are secondary to the text above them, so I want them to be indented about 9px.
.index_link_indent a { font-size: 11px; text-decoration: none; margin-left: 9px; }
sigh. i know that this is OT, but: I hope you realize that specifying
fonts and margin sizes in absolute units, like pixels, can create
accessibility problems.
On Wed, 16 Mar 2005, C A Upsdell wrote: sigh. i know that this is OT,
By no means! It may not be what the O.P wants to hear, but it's
absolutely key and on-topic in any discussion about authoring for the
WWW, IMNSHO.
but: I hope you realize that specifying fonts and margin sizes in absolute units, like pixels, can create accessibility problems.
Fortunately, any decent browser has a defence mechanism against such
problems. But that then means that the author is relying on the
reader overriding what the author asked for. We hope (though such
hopes tend to be short-lived in the case of pixel-fixated authors)
that the design won't fall into a scrappy heap when the author's font
size specification is overridden.
Yes, you're right, it would be much nicer if the author would ask for
what the reader wants, rather than relying on the reader having to
contradict what the author specified. The group's contributor S.Poley
has some excellent articles on font sizing and related topics, by the
way, I regularly commend them to other web authors around here: http://www.xs4all.nl/~sbpoley/webmatters/
Oh yes, and to the Original Poster (repeating the standard advice of
comp.lang.perl.misc): "Please put the subject of your posting in the
Subject of your posting". This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Lazareth S. Link |
last post by:
Hiya to whoever might stumble across this.
I've recently taken up learning how to script/program in python.
I've made my first program, a simple fahrenheit-celsius converter,
both ways.
For...
|
by: Mark Thomas |
last post by:
Hi
I do not understand why the following does not compile under Visual C++
7.1. It is just a simple "Hello, World" program.
// Hello World Application. Why does this fail?
#include <iostream>...
|
by: Doug Baroter |
last post by:
Hi,
Don't worry about the vars, they are defined,
the following line give me an err of "Incorrect syntax near '.'."
Goal: to rename nonstardard column name.
EXEC sp_rename...
|
by: s_m_b |
last post by:
I'm building a suite of online forms for insurance. These have been
stripped down from messy MS Word templates, and two of the six,
substantially identical, are misbehaving with the .js page that...
|
by: Tim Robinson |
last post by:
Hi,
I generally consider myself competent with the complexities of quoting but I
can't figure out postgres at all. I've read the manual and it looks very
straightforward but that doesn't accord...
|
by: sheldonlg |
last post by:
I need to do some modifications on some code I just inherited and that
code has me baffled.
On one page, caller.php, with method get there is an anchor with
href="foo.php?bar=123". On foo.php,...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: BarryA |
last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
|
by: marktang |
last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
| |