 | Forum | Register | Search | Today's Posts | Mark Forums Read |  |
|
|
 |
|
| ||||||
|
Welcome to the The ProgrammersTalk Community forums. You are currently viewing our boards as a guest which gives you limited access to view most discussions and access our other features. By joining our free community you will have access to post topics, communicate privately with other members (PM), respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join our community today! If you have any problems with the registration process or your account login, please contact contact us. |
 |
 | | LinkBack | Thread Tools | Display Modes |  |
09-15-2008, 12:17 PM
| ||||
| ||||
| Spacing and Size Is there a way to make a space after something automatically. Hard to explain ATM my menu is like this: +-----------+ | Some Text | +-----------+--------+ | Looooooooong menu | +--------------------+ I want them like this without having to add another </br> +-----------+ | Some Text | +-----------+ +--------------------+ | Looooooooong menu | +--------------------+ Also, is there a way to make them start and end at the same point? eg: +--------------------+ | Some Text | +--------------------+ +--------------------+ | Looooooooong menu | +--------------------+ Here's my css HTML Code: /* Menu CSS */
a.menu {
background: rgb(117, 197, 255);
font: 14px Consolas;
text-decoration: none;
border: thin solid rgb(0, 148, 255);
padding-left: 15px;
padding-right: 3px;
margin-left: 10px;
margin-bottom: 1%;
}
a.menu:hover {
background: rgb(255, 255, 255);
}
a.menu:visited {
color: rgb(0, 0, 0);
} __________________           Last edited by MrPickle : 09-16-2008 at 09:09 AM. Reason: Added my css  |
| |
|
09-16-2008, 02:03 PM
| ||||
| ||||
| Can you post your HTML for the CSS? |
|
09-17-2008, 09:05 AM
| ||||
| ||||
| Sure HTML Code: <html> <head> <link rel = "stylesheet" type = "text/css" href = "style.css"/> </head> <body> <a class = "menu" >Menu</a></br></br> <a class = "menu" >Another Menu</a></br> </body> </html> __________________ |
|
09-17-2008, 04:51 PM
| ||||
| ||||
| Try this: Code: <html>
<head>
<style>
a.menu {
background: rgb(117, 197, 255);
font: 14px Consolas;
text-decoration: none;
border: thin solid rgb(0, 148, 255);
padding-left: 15px;
padding-right: 3px;
margin-left: 10px;
margin-bottom: 1%;
display:block;
width:15%;
}
a.menu:hover {
background: rgb(255, 255, 255);
}
a.menu:visited {
color: rgb(0, 0, 0);
}
</style>
</head>
<body>
<a class = "menu" >Menu</a>
<a class = "menu" >Another Menu</a>
</body>
</html> |
| The Following User Says Thank You to TeraTask For This Useful Post: | ||
MrPickle (09-18-2008) | ||
|
| Thread Tools | |
| Display Modes | |
| |
Linear Mode
