Jump to content

PHP Link out CSS


MdemiC

Recommended Posts

Dear people,

 

I got a problem with a Link that is on my website (www.team-highflow.nl) as you can see are the link bigger then the other letter's, i changed something in the css from the link but than all the link's changed? My question is, how to make that the Link's in the header and navigation are bigger then the links from people's game name?

 

If this is possible i like to hear it from u guys,

 

If you need some more info i like to hear is from you guys.

 

Thanks you,

 

Bob de Vries

 

P.s.

Sorry for my English i am not so good in English

Link to comment
Share on other sites

Here is the CSS if you need it to solve the problem:

 

#pos {	width: 500px;
margin: 0px auto;}

#cent {	text-align: center;}
#right { text-align: right;}

input.btn {
   	color:#444444;
   	font-family: Arial;
   	font-size: 10px;
   	font-weight: bold;
   	background-color: #dcdcdc;
   	border: 1px solid;
   	border-top-color: #444444;
   	border-left-color: #444444;
   	border-right-color: #444444;
   	border-bottom-color: #444444;}


body { 	background: #000000;
background-image: url('img/spacer.jpg');
background-repeat: repeat;
text-align: center;
cursor: crosshair;
margin-left: 0px;
margin-top: 50px;
margin-right: 0px;
margin-bottom: 0px;}

p {	font-family: Arial;
color: #555555;
font-size: 10px;
text-decoration: none;
letter-spacing: 2px;
text-align: left;
padding-left: 5px;} 

p a:link, a:active, a:visited, b {
font-family: Arial;
color: #ffffff; 
font-size: 14px;
text-decoration: none;
cursor: crosshair;}

p a:hover {
font-family: Arial;
color: #ffffff;
font-size: 14px;
text-decoration: underline;
cursor: crosshair;}

div.ban	{
background: #222222;
background-image: url('img/banner.jpg');
background-repeat: no-repeat;
width: 500px; height: 100px;}

Link to comment
Share on other sites

Well it looks like all of your stuff is inside a P tag with the links not having anything special and all P font is 10px you defined, and the links are all 14px.. if you want to get your font to only be bigger for the header but the same for everything else try making a

 

#header-links {

  font-size: 14px;

}

 

and remove the font-size elsewhere so it stays at the 10px you defined. then for your header links put

 

<div id="header-links">Links </div>

 

Also again inside your code you inline styled your A tags to be 14px so they will be 14px regardless.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.