Top
Phpuniverset logo
 
930 banner

INDHOLD

Forside

Script libary

Job annoncer

Tips og Tricks

Konkurrence

Downloads

Dokumenter

Forum

Online udviklere


ARTIKLER

C / C++

CSS

Diverse

E-handel / annoncer

Flash

Grafik

HTML

Internet

Javascript

Linux

PHP/MySQL

Programmer

Søgemaskiner

Windows


INFO

Information

Annoncering

Kontakt

Forside Forum Html, D-HTML, CSS Rundehjørner!

Rundehjørner!


 

Rundehjørner!

Jesper Poulsen  

Hej
Jeg har lavet nogle overskrifter på min side, som jeg gerne vil ha' runde hjørner på.
Hvordan kan jeg gøre det ? 

Jeg har brugt: 

<div class="overskrift"> nyhed </div> 

hvis det kan være til nogen hjælp. 

Mvh p0ulsen
http://p0ulsen.frac.dk



Dato : 28.09.2005, 20:48

Visninger : 4396

Points : 70

 

Det kan gøres med CSS + 4 gif'er eller png'er

Du skal lave 4 runde kanter som du navn giver:
top-hoejre.gif
top-venstre.gif
bund-hoejre.gif
bund-venstre.gif

indsæt det her css:

<div class="rounded"><div><div><div>
Dit indhold kommer så her
</div></div></div></div>

CSS filen:

div.rounded {
 width: 200px;
 background: #1b5151 url(top-hoejre.gif) no-repeat top right;
}
div.rounded div {
 background: transparent url(top-venstre.gif) no-repeat top left;
}
div.rounded div div {
 background: transparent url(bund-hoejre.gif) no-repeat bottom right;
}
div.rounded div div div {
 background: transparent url(bund-venstre.gif) no-repeat bottom left;
 padding: 15px;
}


Dato : 28.09.2005, 21:35

Svar af : t n.  

 

Jeg forstår ikke helt .. Hvordan skal hjørnerne se ud ? Skal jeg lave baggrund på eller
?


Dato : 17.10.2005, 14:23

Kommentar af : Jesper Poulsen  

 

de skal bare være transparet 

Dato : 17.10.2005, 15:43

Kommentar af : t n.  

 

Hmm. Det fungere stadig ikke helt. Der kommer kun et billede i venstre øverste hjørne..
Ingen af de andre kommer :S


Dato : 17.10.2005, 19:53

Kommentar af : Jesper Poulsen  

 

http://kalsey.com/2003/07/rounded_corners_in_css/ kig evt her

Dato : 06.04.2006, 09:00

Svar af : Kim Olsen  




Login for at skrive et indlg :



   Brugernavn

Password
 

+ Opret en ny Bruger, Klik her

+ Glemt brugernavn/password

 

Send Artikel/anmeldelse til: phpuni@phpuniverset.dk

Tilbage til oversigt

Phpuniverset's politik om personlige oplysninger, artikler & Koder Phpuniverset er optimeret til Mozilla 1024 * 768 Phpuniverset version: 3.0 beta
Webhost : Ignesco.dk

Bund