Oprettet fre. d. 31. august 2012 kl. 15:29:34

Tanzcer
Tanzcer (1.540 point. Point ude: 60)

At runde et billede via et stylesheet

Jeg sidder netop nu med et problem, i mit design som jeg er ved at kode, og mit problem er at jeg ikke kan få min border til at rage ind over et andet billede, som er (ligesom borderen) indsat fra et stylesheet..

Hvordan kan jeg få min border til at være i fronten, så den bare afrunder billedet, og billedet ikke gør borderen firkantet - og kan det overhovedet lade sig gøre?

Et billede af problemet:
http://i.imgur.com/ (...)

Stylesheet:

.box_right_border{
    border-style: solid;
    width: 201px;
    border-width: 1px;
    border-color: #C9C9C9;
    background-color: #F2F2F2;
    border-bottom-width: 2px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-left-radius: 3px 3px;
}

Skrevet fre. d. 31. august 2012 kl. 17:49:19| #1

claes57
claes57 (36.591 point)
kunne man tænke 2 div'er på samme plads - den nederste med billedet, og den øverste med ramme og transparent baggrund

Skrevet lør. d. 01. september 2012 kl. 20:08:11| #2

tino_bh
tino_bh (40.591 point)
www.tinocordes.dk
Altså hvis du placerer dit billede med background-image, så vil det blive afrundet. Kan det lade sig gøre?

Ellers prøv at se her ...
http://www.swedishfika.com/ (...)

Skrevet ons. d. 05. september 2012 kl. 09:31:14| #3

Jeg bruger selv jQuery til at afrunde hjørner.

Den lever runde hjørner på browser som støtter det (Mozilla/Webkit) og laver firkantede på dem som ikke støtter det.

http://jqueryui.com/ (...)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   


Seneste spørgsmål

indbydelse til fodbold turnering

Oprettet den 2. maj 2013 kl. 23.09
imma giver 200 point for svar | Giv et svar »

Farvelæg meddelelser

Oprettet den 1. maj 2013 kl. 13.59
SimoneDA giver 30 point for svar | Giv et svar »

Fotogalleri til joomla

Oprettet den 28. april 2013 kl. 09.38
dytti giver 100 point for svar | Giv et svar »








Tips & Tricks fra PC World

Teaser billede

Her er seks Google Labs-funktioner, som du skal slå til med det samme

Gmail Labs giver dig adgang til en masse smarte funktioner, som Googles ingeniører leger med i øjeblikket.


Anmeldelser fra PC World

Teaser billede

Test: Samsung Galaxy S4 er et hit - trods gøglertricks

Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Tre smarte trick som gør Windows 8 bedre

Boot direkte til skrivebordet, få en strategisk godt placeret luk-knap og slip for at logge ind. Her er tre tips til Windows 8, som gør det nemmere at blive venner med styresystemet.


Nyheder fra Computerworld

Teaser billede

Galleri: Her er Googles nyeste værktøj og legetøj

Google har i denne uge afholdt udviklerkonferencen I/O i San Francisco. Se her hvad søgegiganten kunne præsentere af nyskabelser.


IT Kurser
Samarbejdspartnere

Udgiver · © 2013 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger