sliter veldig med en tabell.

[smurfine]

Har slitt med dette en evighet nå, men får det ikke til.

her er originalsiden: http://www.dikemarkrideskole.no/rideskolehester.htm

Jeg skal lage en identisk side, men denne gangen i css (den første linken er laget i dreamweaver uten css), helst uten tabeller. Her er resultatet mitt så langt: http://www.dikemarkrideskole.no/dike/?q=rideskolehester. Som dere ser kommer ikke bildene ved siden av hverandre. Ikke teksten heller. Vil ha det slik som på den første linken. Håper noen kan hjelpe meg, dette problemet har irritert meg lenge nå

 

Her er html koden min:

 

<div class="overskrift_rideskolehester">Tiki</div>

<div class="info_rideskolehester">

<div><img src="Bilder/rideskolehester/tiki/tiki_small.jpg"><img src="Bilder/rideskolehester/tiki/tiki3_small.jpg">Tiki er en av rideskolens favoritter. Hun er en dansk sportsponni og bruker både i dressur og sprang.</div>

</div>

 

og her er tilhørende klasser i css:

 

.overskrift_rideskolehester

{

width: 640px;

font-size: 13px;

border: 2px #000;

border-style: solid solid none solid;

background-color: #8ABDF4;

margin-left: 15px;

font-weight: bold;

}

 

.info_rideskolehester

{

width: 640px;

height: 133px;

font-size: 12px;

border: 2px solid #000;

margin-left: 15px;

}

[Semikolon]

no ekje eg med.. for meg såg det no ut som det var rett.. begge var for meg ganske like...

[smurfine]

var begge linkene like? Hos meg kommer bildene ikke rett ved siden av hverandre og teksten kommer delvis under bildene. Kan det være IE som gjør det? Jeg vil gjerne fikse det så man kan se det skikkelig i IE også

[Semikolon]

det var ei blå og ei gul side.. begge var ganske like, berre innhaldet og litt stilen som var forskjellige.. eg kjører IE 6 med SP1 i windows xp..

 

skal prøve med Netscape 7.1 og

[Semikolon]

okay, sorry eg missforstod litt.. samme her.. mellomrom mellom bilda og litt av teksten attmed og resten under..

 

men det er fordi det er sett inn i ein div alt sammen, samme som å sette alt i ei celle.. då blir det sånn..

[Smidt]

det smurfine sikkert mener om jeg ikke tar feil er at mellomrommet mellom de to bildene er større i siste versjonen enn i første. teksten fortsetter også under bildene noe som sikkert heller ikke er meningen.

[cfenzo]

lag en ny div i samme div som du har tekst og bilder, float: left; den, og legg bildene inne i den.. << kort og ikke-teknisk forklart.. si i fra om du vil ha eksempel...

[Semikolon]

ja, men det er vel ikkje mulig å få til når alt er samla i ein div? eller ei celle.. det må tre til for at det skal virke, og etter det eg har opplevd med div, går det ikkje an å ha tre "attmed" kverandre sånn helt uten videre..

 

EDIT: men eg kan vere feil,...........

Endret 13. mars 2004 av Semikolon

[cfenzo]

<div class="info_rideskolehester">

<div style="float: left;"><img src="Bilder/rideskolehester/tiki/tiki_small.jpg"><img src="Bilder/rideskolehester/tiki/tiki3_small.jpg"></div>Tiki er en av rideskolens favoritter. Hun er en dansk sportsponni og bruker både i dressur og sprang.

</div>

 

 

prøv det der... og hvis det funker bra, så legg float: left; i en egen class for den div'en..

 

 

edit> og event sett:

 

.class_du_setter_til_den_div-en img { margin-right: 10px; }

I tillegg.. for å få avstand mellom bildene, og også mellom teksten og bildene...

Endret 13. mars 2004 av cfenzo

[smurfine]

hm du mente det ikke slik vel? for det fungerer ikke. Se på sida nå:

http://www.dikemarkrideskole.no/dike/?q=rideskolehester. Er litt bedre nå, men skulle gjerne fiksa det ordentlig. Hadde vært fint om en av dere kunne retta opp feilen for meg for jeg er visst helt håpløs

 

Her er html koden:

 

<div class="overskrift_rideskolehester">Tiki</div>

<div class="info_rideskolehester">

<div><img class="float_left_rideskolehester" src="Bilder/rideskolehester/tiki/tiki_small.jpg">

<img class="float_left_rideskolehester" src="Bilder/rideskolehester/tiki/tiki3_small.jpg">

Tiki er en av rideskolens favoritter. Hun er

en dansk sportsponni og bruker både i dressur og sprang.</div>

</div>

 

og css'et:

 

.overskrift_rideskolehester

{

width: 640px;

font-size: 13px;

border: 2px #000;

border-style: solid solid none solid;

background-color: #8ABDF4;

margin-left: 15px;

font-weight: bold;

}

 

.info_rideskolehester

{

width: 640px;

height: 133px;

font-size: 12px;

border: 2px solid #000;

margin-left: 15px;

}

 

.float_left_rideskolehester

{

float: left;

}

[Semikolon]

<div class="info_rideskolehester">

<div style="float: left;"><img src="Bilder/rideskolehester/tiki/tiki_small.jpg"><img src="Bilder/rideskolehester/tiki/tiki3_small.jpg"></div>Tiki er en av rideskolens favoritter. Hun er en dansk sportsponni og bruker både i dressur og sprang.

</div>

 

 

prøv det der... og hvis det funker bra, så legg float: left; i en egen class for den div'en..

 

 

edit> og event sett:

 

.class_du_setter_til_den_div-en img { margin-right: 10px; }

I tillegg.. for å få avstand mellom bildene, og også mellom teksten og bildene...

blir ikkje teksten under bilda no? trur ho ville ha den attmed..

 

 

 

OT: eg veit om to jenter som er i webdesign miljøet, og begge driver med hestar

[cfenzo]

nei... legg en div kun rundt bildene.. slik jeg viser i innlegget over ditt...

bildene lar du være som de er... eller gjør som jeg viste i "edit"-biten...

[smurfine]

ok, jeg prøvde koden din, men det fungerer fortsatt ikke. Sjekk http://www.dikemarkrideskole.no/dike/?q=rideskolehester nå, og sourcen. Har da bare copy/pasta koden din. Er ingenting som går min vei idag

Endret 13. mars 2004 av smurfine

[cfenzo]

du er nødt til å fjerne den her fra koden din:

 

 

img

{

margin-left: 48px;

}

 

den lager venstre-margin på alle bildene.. derfor er det så stort mellomrom..

[smurfine]

hehe *pinlig. La ikke merke til den nei Men nå fungerer det ja. http://www.dikemarkrideskole.no/dike/?q=rideskolehester. Finnes det en kode for å stille teksten midt i så det også blir litt margin på venstre og høyre siden, samt topp og bunn? Eller må jeg lage en klasse på teksten og stille inn margin-right, left, bottom og top?