Vierkante lijn om tekst HTML

[ItsNaud]

Hallo ik heb deze script (zie hieronder) en ik wil daar graag een vierkante lijn omheen, hoe kan ik dat doen? Zie ook de afbeelding voor meer informatie!

<div id="frame" class="outline">
	  <p><center><a href="index.html"><img src="images/logo2.jpg" width="165" height="27"  /></center></a></p>
	  <h1>&nbsp;</h1>
			<p>
			<center>Op dit moment vindt er onderhoud plaats aan de website.<br /> Probeer het later nog eens. </center></p>

 

[Milenko]

Dat kan met CSS. Ik weet niet of je daar verstand van hebt? Met onderstaande code komt er wel een mooi lijntje dacht ik zo.

div#frame {
 height: auto;
 width: auto;
 padding: 5px;
 border-collapse: collapse;
 border: 1px solid black;
}

Vergeet niet je div af te sluiten met een </div> in je code!

 

[ItsNaud]

Ik gebruik Dreamweaver waar moet ik dat dan neerzetten (kijk ook naar de afbeelding) er moet een lichte lijn zijn in een vierkant die om het plaatje en de tekst komt!

 

[gebruiker78]

Tja leer eens echt programmeren en geen gebruik te maken van GUI / WYSIWYG programma's.
Maargoed er moet ergens in dat programma een optie zijn: "Source code" nl "Bron code"
daar moet je vind je dan waarschijnlijk een .css bestand en daar moet je dat kleine stukje code in zetten.

 

[ItsNaud]

Heb het in het css gedeelte geplakt maar er komt nog geen rand omheen!

 

[gebruiker78]

ten eerste sluit je code goed </div>
en dan deze code:

#frame {
 height: auto;
 width: auto;
 padding: 5px;
 border-collapse: collapse;
 border: 1px solid black;
}