Archief - xHTML/CSS: Positionering van een afbeelding.

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
M

Microwaver

Legacy Member
Hallo, hier ben ik weer.


Ik heb een probleempje hiermee.
In http://users.telenet.be/DeTrekBeiren/A-focus/index.htm staat alles ongeveer hoe het zou moeten staan behalve 1 ding.


De foto die links random veranderd zou helemaal onderaan die oranje balk moeten staan.

Ik heb al vanalles geprobeerd, vooral dan veritcal-align

enig idee iemand?


de codes zijn de volgende

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<title>Untitled Document</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="container">
<table width="900px" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td colspan="2"><img src="images/top_lines.jpg" alt="StreepBoven"></td>
  </tr>
  <tr>
    <td rowspan="2" id="left" height="100%" style="vertical-align:top"><div style="vertical-align:top">
	<img src="images/menu_logo.jpg" alt"banner"></div>
	<div>[MENU]</div>
	
	<div style="vertical-align:bottom"><script language="JavaScript">
					<!--
					function random_imglink(){
					  var myimages=new Array()
					  //specify random images below. You can have as many as you wish
					
					myimages[1] = 'images/left/left2.jpg'
					myimages[2] = 'images/left/left3.jpg'
					myimages[3] = 'images/left/left4.jpg'
					myimages[4] = 'images/left/left5.jpg'
					myimages[5] = 'images/left/left6.jpg'
					myimages[6] = 'images/left/left7.jpg'
					myimages[7] = 'images/left/left8.jpg'
					myimages[8] = 'images/left/left9.jpg'
					myimages[9] = 'images/left/left10.jpg'
					myimages[10] = 'images/left/left11.jpg'
					myimages[11] = 'images/left/left12.jpg'
					myimages[12] = 'images/left/left1.jpg'
					
					
					  var ry=Math.floor(Math.random()*myimages.length)
					
					  if (ry==0)
						 ry=1
						 document.write('<img src="'+myimages[ry]+'">')
					}
					random_imglink();
					//-->
				</script></div>
	</td>
    <td style="vertical-align:top"><img src="images/a-focus_design5_03.jpg" alt="change"></td>
  </tr>
  <tr>
    <td style="vertical-align:top">
	<div id="content" style="vertical-align:top">
	[content]<br/>

						
	</div></td>
  </tr>
  <tr>
    <td colspan="2"><img src="images/footer.jpg"></td>
  </tr>
</table>
</div>
</body>
</html>


en een beetje css

Code: 
.background {
	background-image: url(images/content_bg.jpg);
	background-repeat: repeat-y;
}


Kan iemand mij helpen?
want ik krijg het maar niet opgelost.
M

Microwaver

Legacy Member
Background-position?

Het is geen background image hé. Het is een gewoon ingevoegde image.

Ik heb al background-position gebruikt en vertical position.

:crazy:
o

orez

Legacy Member
je gebruikt tables, dan divs in tables, met gebrekkige inline style css :/
probeer aub eerst iets over semantiek te leren en over basis css, dat je een veel beter structuur hebt in je code, dit op zich zal al veel dergelijke problemen vermijden.
M

Microwaver

Legacy Member
De mix tussen tables en divs is zo gebruikt wegens het snelle opzetten van deze site.

Ik weet dat het eigenlijk totaal onlogisch is om divs en tabellen zo door elkaar te gebruiken.

Maar hiermee heb'k eigenlijk nog geen antwoord op m'n vraag...
B

Bengie

Legacy Member
geef die div waar die random image inzit een uniek id zoals


PHP: 
<div id="randomImage><script language="JavaScript">
					<!--
					function random_imglink(){
					  var myimages=new Array()
					  //specify random images below. You can have as many as you wish
					
					myimages[1] = 'images/left/left2.jpg'
					myimages[2] = 'images/left/left3.jpg'
					myimages[3] = 'images/left/left4.jpg'
					myimages[4] = 'images/left/left5.jpg'
					myimages[5] = 'images/left/left6.jpg'
					myimages[6] = 'images/left/left7.jpg'
					myimages[7] = 'images/left/left8.jpg'
					myimages[8] = 'images/left/left9.jpg'
					myimages[9] = 'images/left/left10.jpg'
					myimages[10] = 'images/left/left11.jpg'
					myimages[11] = 'images/left/left12.jpg'
					myimages[12] = 'images/left/left1.jpg'
					
					
					  var ry=Math.floor(Math.random()*myimages.length)
					
					  if (ry==0)
						 ry=1
						 document.write('<img src="'+myimages[ry]+'">')
					}
					random_imglink();
					//-->
				</script></div>

in je css voeg je toe

#randomImage {
position: absolute;
top: ..px;
left: ..px;
en nog wat style-css indien nodig
}

je div zal nu vast gepositioneerd worden op die plaats tov je container div
o

orez

Legacy Member
@hierboven... ooit al bij stilgestaan als zijn content groter wordt en zijn "tabel" dan uitrekt dat hij blijft gepositioneerd staan tegenover de top... en dus niet zal "mee uitrekken"...

@topicstarter, snelheid van opzetten van deze site is echt een flauw excuus, ik zet nog sneller een site op poten met divs dan met tables hoor...

En mijn antwoord is wel degelijk een antwoord, moest je alles nu eens logisch gebruiken zou het veel beter zijn om uw oplossing te bekomen, en trouwens, die image als background image gebruiken zou ook veel intressanter zijn.
B

Bengie

Legacy Member
orez zei:
@hierboven... ooit al bij stilgestaan als zijn content groter wordt en zijn "tabel" dan uitrekt dat hij blijft gepositioneerd staan tegenover de top... en dus niet zal "mee uitrekken"...
Klik om te vergroten...

idd, daar had ik dus ni aan gedacht :x
stupid me :doh:
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan