|
|
|
|
Thread title: html/css Problem |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
11-27-2006, 10:12 AM
|
#1
|
Status: Request a custom title
Join date: Jan 2005
Location: West Sussex, England
Expertise:
Software:
Posts: 2,829
|
html/css Problem
Ok only h2 is defined as being in bold i believe, so why do all my header classes come out as bold in firefox?!
Code:
Code:
<html>
<head>
<title>White Knuckle Airlines | Welcome</title>
<!-- Meta Tags -->
<META name="description" content="cheap travel to european destinations">
<META name="keywords" content="student, travel, cheap, white knuckle, airline, cheap airlines">
<!-- Style sheet stuff -->
<style type='text/css'>
h2 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight: bold }
h3 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight:"400"; text-align: left }
h4 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight:"400" }
h5 { font-family: Tahoma; font-size: 7pt; color: Gray; font-weight:"400" }
</style>
<td width="366" style="border-style: none; border-width: medium" align="center" bgcolor="#E4F1FE" height="100" valign="top">
<h2 align="left"> Welcome</h2>
<h3> Hello and welcome to the website of White Knuckle Airlines.</h3>
<h3> Operating out of London Gatwick, White Knuckle Airlines aims to provide cheap, no frills
air travel to a variety of destinations; Prague, Budapest and Moscow.</h3>
<h3> Please use the map to the left, to browse the destinations available, including both
local information as well as travel details. Alternatively you can use the
navigation at the top.</h3>
</html>
Those are the 2 snippets of code that don't work, thanks for the help in advance.
|
|
11-27-2006, 01:26 PM
|
#2
|
Status: design rockstar
Join date: Jan 2005
Location: guelph, ontario
Expertise:
Software:
Posts: 2,246
|
because their default value is bold. add font-weight: normal to all the ones you want to have a normal font weight.
|
|
11-27-2006, 01:40 PM
|
#3
|
Status: Member
Join date: Nov 2006
Location: Nowhere
Expertise:
Software:
Posts: 192
|
Yeh, you got to replace all the font-weight:"400"; with font-weight:"normal";
|
|
11-27-2006, 02:57 PM
|
#4
|
Status: Request a custom title
Join date: Jan 2005
Location: West Sussex, England
Expertise:
Software:
Posts: 2,829
|
|
|
11-27-2006, 03:01 PM
|
#5
|
Status: Member
Join date: Feb 2006
Location:
Expertise:
Software:
Posts: 191
|
or just from font-weight: "400"; to font-weight:normal;. Btw... you know you can save some space here?
Code:
h2 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight: bold }
h3 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight:"400"; text-align: left }
h4 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight:"400" }
h5 { font-family: Tahoma; font-size: 7pt; color: Gray; font-weight:"400" }
is the same as
Code:
h2,h3,h4,h5{font:10pt Tahoma,sans-serif;color:#4f94da;font-weight:normal;}
h2{font-weight:bold !important;}
h3{text-align:left;}
h5{font-size:7pt !important;color:grey !important;}
Saves repeating the font family, size, colour and weight. !important simply tells the browser to override any other values for this selector
|
|
11-27-2006, 03:10 PM
|
#6
|
Status: Request a custom title
Join date: Jan 2005
Location: West Sussex, England
Expertise:
Software:
Posts: 2,829
|
Originally Posted by RaZoR^
or just from font-weight: "400"; to font-weight:normal;. Btw... you know you can save some space here?
Code:
h2 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight: bold }
h3 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight:"400"; text-align: left }
h4 { font-family: Tahoma; font-size: 10pt; color: #4F94DA; font-weight:"400" }
h5 { font-family: Tahoma; font-size: 7pt; color: Gray; font-weight:"400" }
is the same as
Code:
h2,h3,h4,h5{font:10pt Tahoma,sans-serif;color:#4f94da;font-weight:normal;}
h2{font-weight:bold !important;}
h3{text-align:left;}
h5{font-size:7pt !important;color:grey !important;}
Saves repeating the font family, size, colour and weight. !important simply tells the browser to override any other values for this selector
|
Ah even better, useful stuff
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|