Pagina 1 van 1

ruimte tussen plaatjes

Geplaatst: 11 jan 2008, 16:41
door mauser
als je even op mijn site kijkt zie je boven- en onderaan drie links van weatherground met de temperaturen. deze staan nu zowel boven als onder links op een hoopje. ik wil zeg maar de middelste in het midden van de pagina hebben en de rechtse jawel, rechts op de pagina zodat het wat meer geordend is. weet iemand hoe ik dat kan doen? alvast dank.
..

Re: ruimte tussen plaatjes

Geplaatst: 11 jan 2008, 16:43
door Ger
Zet ze in 3 divs, welke je zoals gewenst uitlijnd.

Re: ruimte tussen plaatjes

Geplaatst: 11 jan 2008, 16:55
door mauser
ehm juist... en als je niet bekend bent met codes hoe doe je dat dan 8-)

Re: ruimte tussen plaatjes

Geplaatst: 11 jan 2008, 18:57
door Derky
mauser schreef:ehm juist... en als je niet bekend bent met codes hoe doe je dat dan 8-)
Door ook eens zelf iets uit te zoeken en het niet altijd gelijk te vragen.
http://www.google.nl/
http://www.handleidinghtml.nl/
http://www.w3schools.com/

Succes

Re: ruimte tussen plaatjes

Geplaatst: 11 jan 2008, 20:49
door Johan
mauser schreef:ehm juist... en als je niet bekend bent met codes hoe doe je dat dan 8-)
Links hoef je geen code voor te hebben,
in het midden is

Code: Selecteer alles

<div align="center">TEXT/LINKS</div>
En rechts is

Code: Selecteer alles

<div align="right">TEXT/LINKS</div>


:)

Re: ruimte tussen plaatjes

Geplaatst: 12 jan 2008, 04:34
door mauser
tnx! maar eh, ziet er wel origineel uit ofzo hoor maar er staan nu voor de gein ook enters tussen :? ofwel, ze zijn allemaal goed uitgelijnd maar ieder op een nieuwe regel :shock: dit staat er dus nu
<a href="http://www.wunderground.com/global/stat ... =infoboxtr">
<img src="http://banners.wunderground.com/weather ... /62463.gif" border=0
alt="Click for Hurghada, Egypt Forecast" height=108 width=144></a><div align="center"><a href="http://www.wunderground.com/global/stat ... =infoboxtr">
<img src="http://banners.wunderground.com/weather ... /62366.gif" border=0
alt="Click for Caïro, Egypt Forecast" height=108 width=144></a></div><div align="right"><a href="http://www.wunderground.com/global/stat ... =infoboxtr">
<img src="http://banners.wunderground.com/weather ... /62460.gif" border=0
alt="Click for Sharm el-Sheikh, Egypt Forecast" height=108 width=144></div></a>
staat hier toevallig ergens iets waaruit blijkt wat de oorzaak hiervan is? keb nergens spaties of enters tussen gezet iig. alvast dank.

Re: ruimte tussen plaatjes

Geplaatst: 12 jan 2008, 11:51
door Ger
Klopt, elke div begint op een nieuwe regel. Daar zijn verschillende trucjes voor. Je kunt er bijvoorbeeld een div omheen zetten en die een lineheight van 0% geven:
in de CSS:

Code: Selecteer alles

#weerbox {line-height: 0%}
In de html:

Code: Selecteer alles

<div id="weerbox">ANDERE DIVJES</div>

Re: ruimte tussen plaatjes

Geplaatst: 15 jan 2008, 01:20
door mauser
nou...
ok ik snap het HTML gedeelte dan denk ik wel dat je die code om de links moet plaatsen die je op 1 lijn wilt hebben :roll: maar in welke CSS moet ik die bovenste dan plaatsen en waar :shock: want ik heb alle css bestandjes geopend om te kijken of ik zoiets soortgelijks kon vinden maar neej, niet echt :?

Re: ruimte tussen plaatjes

Geplaatst: 15 jan 2008, 11:27
door Ger
Sorry, ik was niet helemaal duidelijk denk ik. En omdat ik me nu ook bedenk dat line-heights niet goed door IE6 worden verwerkt, zal ik je even een andere methode geven.

Stap 1
Vervang de code in je bericht van 12 januari door onderstaande code:
Spoiler: bekijk

Code: Selecteer alles

<a href="http://www.wunderground.com/global/stations/62463.html?bannertypeclick=infoboxtr">
<img src="http://banners.wunderground.com/weathersticker/infoboxtr_metric/language/www/global/stations/62463.gif" border=0
alt="Click for Hurghada, Egypt Forecast" height=108 width=144></a>
<div id="weerboxmidden"><a href="http://www.wunderground.com/global/stations/62366.html?bannertypeclick=infoboxtr">
<img src="http://banners.wunderground.com/weathersticker/infoboxtr_metric/language/www/global/stations/62366.gif" border=0
alt="Click for Caïro, Egypt Forecast" height=108 width=144></a></div>
<div id="weerboxrechts"><a href="http://www.wunderground.com/global/stations/62460.html?bannertypeclick=infoboxtr">
<img src="http://banners.wunderground.com/weathersticker/infoboxtr_metric/language/www/global/stations/62460.gif" border=0
alt="Click for Sharm el-Sheikh, Egypt Forecast" height=108 width=144></div></a>
Stap 2
OPEN
styles/prosilver/theme/common.css

FIND

Code: Selecteer alles

h1 {
BEFORE, ADD

Code: Selecteer alles

#weerboxmidden {
	text-align: center;
	margin-top: -108px;
}

#weerboxrechts {
	text-align: right;
	margin-top: -108px;
}
Stap 3
Opslaan, uploaden en buffers legen. Volgens mij zou het dan in alle browsers goed moeten werken.

Re: ruimte tussen plaatjes

Geplaatst: 15 jan 2008, 16:45
door mauser
nee helaas, ze kwamen nu links, recht onder elkaar te staan.

Re: ruimte tussen plaatjes

Geplaatst: 15 jan 2008, 18:16
door Ger
Heb je de template en de themebuffers geleegd? Zo ja, laat dan even het betreffende stukje uit common.css zien, met de code die daar omheen staat. Want daar zit dan waarschijnlijk de fout.

Re: ruimte tussen plaatjes

Geplaatst: 16 jan 2008, 17:40
door mauser
nah, heb gewoon hetzelfde gedaan en nu doet ie het wel :shock: maar iig, bedankt! 8)