HTML problem med div taggar
Hej alla Clockers!
Sitter i skrivandest stund och kodar lite HTML, men har tyvärr stöt på lite problem.
Som ni ser finns det en liten distans mellan "tabbarna" och själva "kroppen".
Jag använder bara div taggar för att koda detta och ett CSS dokument (CSS är infogat i HTML koden för att förenkla för er).
Det jag undrar är då, finns det ett enkelt sätt att ta bort distansen?
Eller måste jag koda om det hela?
HTML KODEN
<!DOCTYPE html5>
<head>
<style>
#div-container
{
margin-left: 5px;
margin-right: 5px;
width: auto;
}
#div-tab-active
{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
margin-left: 5px;
margin-right: 5px;
background-color: #b8c9db;
font-size: 15pt;
font-family: impact;
color: #818181;
text-align: center;
display: inline-block;
position: relative;"
}
#div-tab-inactive
{
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
margin-left: 5px;
margin-right: 5px;
background-color: #96afca;
font-size: 15pt;
font-family: impact;
color: #818181;
text-align: center;
display: inline-block;
position: relative;"
}
#div1
{
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
margin-left: 5px;
margin-right: 5px;
border-bottom: 2px;
background-color: #b8c9db;
font-size: 30pt;
font-family: impact;
color: #818181;
text-align: center;
}
#div2
{
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
margin-left: 5px;
margin-right: 5px;
border-bottom: 15px solid #b8c9db;
border-left: 15px solid #b8c9db;
border-right: 15px solid #b8c9db;
background-color: #ededed;
padding: 5px;
font-size: 20pt;
font-family: impact;
magin-top: 10px;
color: #818181;
text-align: left;
}
#div3
{
font-size: 12pt;
font-family: impact;
margin-bottom: 5px;
}
</style>
<title>
Title
</title>
</head>
<body bgcolor=#e8e8e8>
<div id="div-container">
<div id="div-tab-active">
Tab1
</div>
<div id="div-tab-inactive">
Tab2
</div>
<div id="div-tab-inactive">
Tab3
</div>
<div id="div1">
Sido titel
</div>
<div id="div2">Titel
<div id="div3">Text
</div>
</div>
</body>
</html>
Tack på förhand, Pontus
CPU: i5 2500k 4,2GHz (Noctua NH-D14) GPU: GTX 760 Windforce 3x
Minne: 16GB 1600MHz Vengeance LP MB: MSI P67A-GD65 B3
PSU: Cooler Master GX 750W Chassi: Bitfenix Raider
SSD: Samsung SSD EVO Basic 840 120GB HDD: Seagate Barracuda 500GB
