Avatar billede cautoo Nybegynder
25. juli 2003 - 15:49 Der er 34 kommentarer og
2 løsninger

Bløde DIV kanter

Nogen der kan hjælpe mig? jeg kunne godt tænke mig at lave (helst som class i CSS) bløde kanter, altså hvis man eksempel kan få lavet billeder rundt i kanterne af en DIV, det skal helst være sådan at det selv tilpasser sig udfra hvilken bredde man har sat, og evt. højde?
Avatar billede lordhead Nybegynder
25. juli 2003 - 15:55 #1
det kan du ikke...
Avatar billede cautoo Nybegynder
25. juli 2003 - 15:57 #2
man ser da tit billedkanter eksempelvis på http://www.jubii.dk og der har jeg da måtte konstatere at det er classes på DIV's, men de har så meget upragtisk kode at jeg ikke kan overskue at finde det...
Avatar billede lordhead Nybegynder
25. juli 2003 - 15:59 #3
det de har gjordt er at bruge baggrunds billeder - deres divs har som du kan se en fast bredde. det du siger kan man ikke!
Avatar billede exp Juniormester
25. juli 2003 - 15:59 #4
det er grafik...
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:01 #5
hmm... kan i så ikk give et eksepmel på classes hvor det har en fast bredde?
Avatar billede exp Juniormester
25. juli 2003 - 16:01 #6
Avatar billede exp Juniormester
25. juli 2003 - 16:02 #7
<div class="fastbredde">tekst</div>

.fastbredde {
  width: 150px;
}
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:02 #8
med alm. HTML kode ved jeg det kan lade sig gøre at lave med tilfældige størrelser, kan i give et eksempel på kode til det?
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:03 #9
^^hvorhende referer du til billedet?
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:03 #10
der skal du bruge tabeller
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:03 #11
og der skulle også gerne bund på?
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:04 #12
.fastbredde {
  width: 150px;
  height: 300;
}
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:05 #13
jeg er ligeglad med om siderne bare er DIV'ens border, bare jeg har toppen og bunden...
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:05 #14
nååårrhh nu tror jeg vi forstår hinanden... jeg kommer med noget kode!
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:05 #15
må også gerne være tabeller
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:07 #16
i dit html dokument :

<div class="fastbredde">
<img src="top.gif">
<p>Indholdstekst</p>
<img src="bund.gif">
</div>

- så er der en bund og en top - du skal bare sætte tekst i <p>...</p> feltet!
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:08 #17
sådan plejer jeg iværtfald at gøre det i <div>'s
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:09 #18
og hvis du samtidigt vil have en grafisk border skal du bare tilføje et baggrunds-billede fra dit stylesheet!
Avatar billede oneskarvonly Nybegynder
25. juli 2003 - 16:11 #19
er vi ikke enige om at rammen skal kunne skalere ?
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:13 #20
det har cautoo dokumenteret for at det ik skal!
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:13 #21
hmmm.... kan jeg ikk få dig til at give det eksempel med tabellen?
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:14 #22
nu skal jeg lige høre; skal den have en skalerbar venstre side og en skalerbar højre side??
Avatar billede oneskarvonly Nybegynder
25. juli 2003 - 16:17 #23
Jeg plejer at lave det på følgende måde:

Forestil dig en tabel på 3x3 felter, altså 9 felter ! i hvert hjørne ( felt 1,3,7,9) lægger jeg en hjørnegrafik (gif) med transparent baggrund. I felt 2,4,6,8 lægger jeg en stump grafik ind via en style hvorpå der er en repeatfunktion. I felt 5 ligger min "body" altså det felt hvor indholdet skal være. Uanset om jeg skalerer tabellen i breeden eller højden, vil den vokse!
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:18 #24
Jeg kan godt nøjes med at den har en fast bredde, så laver jeg bare flere classes, og det er også fint med <img inde i DIV'en, men <P> koden giver stort mellemrum fra billede til tekst, hvilket jeg ikke ønsker, kan det ændres? det jeg ønsker, er at så meget som muligt er i classkoden sådan at i selve <DIV> koden er der ikke så meget
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:20 #25
i dit stylesheet skriver du følgende:

.fastbredde p {
  margin:0px;
}
Avatar billede lordhead Nybegynder
25. juli 2003 - 16:20 #26
du kan også bruge den nemme løsning: <p style="margin:0px;">...</p>
Avatar billede exp Juniormester
25. juli 2003 - 16:22 #27
<div class="fastbredde">
<img src="top.gif">
<div>divIndholdstekst</div>
<img src="bund.gif">
</div>
Avatar billede cautoo Nybegynder
25. juli 2003 - 16:29 #28
Tak for hjælpen, kigger lidt på det...
Avatar billede oneskarvonly Nybegynder
25. juli 2003 - 16:53 #29
Her er et eksempel.....

http://www.skarven.dk/scaletable/
Avatar billede oneskarvonly Nybegynder
25. juli 2003 - 16:55 #30
Sig til hvis du skal ha´koden.....
Avatar billede cautoo Nybegynder
25. juli 2003 - 17:08 #31
jeg vil gerne have koden hvis du evt. gider zippe den med billeder og sådan, så har jeg noget at gå efter :D
Avatar billede oneskarvonly Nybegynder
25. juli 2003 - 17:13 #32
Avatar billede cautoo Nybegynder
25. juli 2003 - 17:17 #33
Tak for det
Avatar billede oneskarvonly Nybegynder
26. juli 2003 - 01:50 #34
var det til nogen hjælp - ellers må du sige til....?
Avatar billede cautoo Nybegynder
27. juli 2003 - 00:03 #35
jaja, jeg prøver at bygge lidt ud fra de forskellige eksempler...
Avatar billede lordhead Nybegynder
28. juli 2003 - 00:02 #36
Takker for points :) håber du kan bruge det!
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester