Gå til innhold

Tekst i ulike div vil ikke stå på linje...


Anbefalte innlegg

Hei! Første gang jeg poster noe her. Håper virkelig noen kan hjelpe meg :-)

 

Se siden på http://www.melkvik.com/test1

 

I boksene til venstre får jeg ikke overskriften og linken begge til å stå på "bakken". Det ser ut som om teksten er justert mot toppen av DIV og ikke mot bunnen. Jeg ønsker helst ikke å bruke absolutt tekststørrelse, linjehøyde osv. eller absolutt/relativ posisjonering for den del. Hva er det jeg overser? Hvordan får jeg linken ned på linje med overskriften ???

 

Mvh. Eldar Melkvik

 

 

 

Html-fil og stilark følger under:

 

:::: index.html ::::

<html>

<head>

<title>Tryit</title>

<link href="style.css" type="text/css" rel="stylesheet" />

</head>

 

<body>

<div id="shell">

<div id="container">

 

<div id="west">

 

<div class="box"> <!-- **** NEWS (php include newsfeed **** -->

<div class="heading">News</div>

<div class="anchor"><a href="news.php">more »</a></div>

<div class="content">Some news here. More news here. Even more news right here.</div>

</div>

 

<div class="box"> <!-- **** CALENDAR (php include calendar **** -->

<div class="heading">Calendar</div>

<div class="anchor"><a href="calendar.php">open »</a></div>

<div class="content">What's up today? More things to do today.</div>

</div>

 

 

</div> <!-- end west -->

 

<div id="east">

Main content of the page.

</div> <!-- end east -->

 

</div>

</div>

</body>

</html>

 

 

:::: style.css ::::

body, span, p, div, td, tr, table {

font-family: verdana, arial, tahoma, univers, sans-serif, sans;

text-align: left;

}

 

body {

padding: 8px 3px 3px 3px;

margin: 8px 3px 3px 3px;

background: #8a7a2a;

}

 

#shell {

text-align: center;

}

 

#container {

width: 780px;

margin: 0px auto auto auto;

border: 1px solid #605c60;

background-color: #b8b0a6;

overflow: hidden;

}

 

 

#west {

float: left;

width: 180px;

margin: 0px;

padding: 0px;

}

 

#west div.box {

background-color: #ffffff;

margin: 10px 0px 10px 5px;

padding: 0px 0px 0px 0px;

border-width: 1px;

border-style: solid;

border-color: #000000;

}

 

#west div.box div.heading {

color: #a00000;

background-color: #f0f0e0;

font-size: 90%;

font-weight: bold;

margin: 0px;

padding: 0px;

float: left;

text-align: bottom;

vertical-align: bottom;

}

 

#west div.box div.anchor {

background-color: #e0e0f0;

font-size: 70%;

font-weight: bold;

margin: 0px;

padding: 0px;

float: right;

text-align: bottom;

vertical-align: bottom;

}

 

#west div.box div.anchor a {

color: #988776;

text-decoration: none;

}

 

#west div.box div.anchor a:hover {

color: #655443;

text-decoration: none;

}

 

#west div.box div.content {

clear: both;

border-top: 1px solid gray;

padding: 0px 0px 0px 0px;

margin: 0px 0px 0px 0px;

font-size: 75%;

}

 

 

#east {

margin-left: 190px;

margin-top: 0px;

border-left: 0px solid gray;

padding: 0px 0px 0px 0px;

}

Lenke til kommentar
Videoannonse
Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...