style and class

Discussion in 'HTML & Website Design' started by JohnZing, Aug 18, 2006.

0
  1. #1
    Can i convert this code

    
<style type="text/css">
<!--
.style1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}
a:link {
	color: #666666;
}
a:visited {
	color: #666666;
}
-->
</style>
</head>

<body>
<h1><span class="style1">sime text here</span></h1>
</body>
    Code (markup):
    to remove <style type="text/css"> and have all the style inside span tag?
    like this

    <span style="font-family: Georgia, "Times New Roman", Times, serif; .....">sime text here</span>

    the problem is the a:link, a:visited ... etc... can i use this special tags inside style?
    thanks
     
    JohnZing, Aug 18, 2006 IP
  2. ludwig

    ludwig Notable Member

    Messages:
    2,253
    Likes Received:
    66
    Best Answers:
    0
    Trophy Points:
    225
    #2
    You can copy/paste all that code into lets say styles.css and in the HEAD of your HTML give the following link
    <link rel="stylesheet" href="styles.css" type="text/css">

    then in your text have
    <span class="style1">sime text here</span>

    the code you wrote above is incorrect as you have dubble " there in wrong place, it should be
    <span style="font-family: Georgia, Times New Roman, Times, serif; .....">sime text here</span>

    Hope this helped

    also you can do something like this

    .style1:link {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    }
    .style1:visited {
    color: #666666;
    }

    so you have a style for a link also like this
    <a href="#" class="style1">sample link</a>

    Good luck
     
    ludwig, Aug 18, 2006 IP
  3. JohnZing

    JohnZing Peon

    Messages:
    109
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thank you. I really need to put my style code inside <span> tag and not in my page header or external css. That's because i need to insert this footer in 20 websites home page and i dont want to edit all the pages. I want to paste a <span>....</span> tag before the </body> tag.

    No problem with fonts and colors,
    My problem is the a.visited style, how can i use that? can you give me an example?

    the final result should look like this
    <span style="... how to put a.visited style here???...">some text and links </span>

    Thank you
     
    JohnZing, Aug 18, 2006 IP
  4. ludwig

    ludwig Notable Member

    Messages:
    2,253
    Likes Received:
    66
    Best Answers:
    0
    Trophy Points:
    225
    #4
    never tried to do the way you wanna do, you might wanna ask that question in the CSS section, there are some DP member who are really good at it

    also you don't need to put the <span> before that body tag, you can use this in your stylesheet

    body{
    background-color: #FFFFFF;
    font-family: Verdana, sans serif;
    }
     
    ludwig, Aug 18, 2006 IP