[CSS] Tekst onderin de DIV plaatsen - Softwareontwikkeling

woensdag 8 februari 2006 20:30

Acties:

Topicstarter

Geachte lezer,

Hoe is het mogelijk om tekst ondering (absbottom, bottom) te plaatsen. Dit wilt niet lukken omdat ik met floats bezig bent en de tekst dan bovening komt te staan.

[ Voor 9% gewijzigd door GekkeCoen op 28-10-2009 19:13 ]

woensdag 8 februari 2006 20:53

Acties:

Zoefff

❤ 

Een codevoorbeeldje lijkt me wel handig, evenals een wat duidelijkere uitleg wat je nou precies wilt. Tekst absoluut onderin een block-element plaatsen? Dat kan ja, met position: absolute; bottom:0; ofzo. Maar zoals ik al zei, je vraag is niet echt duidelijk

Fotoblog • Werkaandemuur.nl • Moestuincursus.nl • Twitter

woensdag 8 februari 2006 21:44

Acties:

GekkeCoen

Topicstarter

Hier de HTML code:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>PilotExpress - Home</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="pagina">
    <div class="logo">
        Hier komt uw logo
    </div>
    <div class="menu">
        :: <a href="#">Home</a><br>
        :: <a href="#">Over PilotExpress</a><br>
        :: <a href="#">Track en Trace</a><br>
        :: <a href="#">Producten en Diensten</a><br>
        :: <a href="#">Contact</a><br>
        :: <a href="#">Vacatures</a><br>
        :: <a href="#">Order Online</a><br>
    </div>
    <div class="body">
        <h1>Home</h1>
                      Hier komt wat tekst
    </div>
    Copyright by Coen Keijzer <---- dit stukje tekst moet onderaan de div staan ipv bovenaan.
</div>
</body>
</html>

Hier de CSS code:

Cascading Stylesheet:

body    {
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
        color:#000000;
        background-image:url(images/bg.png);
        background-color:#EDEDED;
        margin:0px;
        paddin:0px;
        }

h1      {
        font-size:14px;
        color:#FF0000;
        font-weight:bold;
        }

h2      {
        font-size:10px;
        color:#CCCCCC;
        }

.pagina {
        background-image:url(images/pagina_bg.png);
        margin:0px auto;
        width:750px;
        height:800px;
        text-align:center;
        }

.logo   {
        border:solid 1px #000000;
        margin-top:40px;
        margin-left:37px;
        height:200px;
        width:250px;
        float:left;
        }
.menu   {
        border:solid 1px #000000;
        text-align:left;
        margin-top:40px;
        margin-right:37px;
        padding-top:20px;
        padding-left:20px;
        height:180px;
        width:230px;
        float:right;
        }
.body   {
        border:solid 1px #000000;
        text-align:left;
        width:560px;
        margin-left:37px;
        margin-top:50px;
        padding:20px;
        float:left;
        }

[ Voor 49% gewijzigd door GekkeCoen op 08-02-2006 21:46 ]

woensdag 8 februari 2006 22:19

Acties:

cyberstalker

Eersteklas beunhaas

Als je je copyright nou gewoon in een aparte div stopt, die je onderaan de pagina plakt. Hier was laatst nog een topic over: [rml][ HTML] Footer DIV[/rml]

Nog iets anders, waarom heb je in godsnaam al die <br>'s in je menu staan. Zou je niet beter in je CSS iets als

Cascading Stylesheet:

.menu a
{
    display: block;
}

o.i.d. doen? Of beter nog, maak er een <ul> van.

Ik ontken het bestaan van IE.

donderdag 9 februari 2006 02:08

Acties:

ZeilDude

cyberstalker schreef op woensdag 08 februari 2006 @ 22:19:
(...) Of beter nog, maak er een <ul> van.

Inderdaad, da's stukken beter. Beter dan je andere idee en beter dan wat TS doet.

donderdag 9 februari 2006 08:36

Acties:

BtM909

Watch out Guys...

GekkeCoen schreef op woensdag 08 februari 2006 @ 21:44:
Hier de HTML code:
HTML:
1

Het is dus niet de bedoeling dat je simpelweg code hier neerplempt. Geef duidelijk aan wat je al hebt geprobeerd....

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.