CSS elementas top-borderyje

Sveiki, gal yra idėjų, kaip padaryti štai tokį dalykutį su CSS?

ten kur klaustukai noriu sukurti divą. Esmė ta, kad yra divas(stačiakampis) ir noriu jam ant virštunio borderio, centre, padaryti dar vieną divą, kaip kad parodyta paveiksliuky (kur ??????). Galit kas pamokint gal? :D

<div class="staciakampis">

<div class="antraste"></div>

</div>

.antraste { position: relative; top: -15px; }

Su css margin man atrodo išeit turėtų

<div class="staciakampis">

<div class="antraste"></div>

</div>

 

.antraste { position: relative; top: -15px; }

turėjau tokį variantą giliai minty, bet atmečiau, kadangi jei ateis su dideliu monitorium(arba mažu) ar vaizdas neišsikraipys?

Bus problmeų su suderinamumų skirtingose naršyklėse. reikia daryti su position:

Daugiau apie tai: http://css.flepstudio.org/en/css-properties/position-static-absolute-relative-static.html

turėjau tokį variantą giliai minty, bet atmečiau, kadangi jei ateis su dideliu monitorium(arba mažu) ar vaizdas neišsikraipys?

Neišsikraipys ;]

Bus problmeų su suderinamumų skirtingose naršyklėse. reikia daryti su position:

 

Daugiau apie tai: http://css.flepstudio.org/en/css-properties/position-static-absolute-relative-static.html

neįleidžia į tinklapį, rašo, kad turi virusą :D

turėjau tokį variantą giliai minty, bet atmečiau, kadangi jei ateis su dideliu monitorium(arba mažu) ar vaizdas neišsikraipys?

Kad neišsikraiptytu, tau reikia konteinerio su fiksuotu pločiu, ir jame nustatyti posizijas tu div'ų.

Kad neišsikraiptytu, tau reikia konteinerio su fiksuotu pločiu, ir jame nustatyti posizijas tu div'ų.

gerai, dėkui visiems, panašu, kad pavyko!

http://i.imgur.com/8lsg2.gif

turėjau tokį variantą giliai minty, bet atmečiau, kadangi jei ateis su dideliu monitorium(arba mažu) ar vaizdas neišsikraipys?

tam sukurti wrapperiai.

<div class="staciakampis">

<div class="antraste"></div>

</div>

 

.antraste { position: relative; top: -15px; }

Nesąmonė. Siūlyčiau pasidomėti, kas yra 'position: relative;'. Tvarkingai: http://jsfiddle.net/LQ8YN/

Nesąmonė. Siūlyčiau pasidomėti, kas yra 'position: relative;'. Tvarkingai: http://jsfiddle.net/LQ8YN/

Ok :DD

Ok :DD

Nieko tokio, jei nesupranti - kadanors suprasi :)

Aš tiesiog nematau tikslo su tavim ginčytis, nes jei pakomentuočiau ką nors temoje apie santechniką, tu vistiek parašytum "nesamonė" :D

Nežinau, gal tau koks principo reikalas yra visada su visais pasiginčyti, bet man jau juokinga kai tu komentuoji :D

Nieko tokio, jei nesupranti - kadanors suprasi :)

matau nusimatai css, tai gal turi ką pasiūlyti dėl footerio? pas mane jis ant visų naršyklių prisispaudęs prie apačios kaip ir turi būt, bet su chrome po juo dar likęs plyšys kokių 2px, jo ten neturi būt. postinion: absolute nustatyta, bandžiau padaryti bottom:0; bet šito man nereikia

matau nusimatai css, tai gal turi ką pasiūlyti dėl footerio? pas mane jis ant visų naršyklių prisispaudęs prie apačios kaip ir turi būt, bet su chrome po juo dar likęs plyšys kokių 2px, jo ten neturi būt. postinion: absolute nustatyta, bandžiau padaryti bottom:0; bet šito man nereikia

CSS resetą naudoji?

Aš tiesiog nematau tikslo su tavim ginčytis, nes jei pakomentuočiau ką nors temoje apie santechniką, tu vistiek parašytum "nesamonė" :D

 

Nežinau, gal tau koks principo reikalas yra visada su visais pasiginčyti, bet man jau juokinga kai tu komentuoji :D

Šiuo atveju esi neteisus. Tavo būdas suveiktų, bet teisinga būtų naudoti wicked būdą :) Apie css position rekomenduoju paskaityti čia - https://developer.mozilla.org/en-US/docs/CSS/position

Aš tiesiog nematau tikslo su tavim ginčytis, nes jei pakomentuočiau ką nors temoje apie santechniką, tu vistiek parašytum "nesamonė" :D

 

Nežinau, gal tau koks principo reikalas yra visada su visais pasiginčyti, bet man jau juokinga kai tu komentuoji :D

Nesusireikšmink - nesėdžiu ir nelaukiu, pakol kažką pakomentuosi, tam, kad paprieštaraučiau tau. Tiesiog, niekad neprieštarauju be priežasties :)

CSS resetą naudoji?

ne