0

Hello,

So I've done it the old fashioned way with <font size="15">Blah Blah</font> as this is the easiest way I know of at current for doing select bits of text only. However, no matter how high I set the font size, whether it be 10000 or 10 it does not change and simply stays the same. I'm really puzzled by this and it's driving me nuts!

style.css

body {
background-color:#000000;
}

a,a:visited {
    text-decoration: none;
    color: #fff;
}

a:hover {
    color: #ff9000;
}

p {
color: #fff;
}

.welcome {
    width: 950px;
    height: 230px;
    background-color: #141414;
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    padding-top: 5px;
    margin-bottom: 20px;
    margin-left: auto;
        margin-right: auto; 
}

.content {
    width: 1020px;
    height: 860px;
    background-color: #282828;
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    padding-top: 20px;
    margin-bottom: 20px;
    text-align: center;
        margin-left: auto;
        margin-right: auto;
}

.line {
    padding: 0 20px;
    width: auto;
    margin: 0 auto;
    border-top: 3px solid #212121;
    display: block;
}



#footer {
    background: url(/images/footer.png) repeat-x top center;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 150px;
        position: absolute;
    margin-bottom: 0px;
        margin-right: 15px;
        margin-left: auto
        bottom: 0%;
}


#marq {
border: 1px solid #000000;
background-color: #E65A2C;
width: auto;
height: 18px;
color: #ff9000;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
}

#marquee {
margin: 0px 0 0px 0;
position: relative;
}

index.php

<?php
$home = true;
$title = 'Home';
include('header.php');
?>

<div class="bg">



        <div class="clear"></div>
        <div class="grid_12" id="content">
            <div class="content-spacer">
  <br > <br >


<div class="content">

    <div class="welcome"> 
        <font face="Skranji" size="150px">
        <font color="#ff9000">LATEST</font> 
        <font color="#ffffff">NEWS</font></font>
        <div class="line"> </div>
 <p>test ... test
    </div>


    </div>

<?php
include('footer.php');
?>
</div>
4
Contributors
4
Replies
20
Views
4 Years
Discussion Span
Last Post by GrazerC0de
0

<font> has been deprecated since HTML 4.01. Don't use it. Also, I don't think the old SIZE attribute accepts "px".
Use <span> instead, and if you must add styling on a per-item basis, add inline styles:

<span style="font-size: 150px;">text</span>
1

@EvolutionFallen, so you got to this one before me...haha.

Yeah, I wouldnt recommend the use of font either at this time. While modern browsers still support it, since its been deprecated, future verions of modern browsers could decide to drop it. Whenever you want to style an object, its best to use CSS. The span element is more appropriate. Of course, if you have to apply this style to many other span elements, create a class for it and apply the class to the element.

For example...

In your style sheet..

.bigFont {font-size:150px;}

In your HTML

<span class="bigFont">Text1</span>
<span class="bigFont">Text2</span>

This way, if you ever change the font-size from 150px say to 100px, you only make the change in your style sheet.

Edited by JorgeM

0

if u're stuck in css
give the span id or class (Wrapping u're desired text)
give the css like this

font-size : 19px !important;
This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.