[CSS]Plaatjes tegen elkaar plakken - Softwareontwikkeling

donderdag 23 december 2004 13:05

Acties:

I know

Topicstarter

CSS

code:

#image_links {
height: 650px;
width: 71px;
background-image: url('images/01.jpg');
}

#image_midden {
height: 181px;
width: 629px;
background-image: url('images/02.jpg');
}

#image_middenonder {
height: 46px;
width: 629px;
background-image: url('images/03.jpg');
}

#image_rechts {
height: 433px;
width: 186px;
background-image: url('images/05.jpg');
}

#image_text {
height: 369px;
width: 443px;
background-image: url('images/04.jpg');
}

#image_onder {
height: 54px;
width: 443px;
background-image: url('images/06.jpg');
}

HTML

code:

<html>
<head>
<title>jedi</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>


<div id="image_links"></div>
<div id="image_midden"></div>
<div id="image_middenonder"></div>
<div id="image_rechts"></div>
<div id="image_text"></div>
<div id="image_onder"></div>


<BODY>

</BODY>
</HTML>

ik wil dus deze plaatjes precies tegen elkaar aan 'plakken'.

Hoe doe ik dit?
Gaat dit via positioning?

This is the Way.

donderdag 23 december 2004 13:11

Acties:

OkkE

CSS influencer :+

Hoe wil je ze aan elkaar? Wat heb je al geprobeerd? Wat lukt er niet? Sorry hoor, maar een lap code plakken en zeggen "ik wil dit" is wel erg simpel..

Ik denk dat je eens moet kijken naar:
position: absolute;
margin: 0px;

_{En ja, ik heb vandaag mn dag ff niet..}

“The best way to get the right answer on the Internet is not to ask a question, it's to post the wrong answer.”
QA Engineer walks into a bar. Orders a beer. Orders 0 beers. Orders 999999999 beers. Orders a lizard. Orders -1 beers.

donderdag 23 december 2004 13:16

Acties:

faabman

even gebruiken van de search en een cursusje css op http://w3schools.com/css doet wonderen

Wanneer ik naar je code kijk dan krijg ik het geval dat je nog niet helemaal weet waar je mee bezig bent, dus lees ook maar eens wat weblogs door over semantiek (bijv. http://annevankesteren.nl)

Op zoek naar een baan als Coldfusion webdeveloper? Mail me!

donderdag 23 december 2004 13:16

Acties:

Wussie

margin: 0px; is je goeiste oplossing

donderdag 23 december 2004 13:18

Acties:

NoTimeRemains

I know

Topicstarter

ok!
ik ga dan maar een cursus doorlopen...

[ Voor 82% gewijzigd door NoTimeRemains op 23-12-2004 13:18 ]

This is the Way.

donderdag 23 december 2004 14:18

Acties:

Cubix

Zijn de plaatjes wel als achtergrond bedoeld?

Anders is het netter en correcter om via <img> (html) tags de plaatjes te plaatsen.
Als je dan margin op 0px zet, en verder 'display: block' gebruikt per plaatje kan alles ook met css aan elkaar geplakt worden. Lijkt mij netter.

donderdag 23 december 2004 15:18

Acties:

NoTimeRemains

I know

Topicstarter

het is idd als achtergrond bedoeld.
maar ik dacht dat je dat beter met css kon doen...want ik wil geen tabellen

het moet er zo ongveer uitkomen te zien:
Afbeeldingslocatie: http://members.home.nl/isjwang/table.gif

Afbeeldingslocatie: http://members.home.nl/isjwang/table.gif

[ Voor 3% gewijzigd door NoTimeRemains op 23-12-2004 15:19 ]

This is the Way.

donderdag 23 december 2004 16:55

Acties:

Verwijderd

Waarom doe je niet gewoon 1 groot plaatje ipv moeilijk doen met allemaal losse plaatjes? Het is toch voor een achtergrond schrijf je.

Ik weet dat imageslicing visueel een sneller effect geeft vanwege parallel loading, maar in de meeste gevallen wordt er meer data verstuurd (meer html, meer gif/jpg headers, meer HTTP-verkeer.