MdemiC Posted January 16, 2011 Share Posted January 16, 2011 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 Quote Link to comment Share on other sites More sharing options...
MdemiC Posted January 16, 2011 Author Share Posted January 16, 2011 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;} Quote Link to comment Share on other sites More sharing options...
MdemiC Posted January 18, 2011 Author Share Posted January 18, 2011 Still need some help pleas Quote Link to comment Share on other sites More sharing options...
Coolkat Posted January 19, 2011 Share Posted January 19, 2011 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.