Søg
Avatar billede bondester Nybegynder
16. august 2003 - 15:02 Der er 10 kommentarer og
2 løsninger

Visibility og alignment

Jeg ved ikke om det er den rigtige kategori jeg er havnet i, men kunne íkke finde bedre....

Jeg er lige begyndt at bruge CSS til min sideopbygning (før brugte jeg det kun til tekstformatering)

Nu mangler jeg så lige 2 oplysinger:
1. Hvordan centrere jeg et element, som er placeret i en <div>??
2. Kan man ikke angive hvor gennemsigtig en farve skal være?? Jeg vil gerne have at man kan se baggrundsbilledet igennem den hvide farve jeg har lagt på.

Håber I kan hjælpe...
/Cowman
Avatar billede hoejrup Nybegynder
16. august 2003 - 15:10 #1
1. <div align="center"></div>
2. Det skal du lave i Photoshop.

/per
Avatar billede jara06 Nybegynder
16. august 2003 - 15:11 #2
1. Evt ved at lægge en div udenom, som har "margin: auto;" på sig. Ellers vha <div align="center">, men egenskaben align findes ikke i f.eks. XHTML 1.0 Strict ...

2. Søg på google efter filter:opacity, ellers lav det med en alpha channel i evt, photoshop eller paint shop pro ..
:)
Alt kan lade sig gøre .. det er bare et spørgsmål om tid.
Avatar billede nak-m Nybegynder
16. august 2003 - 15:18 #3
2. Man kan vist bruge:
style="filter: alpha(opacity: 20); -moz-opacity: 0.2;"
hvilket så i dette eksempel gør den 20% gennemsigtig
Avatar billede jara06 Nybegynder
16. august 2003 - 15:19 #4
bare husk, at  -moz-opacity: 0.2;  er egentlig fra css 3, og vil ikke virke i ie eller andre browsere ...

Måske via javascript, men det kender jeg ikke til, og vil ikke anbefale her :)
Avatar billede osaka_san Nybegynder
16. august 2003 - 15:20 #5
cowman:

center:
http://bluerobot.com/web/css/center1.html
http://bluerobot.com/web/css/center2.html

Transperancy.. nej p.t. er der ikke implementerert nogen w3c CSS model i de fleste browsere for transperancy. Der findes nogle browser properitære teknikker (filtere), som ikke virker i den ene eller anden browser. Disse kan ikke anbefales.

Undværlig CSS Layout information:
http://css-discuss.incutio.com

God fornøjelse ;-)
Avatar billede bondester Nybegynder
16. august 2003 - 15:34 #6
Okay jeg har fået lavet noget transperancy nu med et filter som nak-m foreslog.

Men jeg kan altså ikke få den centreret??

I får lige koderne jeg bruger....

I html dokumentet:
<div id="title" align="center">
Teksten her....
</div>

I css dokumentet:
#title {
    position:absolute;
    top:0;
    width:920;
    height:100px;
    background-color:#FF8000;

    text-align:center;
    color:#0000FF;
    font-size:35;
}

Skal det stå på en anden måde?? Ja det skal det, for det virker ikke ;-)
Avatar billede jara06 Nybegynder
16. august 2003 - 15:39 #7
Du får nok et problem med position: absolute der ..
Avatar billede jara06 Nybegynder
16. august 2003 - 15:45 #8
sådan her bliver den centreret, så er det bare margin-top: 0px; eller padding-top: 0px; hvis det er nødvendigt :)

<html>
<head>
<style type="text/css">

#title {
    width:920;
    height:100px;

    background-color:#FF8000;

    text-align: center;
    color:#0000FF;
    font-size:35;
}
</style>
</head>

<body>
<div align="center">
    <div id="title">
        Teksten her....
    </div>
</div>

</body>
</html>
Avatar billede bondester Nybegynder
16. august 2003 - 15:54 #9
Åhhh fuck nu røg der helt kludder mudder i det, men det er fordi jeg har flere "bokse" ! Men tror jeg selv kan rode mig ud af det ;-)

Jara06 og nak-m får points da de kom med løsningerne!

Takker for hjælpen...... Hurtig som altid ;-)
Avatar billede jara06 Nybegynder
16. august 2003 - 15:57 #10
np :)
Avatar billede osaka_san Nybegynder
16. august 2003 - 19:07 #11
cowman: Lidt om hvordan positionering egentlig fungerer:

http://www.brainjar.com/css/positioning
Avatar billede roenving Novice
17. august 2003 - 10:17 #12
-- og du får færre problemer med alignment hvis du angiver størrelser, så css-fortolkeren kan for stå dem:

width:920px; /*css fungerer _ikke_ uden målestok !-)*/
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 13:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
06/0911:47 VB script Af Jenshentze i Word
White papers
Flere white papers »