Søg
Avatar billede jakobdo Ekspert
26. juli 2004 - 15:31 Der er 22 kommentarer og
1 løsning

Placere objekter og lign.

Hej,
før hen har man kunne bruge table (height/width 100%)
Så kunne man let placere ting nederst på siden, men nu skal man jo bruge Xhtml, css, layers osv...
Hvordan får jeg placeret et billede helt til højre?
Uden brug af tabel?
Avatar billede thesurfer Nybegynder
26. juli 2004 - 15:39 #1
Se:
http://www.w3schools.com/css/css_background.asp
http://www.w3schools.com/css/pr_background-position.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_background-attachment
Avatar billede thesurfer Nybegynder
26. juli 2004 - 15:39 #2
PS: jeg tror godt at du må bruge width=100%, men ikke height=100%..
Avatar billede mik789 Nybegynder
26. juli 2004 - 15:42 #3
du placerer elementer til højre ved hjælp af float: right, f.eks:

<img src="billede.jpg" width="20" height="20" style="float:right">
Avatar billede jakobdo Ekspert
26. juli 2004 - 15:44 #4
Såsandt så sandt...
Men det jeg evt også tænker på, er f.eks. hvordan man laver en side ala:

H = hvid
G = grøn

HHHHHHHH
GGGGGGGG
GGGGGGGG
HHHHHHHH

Det hvide dækker 25% foroven, grøn 50% i midten, og igen 25% i bunden.
Skal man til at rode med javascript og sådan noget?
Avatar billede thesurfer Nybegynder
26. juli 2004 - 15:47 #5
Måske ville du ha' godt af denne tutorial: http://html.dk/tutorials/css/
:-)
Avatar billede jakobdo Ekspert
26. juli 2004 - 15:50 #6
Ok, jeg kigger på det, smid et svar.
Avatar billede mik789 Nybegynder
26. juli 2004 - 15:50 #7
eller du kan holde dig til tabeldesignet. Der er INGEN der har grund til at sige at man ikke "må" bruge det.
Avatar billede thesurfer Nybegynder
26. juli 2004 - 15:55 #8
jakobdo> Du kan også kigge på http://www.w3schools.com/css/default.asp
Der plejer jeg gerne at kigge, når jeg har brug for noget..

- Ingen points til mig, tak.

mik789> Hvis man vil lave noget proffessionelt, eller "tages seriøst", skal man følge standarden/reglerne.
Avatar billede jakobdo Ekspert
26. juli 2004 - 15:58 #9
Tak for hjælpen! (lukker)
Avatar billede mik789 Nybegynder
26. juli 2004 - 16:08 #10
thesurfer> ja selvfølgelig skal man da overholde standarderne. men hvor siger standarden at man ikke kan opdele sin side ved hjælp af en tabel?
prøv at kigge på oleboles kommentar til min artikel http://eksperten.dk/artikler/230 (som sjovt nok netop handler om hvordan man undgår tabeller). Der kan være mange gode grunde til at undgå tabeller (det gør jeg selv), men ikke den grund at det er imod standarderne, for det er det ikke.
Avatar billede jakobdo Ekspert
26. juli 2004 - 16:20 #11
Takker for artiklen! :o)
Tror jeg vil droppe standarden, og bruge en tabel til designet... Vil gøre det hele lidt lettere.
Avatar billede mik789 Nybegynder
26. juli 2004 - 16:22 #12
men du dropper netop ikke standarden ved at bruge en tabel ;-)
tabeller er OK ifølge W3C standaderne - også til at designe sin side
Avatar billede jakobdo Ekspert
26. juli 2004 - 16:23 #13
Ok! :o)
Avatar billede thesurfer Nybegynder
26. juli 2004 - 16:34 #14
mik789> Det kommer an på, hvilken doctype man vælger: http://www.w3schools.com/tags/tag_doctype.asp

Hvis man bruger "loose.dtd", må man godt bruge height=100%, men det må man f.eks. ikke med "strict.dtd".

Hvis man gør det, vil siden ikke kunne valideres jfv W3Cs validering, og siden ville være "ugyldig"/"ulovlig".

Links:
Lidt om validering: http://html.dk/tutorials/css/lektion16.asp
Validerinssider
-- CSS: http://jigsaw.w3.org/css-validator/
-- (x)HTML: http://validator.w3.org/


Selv ugyldige/ulovlige sider virker.. men hvad er meningen med standarden, hvis den ikke følges..?
Avatar billede mik789 Nybegynder
26. juli 2004 - 17:12 #15
thesurfer>jo, jo, du har ret mht height. det havde jeg lige overset i hans sp. ;-)
jeg hæftede mig mere ved det med at bruge tabeller i det hele taget.
Når det gælder højde på tabeller kan jaobdo måske også have gavn af at se på denne demo som jeg lavede på et tidspunkt: http://dev.e-tidsskrift.dk/tableheight.php
Avatar billede jakobdo Ekspert
27. juli 2004 - 11:04 #16
Er det f.eks. muligt at placere en DIV, som altid er 100px fra top, og 100px fra bunden?

Den skal have en bredde af 100%.
Avatar billede thesurfer Nybegynder
27. juli 2004 - 15:23 #17
Man kunne vel lave noget i stil med:

<div style="width: 100%; height: 90%">indhold</div>

Prøv så at justere "height: 90%", så den passer..
Avatar billede jakobdo Ekspert
27. juli 2004 - 15:27 #18
Jo, men jeg ønsker rent faktisk at der altid er f.eks. 100px fri i bund og i toppen!
Avatar billede thesurfer Nybegynder
27. juli 2004 - 15:42 #19
Man kunne jo bruge JavaScript (det her er jo (D)HTML kategorien).. ser lige om jeg kan fixe et script..
Avatar billede thesurfer Nybegynder
27. juli 2004 - 16:05 #20
Prøv:

<div id="d" style="position:absolute; width: 100%; background-color: #ffff90">indhold</div>

<script type="text/JavaScript">
var d = document.getElementById("d");
d.style.top = 100 + "px";
d.style.height=parseInt(document.body.clientHeight - 100 * 2) + "px";
</script>
Avatar billede thesurfer Nybegynder
27. juli 2004 - 16:09 #21
Du kan også få den til at resize, når man resizer vinduet:

<body onload="rez()" onresize="rez()">

<div id="d" style="position:absolute; width: 100%;background-color: #ffff90">indhold</div>

<script type="text/JavaScript">
var d = document.getElementById("d");
function rez()
{
d.style.top = 100 + "px";
d.style.height=parseInt(document.body.clientHeight - 100 * 2) + "px";
}
</script>
Avatar billede jakobdo Ekspert
27. juli 2004 - 16:10 #22
Ok, takker for hjælpen! :o)
Avatar billede thesurfer Nybegynder
27. juli 2004 - 16:15 #23
Det var så lidt :-)
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 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »