CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

doctorking Nybegynder

11. september 2003 - 09:58 Der er 17 kommentarer

Transparent element?

Hejsa

Når jeg laver HTML har jeg en lille transparent gif på 9 x 9 pixels som jeg bruger til at skubbe og placere tekst og tabeller med. Er der et transparent HTML eller CSS element man kunne bruge i stedet som ikke fylder så meget i koden og som er nemt at bruge?

Synes godt om

di8leva Nybegynder

11. september 2003 - 10:08 #1

er det ikke bættre at bruge CSS med margin og padding, samt kombinera det med en table?

Synes godt om

doctorking Nybegynder

11. september 2003 - 10:18 #2

Det kommer koden vel ikke til at fylde mindre af...

Synes godt om

Tony Juniormester

11. september 2003 - 10:21 #3

Du kan bruge CSS til at placere div. elementer med - herunder også indrykninger. Men som med alt andet (D)HTML, så er der altid browserproblemer ...

Konceptet med at bruge en 'spacer' (som ikke behøver at være større end 1 x 1 px.) er rigtig godt. De eneste steder det giver problemer er i browsere der ikke viser billeder / grafik ...

Synes godt om

doctorking Nybegynder

11. september 2003 - 10:30 #4

Men er der et html tag for en "spacer" i stedet for at bruge en trans gif?

Synes godt om

socle Nybegynder

11. september 2003 - 10:32 #5

<div style="width:1px; position:relative"></div>

?

Synes godt om

Tony Juniormester

11. september 2003 - 10:39 #6

Der er kun ét HTML-tag for gengivning af grafik (gif, jpg / jpeg og png) og det er 'img' tagget ... og, tjaa selvfølgelig fylder det lidt, men det virker jo fint og er let at tilføje f.eks. class til ...

Synes godt om

=maddog= Nybegynder

11. september 2003 - 10:45 #7

<div style="visibility:hidden;float:left;width:200px;height:1px;"></div>fff
f.x.

Synes godt om

doctorking Nybegynder

11. september 2003 - 10:52 #8

Hvad er forskellen på:

<div style="width:1px; position:relative"></div>

og

<div style="visibility:hidden;float:left;width:1px;"></div>
?

Synes godt om

=maddog= Nybegynder

11. september 2003 - 11:06 #9

ikke andet end at den nederste tillader elementer til venstre og forbliver usynlig selvom der er sat styles på div med CSS
DIV {
border:1px solid black;
}

Synes godt om

doctorking Nybegynder

11. september 2003 - 11:35 #10

Umiddelbart ser det ikke ud til at det er smartere at bruge divs i stedet for en trans gif... Koden bliver i hvertfald lige så lang...

Synes godt om

swuppe Nybegynder

11. september 2003 - 12:12 #11

hvis du har din tekst i et boks-element, såsom <p> eller i en tabelcelle kan du sætte margin/padding direkte på elementet vha. css. Det smarte ligger i at du så kan ændre afstandene fra din css uden at skulle lave og uploade nye billeder. Og hvis du allerede har et stylesheet fylder det ikke mere end f.eks. p {margin: 0 10px;} (sætter højre og venstre margin til 10px på alle p-elementer).

Synes godt om

doctorking Nybegynder

11. september 2003 - 12:27 #12

Den gif jeg bruger er 9 x 9 pixels og den sætter jeg bare str. på i html'n...

Synes godt om

Tony Juniormester

11. september 2003 - 12:44 #13

swuppe >> alt om dit CSS - Helt i orden!

Ang. billede, så er det ikke nødvendigt at lave / uploade mere end ét billede (.gif) a 1 x 1 px. og så kalde den mange gange med forskellige størrelser alt afhængig hvafd der er brug for. F.eks. virker dette storartet med den samme gif:

<table>
<tr>
<td>Ingen indrykning</td>
<td><img src="images/transparent.gif" width="1" height="30" alt="" border="0"></td>
</tr>
<tr>
<td><img src="images/transparent.gif" width="10" height="1" alt="" border="0"></td>
<td><img src="images/transparent.gif" width="100" height="1" alt="" border="0"></td>
</tr>
</table>

Synes godt om

edutasia Nybegynder

11. september 2003 - 12:57 #14

Bare for at køre det helt ud på overdrevet, kunne du også opfinde dit eget tag og blot udskifte det med <img>-tags vha. en JavaScript-handler i body onload.

