Solved

Make font in a list larger and replace #name tags with id's

Posted on 2013-06-11
3
231 Views
Last Modified: 2013-06-12
I have a list that I cannot get the font larger. In the middle of this page
http://roofgenius.com/RoofCalcWriter/test.asp      
How to make the text in the bullet ted list larger ?


Validater gives this warning:
The name attribute is obsolete. Consider putting an id attribute on the nearest container instead.
<li><a href="#one">
Target <a name="one"></a>
How to write this using an id ?
0
Comment
Question by:isnoend2001
3 Comments
 
LVL 10

Accepted Solution

by:
Ishaan Rawat earned 250 total points
ID: 39240124
Try this./..

.faqlist ul li a {
font-size: 20px !important; // change the font-size as you wish but dont remove !important
}

Open in new window

0
 
LVL 17

Assisted Solution

by:OmniUnlimited
OmniUnlimited earned 250 total points
ID: 39240128
Looks like this is a two part question.

First answer: to make the text in the bullet list larger, simply specify font-size in the .section_area .middlepanel a definition in Roof.css on line 1507.

Second answer: it looks like you are writing a page jump.  Regardless what the validation says, that is the way you do it, although you might resolve some of its problems by simply adding an id like so: <a id="one" name="one"></a>.
0
 

Author Closing Comment

by:isnoend2001
ID: 39240321
Thanks guys
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this Micro Tutorial users will learn how to embed custom fonts into websites using @font-face in CSS Select a font: Ensure the EULA allows you to use @font-face: Download the font: Get the browser-compatible files you need: Edit your CSS       - Name …
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

820 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question