border med avrundede hjørner

[smurfine]

skal lage en border rundt en <div> i css med avrundede hjørner. Går det eller må jeg lage kanten i et grafikkprogram? Hadde jo vært kjekt at borderen fulgte innholdet inni automatisk. I et grafikkprogram må jeg jo stille inn nøyaktig piksler

[jorgis]

Borders kan ikke være avrundete i CSS, så du må nok starte opp PS eller PsP.

Endret 30. mars 2004 av jorgenindahouse

[flodhest]

Tja, du får jo avrundede kanter hvis du bruker denne da:

<fieldset>
<legend>
Innhold:
</legend>
<form>

</form>
</fieldset>

[enden]

men semantikken da mann, semantikken...

[flodhest]

Hater det når folk snakker gresk mann, snakker gresk...

 

 

wtf er semantikk?

[enden]

Korrekt måte å bygge opp en webside på.

 

Eksempel:

En side bygget på tabeller og en bygget på div/CSS kan se kli like ut, men å bygge design på tabeller er demantisk feil da tabeller er menst for å strukturere data i tabulatorformat

[flodhest]

Dette har aldri vært noe problem før, vil heller ikke se på det som noe stort problem nå heller. Samme hva som ligger bak, bare siden vises som den skal i samtlige nettlesere.

 

Klart, det er lov å være nytenkende med henhold til css og div's istedet for tabeller, har tenkt å lære meg css selv, og bygge siden utifra div, men det blir for dumt å plutselig avsky tabeller.

Endret 30. mars 2004 av flodhest

[EspenDL]

En ting jeg lurer på: Hvis du har laget border'en i ps, hvordan kan du da få den til å følge nedover siden vis teksten din blir veldig lang. Bruker scripte cutenews.

[Zethyr]

flodhest: kvitt deg med den holdningen hvis du skal starte med programmering !!

du risikerer å bli en voodoo-coder DLuX!

anti-voodoo-code: hvis man ser en feil, fiks den grundig!

[teit eksempel]

på siden din skal du vise datoen i dag + 3 dager.... Det blir alltid datoen + 2...

hva gjør en voodoocoder? han sier heller: jaja, koden virker hvis man skriver datoen + 3 +1

hva gjør en programmerer: jo han leter gjennom kilden til han ser en feil noe sted, for så rette den...

 

alle som da skal bygge ut websiden/programmet eller lese kilden for å lære noe vil fortrekke en seriøs programmers kode fremfor forvirrende voodookode

Endret 30. mars 2004 av Zethyr

[Zethyr]

En ting jeg lurer på: Hvis du har laget border'en i ps, hvordan kan du da få den til å følge nedover siden vis teksten din blir veldig lang. Bruker scripte cutenews.

ja, men man kan ikke sette hele borderen som bakgrunn på en boks f.eks.

man må la en liten bit a sidelinjene blir repetert nedover.... repeat: repeat-y;

[jorgis]

Med <fieldset> blir bare kantene avrundet i IE. I Firefox ser dem helt vanlig ut.

[cfenzo]

et par linker verdt å se gjennom fra ala (alistapart.com):

Creating custom corners & borders

Creating custom corners & borders part ||

 

et css eksperiment fra Mike Wocasch (min css jedi trainer og mentor)

Rounded corners for blocks with one unknown dimension

Endret 30. mars 2004 av cfenzo

[pgdx]

En ting jeg lurer på: Hvis du har laget border'en i ps, hvordan kan du da få den til å følge nedover siden vis teksten din blir veldig lang. Bruker scripte cutenews.

Del bildet inn i tre. En med toppen, en med bare én piksel i høyde som inneholder midtpartiet, og en bunn.

<div id="meny_top"></div>
<div id="meny_main">
<p>Lorem ipsum og sånt</p>
</div>
<div id="meny_bottom"></div>

#meny_top {
background-image: url("top.gif");
background-repeat: no-repeat;
}
#meny {
background-image: url("middle.gif");
background-repeat: repeat-y;
}
#meny_bottom {
background-image: url("top.gif");
background-repeat: bottom;
}

[smurfine]

takk