De gangene man IKKE vil ha ramme om bildene....?

[Eva]

I denne tråd, fikk jeg en masse gode råd i fht ramme om bildene. Jeg fulgte Tonny's råd om å legge inn denne: img {border:1px #39181b solid; padding: 1px;}

Det fungerer jo bra, men inn i mellom er det bilder jeg IKKE ønsker ramme om. Hva gjør jeg for å få en ramme bort fra et bestemt bilde i et innlegg/på en side?

Zapotek skrev, at jeg kunne lage en såkalt klase som heter Border. Jeg forsto ikke hvordan jeg skulle gjøre det, og turde ikke mase mer enn det jeg allerede hadde gjort i tråden. Har nå samlet meg litt mot, og vil gjerne spørre om noen kan forklare (gjerne litt utskåret...) hvordan jeg gjør det?

 

[zapotek]

I css fila di legger du inn dette:

.border {border:1px #ccc solid; padding: 2px;}

Hver gang du trenger et bilde MED ramme bruker du:
<img src="bildet.jpg" class="border"/>

Hver gang du trenger et bilde UTEN ramme bruker du:
<img src="bildet.jpg"/>

 

[agrimsrud]

En annen mulighet er jo å legge inn img {border:0;}, men i det lange løp er nok tipset til zapotek det mest effektive!

Stryker siste - jeg ser at jeg ikke svarte på spørsmålet...

Men om du legger et bilde inn i en post/på en side, kan du velge bildet, åpne Advanced settings og legge inn border:0; i feltet "style". (Heter kanskje noe annet om du har norsk installasjon : )

 

[Eva]

Takk for svar dere, men er usikker på om jeg forstår.

Nå har jeg har lagt inn .border {border:1px #ccc solid; padding: 2px;} i CSS-filen, men så forsvinner jo alle rammer. Likte bedre da jeg hadde img {border:1px #ccc solid; padding: 2px;}, så alle bilder har ramme automatisk. Kan jeg ikke beholde den?, og så redigere de få bilder hvor jeg ikke vil ha ramme - ved å endre på kildekoden i det aktuelle innlegg/der jeg skriver innlegget?

I et innlegg har jeg tre bilder, i et av dem ønsker jeg IKKE bord rundt. Akkurat HVOR i teksten skal jeg sette inn <img src= ? (eller gjøre noe annet)

<img alt="" height="100" src="http://minblogg.no/wp-content/uploads/mittbilde.jpg" width="100" />

Skal jeg simpelthen bytte ut <img alt= med <img src= ??

 

[Børge AJ]

Legg inn dette i style.css:

.noborder {border:0;}

Så bruker du denne koden når du skal legge til bilder uten ramme:
<img src="bilde.jpg" class="noborder" />

 

[Tonny Kluften]

<img alt="" height="100" src="http://minblogg.no/wp-content/uploads/mittbilde.jpg" width="100" />

Skal jeg simpelthen bytte ut <img alt= med <img src= ??

Nei, slik:
<img alt="" height="100" src="http://minblogg.no/wp-content/uploads/mittbilde.jpg" width="100" class="noborder"/>

 

[Børge AJ]

Takk for svar dere, men er usikker på om jeg forstår.

Nå har jeg har lagt inn .border {border:1px #ccc solid; padding: 2px;} i CSS-filen, men så forsvinner jo alle rammer. Likte bedre da jeg hadde img {border:1px #ccc solid; padding: 2px;}, så alle bilder har ramme automatisk. Kan jeg ikke beholde den?, og så redigere de få bilder hvor jeg ikke vil ha ramme - ved å endre på kildekoden i det aktuelle innlegg/der jeg skriver innlegget?

I et innlegg har jeg tre bilder, i et av dem ønsker jeg IKKE bord rundt. Akkurat HVOR i teksten skal jeg sette inn <img src= ? (eller gjøre noe annet)

<img alt="" height="100" src="http://minblogg.no/wp-content/uploads/mittbilde.jpg" width="100" />

Skal jeg simpelthen bytte ut <img alt= med <img src= ??

Leste ikke godt nok jeg.
Hvis du trykker på "HTML" i stedet for "Visuell", så finner du HTML-kodene som har blitt laget av den visuelle editoren. Hvis du har lagt til bilder, så finner du noen <img>-tags der, dette er HTML-koden som viser bildet ditt. Legg til class="noborder" (husk mellomrom før og etter) inni <img>-tagen, hvis class="" ligger der fra før, så bare legg til noborder inni der.

 

[Eva]

Tuuusen takk Børge og Tonny, for enkle, presise og lett forståelige svar. Vet da ikke hva jeg hadde gjort uten dette forum her!!

 

[Tonny Kluften]

Tuuusen takk Børge og Tonny, for enkle, presise og lett forståelige svar. Vet da ikke hva jeg hadde gjort uten dette forum her!!

Ikke jeg heller