Hej
Jeg har et problem. Jeg har lavet to boks, hvor i jeg har skrevet
noget tekst. Problemet er at når jeg laver et link inden i boksen
bliver skriften meget lille.
Jeg har defineret en line-height på 80% i boksen og mine links er
defineret for sig.
Jeg har en idé om at jeg ligesom skal have skidtet blandet
sammen, men hvordan...Her følger lige et par koder, så bliver det
nok lidt mere overskueligt.
style.css:
body {
background-color: #ffffff;
margin-top: 100px;
margin-bottom: 80px;
margin-right: 25%;
margin-left: 25%;
}
p.overskrift {
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
color: #666666;
margin: 5px 5px 5px 8px;
}
#bold {
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
color: #666666;
}
p {
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
color: #666666;
}
table.kant {
border: 1px;
border-color: #333333;
border-style: dashed;
width: 100%;
padding: 5px;
}
a:link {
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
color: #333333;
text-decoration:none;
}
a:visited {
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
color: #666666;
text-decoration:none;
}
a:active {
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
background-color: #333333;
text-decoration:none;
}
a:hover {
font-family: arial, verdana, sans-serif;
font-size: 0.7em;
color: #000000;
text-decoration:none;
}
#col1 {
float: right;
width: 49%;
line-height: 80%;
}
#col2 {
float: right;
width: 2%;
}
#col3 {
float: right;
width: 49%;
line-height: 80%;
}
HTML:
<div id="col3">
<p>her er noget tekst</p>
<a href="link.html">og et link</a>
mvh
Carsten
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials