tekst 50% venstre side bilde 50% høyre side

tekst 50% venstre side bilde 50% høyre side

Innleggav ray29gjovik » man 26.05.2008 15:05

Slik jeg har det nå så ligger bildet rett under teksten, og lurer på hvordan jeg kan få bildet til å plasere seg ved siden av teksten.

Jeg benytter meg av ‹‹Coda›› og i css har jeg stilt justert teksten til 50% slik at det skal være mulig å ha et bilde som skal stå horisontalt ved siden av teksten.

<p class="uinnrykk">Dette er min webside for å presentere min portefølje.
Med min portefølje så ønsker jeg å kunne vise til mine kunnskaper og ferdigheter. Jeg ønsker spesielt med denne siden å kunne henvise til potensielle arbeidsgivere, kunder, venner og familie</p>

</div>
<div id="bunn">
<img src="bilder/dress.jpg" width="300" height="181" alt="logo" />

</body>


Da håper jeg det er noen som kan hjelpe meg :-)
medlem i 192 måneder
 

Re: tekst 50% venstre side bilde 50% høyre side

Innleggav segrov » man 26.05.2008 15:21

det høres ut som du burde stifte bekjentskap med float:)

Prøv dette:

Kode: Merk alt
<img src="bilder/dress.jpg" width="300" height="181" alt="logo" style="float: left;" />


Du kan så bruke margin til å justere luft, avstand etc til andre elementer (de verdiene bak margin er avstand til objektet for henholdsvis topp, høyre, bunnen og venstre):

Kode: Merk alt
<img src="bilder/dress.jpg" width="300" height="181" alt="logo" style="float: left; margin:-2px 20px 0 0; " />


Lykke til:)
medlem i 249 måneder
 

Re: tekst 50% venstre side bilde 50% høyre side

Innleggav ray29gjovik » man 26.05.2008 16:04

Takk for hjelpen, men får det desverre ikke helt til.

Jeg har html og css separert, hvor jeg har linket html mot css. Linkingen virker.

Slik har jeg gjort det:
HTML
<p class="uinnrykk">Dette er da min webside for å kunne presentere min portefølje.
Med min portefølje så ønsker jeg å kunne vise til mine kunnskaper og ferdigheter
med hva jeg kan innenfor media. Jeg ønsker spesielt å kunne henvise denne siden til arbeidsgivere
,potensielle oppdragsgivere og at venner skal kunne få en liten innsikt i hva jeg driver med.</p>
<img src="bilder/dress.jpg" width="300" height="181" alt="logo" />
<style="float">
</div>



</body>

CSS
#float {
margin;-2px 20px 00;
}

Hmm. Jeg er kanskje ikke helt i form i dag, men det hadde vært kjempefint om du kunne hjelpe meg videre her?

Heia. Fikk det til. Var ikke så vanskelig.

Takker for hjelpen.
medlem i 192 måneder
 

Re: tekst 50% venstre side bilde 50% høyre side

Innleggav Jon » man 26.05.2008 16:30

Du kan ikke skrive <style=float>

Kode: Merk alt
CSS:
.float-left {
float: left;
}

.float-right {
float: right;
}

HTML eksempel.
<p class="float-left">Dette er min side, og denne teksten vil jeg skal stå til venstre</p>
<img class="float-right" src="sti/til/bilde" alt="dette er mitt bilde som skal gå til høyre" />


Evnt. så kan du gjøre som Segrov, og skrive cssen rett i html-dokumentet "style="float: left"

Moderator
Brukerens avatar
medlem i 242 måneder
 

Re: tekst 50% venstre side bilde 50% høyre side

Innleggav martin » tir 03.06.2008 22:21

Selv om du fikk det til, slenger jeg inn et par fine tutorials om floating:
http://css.maxdesign.com.au/floatutorial/

http://www.digital-web.com/articles/web ... 01_floats/

;)

Administrator
Brukerens avatar
medlem i 249 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Ingen registrerte brukere



cron