Her er et eksempel, hvor jeg har "opfundet" et <spc>-tag med to attributter: h og w. I onload-handleren udskiftes alle <spc>-elementer automatisk med <img>-elementer, som får <spc>-elementets h- og w-værdier som hhv. højde og bredde.

Det betyder, at man blot skal skrive f.eks. <spc h=10 w=10> i body-koden for at indsætte en transparent.gif på 10x10 px.

Eneste ulempe er, at du skal huske at indsætte onload-handleren på alle sider, der skal bruge <spc>-tagget... Fordelen er, at skulle du glemme det, vil <spc>-tags blot blive ignoreret af browseren:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Lav din egen spacer</TITLE>
<script>
function convertSpacers() {
var elm;
var coll = document.getElementsByTagName('spc'); // hent alle <spc>'er
for (var i=0; i<coll.length;) { // gør følgende med hver <spc>
elm = document.createElement('img'); //opret et <img>
elm.src = '1x1.gif'; // sæt src på billedet
elm.style.pixelWidth = coll[i].w; // sæt bredde
elm.style.pixelHeight = coll[i].h; // sæt højde
coll[i].replaceNode(elm); // indsæt billedet i stedet for <spc>'en
}
}
</script>
</HEAD>

<BODY onload="convertSpacers()">
<p>Her er tre eksempler:</p>
<spc w=10 h=50><br>
<spc w=100 h=80><br>
<spc w=301 h=20><br>
</BODY>
</HTML>

Synes godt om

doctorking Nybegynder

11. september 2003 - 12:58 #15

det er præcis det jeg altid har gjort...jeg undrede mig bare om der var en smartere måde...

Synes godt om

doctorking Nybegynder

11. september 2003 - 13:08 #16

Det var altså ikke edutasia metode jeg har brugt men tony_breindals...

Synes godt om

Tony Juniormester

11. september 2003 - 13:14 #17

Tjaa, W3-validatoren kaster sig om på ryggen over ovenstående, men selvfølgelig, hvis man kun skal bruge det til IE, så går det vel ...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS

23/12

Historisk million-bøde får Region Syddanmarks it-direktør til at efterlyse nye GDPR-retningslinjer

23/12

Til næste år kommer iPhone 17 – og ifølge rygtestrømmene vil den byde på tre nyheder

23/12

En af verdens største it-distributører dropper samarbejdet med Broadcom: Kunne ikke nå til enighed

23/12

Ser med 'stor alvor' på problemer med vand, varme og manglende kontrol i politiets datacenter

23/12

Brugere rammes af Microsoft-fejl: M365-produkter er på mystisk vis blevet deaktiveret

23/12

Her er dommen: Region Syddanmark skal betale historisk stor bøde for grove overtrædelser af GDPR

23/12

Vores vidensindsamling og demokratiske samtale påvirkes af helt lukkede beslutninger i en enkelt privat virksomhed

23/12

Overblik: Danske it-selskaber strømmer ind mod den centrale storby - og det handler ikke om penge

23/12

Banebrydende ChatGPT-opdatering er lige på trapperne: “Denne model vil være helt fantastisk til programmering”

23/12

Tivoli søger ny CIO: Kenneth Hartvig stopper efter tre år på posten

23/12

Vi ender med at bo i en taber-region, hvis ikke vi gør noget drastisk - her er digitaliseringsministerens plan

Vis flere artikler

IT-JOB

Jyske Bank

Cloud Engineer

Danske Spil A/S

Senior backend-udvikler

Cognizant Technology Solutions Denmark ApS

Azure Architect

Statens IT

Serviceminded it-konsulent til midlertidig stilling i brugeradministrationen

Capgemini Danmark A/S

SAP Engagement Manager

Vis flere jobs

Seneste spørgsmål Seneste aktivitet

I går 19:53	CD Burner XP (Sætte den til at optage nogle numre fra en CD - Men ikke alle ? Af Ikke-ekspert i Musik & videoafspillere
I går 17:42	Katastrofe med Pc Af LilBe i PC
I går 09:44	Mine emails kan pluselig ikke læses af modtagerne, kun uforståelige tal og bogstaver Af gunnarb i E-mail programmer
24/1216:03	Fjern "Seneste" - "Hurtig adgang" Fra Windows 11 - Hvordan ? Af Ikke-ekspert i Windows
23/1214:43	html <Input.. Danske bogstaver Af pjotre i Andet software