Nvu

Status
Niet open voor verdere reacties.
L

Latias

Gebruiker
Lid geworden
19 feb 2006
Berichten
440
Ik was bezig iets te maken met NVU, maar toen stuitte ik op een probleempje :confused:

Ik wou namelijk dit:

texttexttext
texttexttext plaatje
texttexttext


Maar inplaats van dat krijg ik steeds:

texttexttext
texttexttext
plaatje
texttexttext


Weet iemand hoe ik het plaatje achter de text krijg? :o
 
Achter of naast?

Dingen ergens naast krijgen kun je met het CSS element float: (left|right) doen.
 
Naast ;)

Ik heb nog niet echt veel verstand van NVU.. Kan ik ergens dat CSS element invoeren? :o
 
Geen idee hoe NVU precies werkt, kun je niet alleen de HTML-code zien?

Dan moet je bij de afbeelding deze code zetten: style="float: right;" (Netter is via een aparte klasse of ID)
 
Dit heb ik in de code;

<img style="width: 50px; height: 350px;" ..........

Waar moet style="float: right;" dan precies komen?

Zo?

<img style="width: 50px; height: 350px;" style=float: right;" .........
 
Ah, je hebt al een style aangeroepen. :)

Kwestie van er aan toevoegen ;)

HTML: 
<img style="width: 50px; height: 350px; float: right;"
 
Het is gelukt, maar nu staat hij helemaal rechts van het scherm.. Kun je ook intstellen dat hij gelijk naast de tekst staat? :thumb:
 
Zou kunnen, wanneer je de tekst en de afbeelding float: left; geeft.

Ben er niet zeker van (weet ook niet hoe de rest van je site er uit ziet) maar het zou er voor moeten zorgen dat hij direct naast de tekst komt.
 
Dat is in principe hetzelfde, maar dan links.. Ik wil hem graag rechts van de tekst :o
 
Heb je het geheel online staat? Zo ja, graag een link.

Zo niet, zou je dan de code hier tussen
HTML: 
...
 willen plaatsen?
 
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>PyroFire</title>
</head>
<body style="color: rgb(255, 102, 0); background-color: rgb(0, 0, 0);" alink="#000099" 

link="#000099" vlink="#990099">
<div style="text-align: justify;"><img 

src="file:///C:/Documents%20and%20Settings/Administrator/Mijn%20documenten/Mijn%20video%27s

/Johan%27s%20Map/Site/Header.png" alt="Header" style="width: 900px; height: 88px;"><br>
<br>
<div style="text-align: left;"><span style="font-family: Arial;">&nbsp; &nbsp; 

&nbsp;</span><span style="font-weight: bold; font-family: Arial; color: rgb(250, 124, 

0);">Home</span><br style="font-family: Arial; color: rgb(250, 124, 0);">
<span style="font-family: Arial; color: rgb(250, 124, 0);">&nbsp; &nbsp; &nbsp; </span><br 

style="font-family: Arial; color: rgb(250, 124, 0);">
<span style="font-family: Arial; color: rgb(250, 124, 0);">&nbsp; &nbsp; </span><span 

style="font-weight: bold; font-family: Arial; color: rgb(250, 124, 0);">&nbsp;Filmpjes 

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img style="width: 2px; height: 557px; float: left;" 

alt="lijn" 

src="file:///C:/Documents%20and%20Settings/Administrator/Mijn%20documenten/Mijn%20video%27s

/Johan%27s%20Map/Site/Lijn.png"></span><br style="font-family: Arial; color: rgb(250, 124, 

0);">
<br style="font-family: Arial; color: rgb(250, 124, 0);">
<span style="font-family: Arial; color: rgb(250, 124, 0);">&nbsp;</span><span 

style="font-weight: bold; font-family: Arial; color: rgb(250, 124, 0);"> &nbsp; 

&nbsp;Foto's</span><br style="font-weight: bold; font-family: Arial; color: rgb(250, 124, 

0);">
<br style="font-weight: bold; font-family: Arial; color: rgb(250, 124, 0);">
<span style="font-weight: bold; font-family: Arial; color: rgb(250, 124, 0);">&nbsp; &nbsp; 

&nbsp;Contanct</span><br>
</div>
</div>
</body>
</html>
 
En om welke afbeelding gaat het? Header of Lijn?

(Je weet trouwens dat je afbeeldingen niet gaan werken wanneer je het geheel upload als je het zo laat? src="file://" refereert naar een afbeelding op de computer van degene die de site bekijkt)
 
Ehm, ik denk dat ik dat wel een beetje wist, maar hoe het dan wel moet.. :S
Ik maak het geheel gewoon met VNU en die stelt dus ook de HTML code samen.

Maar voor de duidelijkheid, het gaat om lijn.
Moet je de plaatjes ook hebben misschien?
 
Plaatjes heb ik niet per sé nodig.

Hoe je het wel moet doen is het relatieve pad gebruiken.
Het handigste is om in dezelfde map als waar je het HTML-bestand hebt staan een nieuwe map te maken genaamd images. Vervolgens gebruik je voor de afbeeldingen src="images/{afbeelding-naam}".

Ik kom later op je vraag terug.
 
Bedankt voor de tip, dat gaat wel lukken denk ik.
Doe ik dat ondertussen en dan zie ik vanzelf wanneer je op mijn vraag teruggekomen bent :thumb:
 
Hoelang duurt 'later'? :p Als je geen tijd hebt, ik zal niet verder opdringen hoor:o
Of is er misschien iemand anders die het weet?
 
Heb er inderdaad niet zo veel tijd voor vrij kunnen maken :o, als je de afbeeldingen hier nog even als bijlage kunt plaatsen kan ik nogmaals een poging doen :)

Wat mij al wel opviel is dit:
HTML: 
<img style="width: 2px; height: 557px; float: left;" alt="lijn" src="">
Waarom 2px breed en 557px hoog? Misschien begrijp ik dat ook wanneer ik de afbeelding zie :)
 
Ik heb de het HTML bestand en de Images even in een .rar gezet bij de bijlage :)
 

Bijlagen

Komt ie:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
	<title>PyroFire</title>
	<style>
	.header {
		margin-left: 197px;
	}
	.menu {
		width: 200px;
		height: 700px;
		float:left;
		background: url('Images/Lijn.png') right repeat-y;
	}
	.menu ul {
		list-style: none;
	}
	.content {
		float: left;
		margin: 5px;
	}
	</style>
</head>
<body style="color: rgb(255, 102, 0); background-color: rgb(0, 0, 0);" alink="#000099" link="#000099" vlink="#990099">
<div class="header">
	<img style="width: 900px; height: 88px;" alt="header" src="Images/Header.png">
</div>
<div class="menu">
	<ul>
		<li>Home</li>
		<li>Filmpjes</li>
		<li>Foto&acute;s</li>
		<li>Contact</li>
	</ul>
</div>
<div class="content">
 Hier de inhoud
</div>
</body>
</html>
Niet echt veel overgebleven van je originele code maar ik neem aan dat je dit bedoelde :)
Site is nu opgebouwd door middel van CSS.

Kijk maar of dit hetgeen was je bedoelde en of je het begrijpt ;)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan