Lage bildecontainer

Lage bildecontainer

Innleggav Kstilk » lør 07.05.2011 17:19

Har 4 identiske (størrelsesforhold) bilder som skal plasseres på siden jeg er i gang med å skrive. Foreløpig har jeg skrevet en div for hvert av dem, som jeg også har skrevet en referanse/class til. Skulle gjerne likt å skrevet bildene inn i en container, slik at jeg kan posisjonere denne som jeg vil, uten å skulle skrive nye koordinater for hvert bilde.

Ytterligere, noen som kan komme med et bud på en enkelt måte å posisjonere <hr> og border-linjer som man ønsker, uten at de påvirker tekstobjektene de har relasjoner til?

Håper det er forståelig.
medlem i 185 måneder
 

Re: Lage bildecontainer

Innleggav skrukketroll » søn 08.05.2011 10:55

Hadde vært lettere om du hadde postet koden din eller et eksempel. Kan du ikke bare lage en div rundt alle fire bildene samlet? Det høres ut som om du har en div rundt hvert bilde, også en class på hver av div-ene - det virker umiddelbart som smør på flesk da du kan (avhengig av hva du er ute etter) gi dem en og samme samme class direkte på img-taggen. Hvis du er ute etter å gi hvert bilde en unik div ville kanskje brukt id istedenfor class, men hvis du har fire like class så trenger du i prinsippet bare en.

Hvordan påvirker hr og border teksten din? Litt lettere å hjelpe dersom du kan gi et konkret eksempel. :-)
medlem i 181 måneder
 

Re: Lage bildecontainer

Innleggav Kstilk » søn 08.05.2011 17:26

<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml/DTD/xhtml1-transitional.dtd">
<html xmlns-"http://www.w3.org/1999/xhtml">


<head>
<title> HOEM-FOL.no </title>
<style type="text/css">

.header {
color: black;
margin-left: 40px;
width:230px;
font-size: 4.1em;
}

.ark {
margin-left: 42px;
width:230px;
font-size:0,9em
}


.navigasjon {
font-size: 0.7em;
}


.navigasjonNORSK {
font-size: 0.7em;
}


.navigasjonNORSK
a:link {
color: black;
font-style: italic

}


</style>



</head>

<body>


<basefont face="Verdana, Helvetica, sans-serif"/>
<font face="Helvetica, Verdana">

<body
bgproperties="fixed"
marginwidth="0px"
topmargin="30px"
vlink="black"
alink="da4e34"
link="black"
>
</body>

<hr
width=261px
color=black
size=5
align="left"
/>

<p>
</p>

<div
class="ark" <a>
Arkitektene
</a>
</div>


<hr
width=261px
color=black
size=1
align="left"
/>




<div
class="header"
<a
style="text-decoration:none"
href="http://hoem-fol.no"
<b>
HOEM-FOL.
</b>
</a>
</div>


<hr
width=261px
color=black
size=5
align="left"
/>





<!-- Grafik -->



<div
style="position:absolute;top:50px;left:430px"
class="lhytte">

<a href="http://hoem-fol.no/work/hytter"
<img src="logo_hytte.png"
height="230px"
width="230px"
/>
</a>
</div>

<div
style="position:absolute;top:50px;left:680px"
class="lleil">

<a href="http://hoem-fol.no/work/leil"
<img src="logo_leil.png"
height="230px"
width="230px"
/>
</a>
</div>

<div
style="position:absolute;top:300px;left:430px"
class="leneb">

<a href="http://hoem-fol.no/work/eneb"
<img src="logo_eneb.png"
height="230px"
width="230px"
/>
</a>
</div>

<div
style="position:absolute;top:300px;left:680px"
class="lpb">

<a href="http://hoem-fol.no/work/pb"
<img src="logo_pb.png"
height="230px"
width="230px"
/>
</a>
</div>






-------------------------------------------------------------------------------------------------


Tror du har forstått meg helt korrekt, jeg ønsker å komme dithen hvor jeg har én div for alle fire bildene under grafik. At det skrives noen koordinater bildene skal forholde seg til seg i mellom og en div rundt dette hvor jeg kan skrive ett nytt koordinatset for å flytte alle fire bildene en gang.

Fantastisk med hjelp!

-------------------------------------------------------------------------------------------------

EDIT: Løste bildeproblemet med en div og span-tag før og etter grafikk-kodene.

Apropos HR-sprørsmålet lurer jeg hvorvidt det er mulig å posisjonere disse linjene uavhengig av objektene de omgis av. Feks rykker den omliggende teksten seg om jeg rykker linjen.
medlem i 185 måneder
 


Returner til CSS



Hvem er i Forumene

Registrerte brukere: Google [Bot]



cron