Avatar billede NielsErikP Mester
18. august 2011 - 23:35 Der er 12 kommentarer og
1 løsning

"Carvede" lodrette rammer???

Hej...
Har et lille spørgsmål, hvordan laver man De lodrette skille linjer mellem kolonnerne, der ser ud som er de "Carvet" i det blå, som f.eks i footeren på eksempelvis  :

  http://www.dba.dk/

Håber der er lidt hjælp at hente her!

På forhånd tak!!
Avatar billede keysersoze Ekspert
18. august 2011 - 23:48 #1
Tænker du på stregerne mellem partnere og interne links samt interne links og andre links? Det er et baggrundsbillede med no-repeat og positioneret top right.
Avatar billede ggxdg Nybegynder
18. august 2011 - 23:54 #2
http://www.dba.dk/images/lim/forside/footerColumnBg.gif

background: transparent url(/images/lim/forside/footerColumnBg.gif) right top no-repeat;



Chrome er freaking awesome til at hjælpe en med sådan noget, bare højreklik på hvad du vil vide noge om, og tryk "vis detaljer om elementet" og så får du kildekoden, samt stylesheet-delen som er associeret med det pågældende element - i dette tilfælde baggrund for et <ul>-element
Avatar billede ggxdg Nybegynder
18. august 2011 - 23:56 #3
Style for hele elementet

#footer ul.column, #footer div.column {
  text-align: left;
  padding: 6px 0px;
  height: 100%;
  width: 25%;
  float: left;
  background: transparent url(/images/lim/forside/footerColumnBg.gif) right top no-repeat;
  margin: 0;
  list-style: none;
}
Avatar billede NielsErikP Mester
19. august 2011 - 00:07 #4
Hej...
Nå.. okay, det simpelthen et baggrunnds billede.
Havde måske lidt en fornemmelse af at det var noget "Border-right" eller sådan noget.
Måske lidt andet sted der skal spørges, men hvordan fabrikerer man så sådan et billede, sådan at det ligner "Carvede" rammer.
Avatar billede ggxdg Nybegynder
19. august 2011 - 01:40 #5
Paintshop eller GIMP, eller et hvilket som helst billedredigeringsprogram.

Hvis billedet der er helt ensfarvet, burde du nu også kunne lave det med border right.

Det "carvede" look tror jeg kommer fra transparent.

Du kan næsten med garanti lave noget tilsvarende uden billed med CSS3 borders, gradients og/eller shadows (eller hvad de nu hedder)
Avatar billede keysersoze Ekspert
19. august 2011 - 09:58 #6
både FF og IE har samme funktionalitet via firebug eller developer toolbar.

hent billede og analyser det i et tegneprogram, evt paint.net, for det er ret simpelt - en streg lidt lysere en baggrunden og en streg lidt mørkere, begge fadende ud. I bund og grund kan du jo også sagtens bare have ét stort baggrundsbillede.
Avatar billede NielsErikP Mester
19. august 2011 - 22:33 #7
Hej..
#5:
Okay tror ejer godt photofiltre... Men vil prøve at kigge lidt på Gimp, det er jo også et gratis program.
Ja..okay. Må indrømme at jeg endnu ikke er nået til CSS version 3... Ligesom jeg heller ikke har kigget så meget på HTML 5 endnu, men den tid kommer vel nok, hvor man bliver nød til at tage disse to op, for at følge med tiden.

#6:
Bruger kun IE, de andre browsere kun til at tjekke om det fabrikerede vises på samme måde, men kender endnu ikke til developer toolbar.
Ved ikke helt om jeg forstår det du siger der med lysere og mørkere og fadende ud. Ja.. Men kan jo så forstå på jer at det må være en blå baggrundsfarve, hvor der så er sat billeder ind, de tre der skiller kolonnerne.
Avatar billede keysersoze Ekspert
19. august 2011 - 23:56 #8
F12 og du har din developer toolbar - med første "knap" i menuen under fanebladet HTML kan du vælge et element du vil inspicere så du får vist både HTML og CSS for det valgte.
Avatar billede NielsErikP Mester
20. august 2011 - 00:37 #9
Hej..
Okay tak Soze...
lægger i lige et svar begge, så er der 7 til hver.
Avatar billede ggxdg Nybegynder
20. august 2011 - 01:24 #10
Nah... keysersoze kom først - jeg tilføjede ikke rigtigt noget af værdi, bare giv ham pointene.

HTML5 og CSS3 er awesome - men der er jo desværre ret mange gamle browseere, og det er vel heller ikke nogen god idé at tage dem i seriøs brug før de er færdige (kan ikke lige huske om CSS3 er helt færdig eller hvad)
Avatar billede NielsErikP Mester
20. august 2011 - 01:47 #11
Hej..
Nå...Det syntes jeg da ellers du gjorde :-)
Men som du vil, så må keysersoze jo have dem.

Ja.. men jeg kommer jo nok også til at kigge på de to på et tidspunkt, men så længe de ikke udraderer de andre og de stadig opfylder de krav man har... Er det vel okay!!!

Men ihvertfald tak til dig for din respons ggxdg!!!!
Avatar billede keysersoze Ekspert
20. august 2011 - 19:09 #12
svar
Avatar billede NielsErikP Mester
20. august 2011 - 22:02 #13
Hej...
Og dine point, tak for hjælpen, Soze!!
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