rand om afbeelding / link

Status
Niet open voor verdere reacties.
duuren1974

duuren1974

Gebruiker
Lid geworden
5 jan 2005
Berichten
129
Het lukt me wel om rand (border) om een afbeelding te maken. Alleen hoe pas ik de kleur aan?

En als ik een link van de afbeelding maak, verdwijnt de rand weer!

Vreemd is ook dat ik wel een dikke rand (10px) om een afbeelding in dreamweaver kan maken. Maar zodra ik de site open in Explorer, is de rand niet te zien!

Wie kan mij helpen met het hoofdstuk 'randen' (borders) ???
 
Hoe heb je de randen nu gemaakt?
Via het "Design"-scherm, HTML-code of via CSS?
 
Via het design scherm. Onderin zie je (zodra je op een afbeelding staat) wel de mogelijkheid om een border dikte op te geven. Alleen dus niet een kleur. En vervolgens zie je hem niet in Explorer.

Extra info: het is een pagina die in de basis in Frontpage is gemaakt. Nu ga ik verder met Dreamweaver (CS3).
 
Ik zou het eerder via CSS gaan doen.

Als je naar het "Code"-scherm gaat kijk je even of er al een
HTML: 
<style>
...
</style>
in je <head> staat.

Als dat zo is kijk je of daar al een
PHP: 
img {
 ...
}
staat.

De volledige code die er moet staat zal dit zijn
PHP: 
<style>
img {
  border: 2px #EEEEEE solid;
}
</style>
 
Als ik dit doe, krijgen alle afbeeldingen dezelfde rand. Is er ook een mogelijkheid om het per afbeelding te bepalen?
 
Ik los dit soms op met Photoshop (maar ik weet dus niet of je dat programma hebt) door het canvas te vergroten.
(NL-versie) Ga in het menu naar Afbeelding > Canvasgrootte > Stel de juiste breedte en hoogte in en stel de kleur die het canvas moet krijgen in. Afbeelding opslaan en voilà.
 
Het is mogelijk dit per afbeelding te regelen.

Wat je moet doen is voor elke afbeelding een aparte stijl aanmaken.
PHP: 
.afb1 {
  border: 2px #555555 solid;
}

.afb2 {
  border: 2px #eieiei solid;
}

Vervolgen moet je de naam achter de punt gebruiken bij de class van de afbeelding.

Bij bovenstaande wordt dat in HTML-code
HTML: 
<img src="afbeelding.jpg" alt="" class="afb1" />
<img src="afbeelding.jpg" alt="" class="afb2" />
 
En waar zit ik die PHP code dan? Ik werk tot op heden alleen nog maar met html, dus dat is voor mij nog onbekend terrein.:confused:
 
Hetgeen onder "PHP-code" staat is CSS die moet je in je style zetten :)
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan