473,396 Members | 1,990 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

I'm baffled

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
Jul 21 '05 #1
4 1456
Els
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 -
Jul 21 '05 #2
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."
Jul 21 '05 #3
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.
Jul 21 '05 #4
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".
Jul 21 '05 #5

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
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...
4
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>...
6
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...
13
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...
4
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...
17
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,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
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...
0
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
0
BarryA
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...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
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...
0
marktang
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,...
0
tracyyun
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...
0
agi2029
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,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.