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

want2learn Nybegynder

01. januar 2007 - 19:07 Der er 7 kommentarer og
1 løsning

slå linje skift efter et DIV tag fra

normalt når man laver en <div> så laves der en ny linje - men det kan vist slåes fra i en style.

Hvordan !??

Synes godt om

apo Praktikant

01. januar 2007 - 19:10 #1

style="margin:0;" måske?

Synes godt om

windcape Praktikant

01. januar 2007 - 19:18 #2

apo: nej, Der kommer linjeskift efter et <div> element fordi at det er et blok-element.

For at løse det skal du enten bruge <span> , som er inline, eller bruge følgende CSS:

style="display: inline;"

Synes godt om

windcape Praktikant

01. januar 2007 - 19:18 #3

bemærk at inline elementer har begrænsninger på hvilke properties der kan bruges. Såsom at sætte width/height.

Synes godt om

want2learn Nybegynder

01. januar 2007 - 19:35 #4

Windcape

Mange tak

Synes godt om

mclemens Nybegynder

01. januar 2007 - 19:59 #5

Alternativt kan man i nogle tilfælde floate div elementet style="float:left;"
så kan man stadig have block elementer indvendig i selve div elementet ...

Synes godt om

olebole Juniormester

02. januar 2007 - 15:10 #6

<ole>

Har man brug for en cykel, hiver man ikke karburator, gearkasse og motor ud af en Volvo - og forsøger at køre på to hjul ... man bruger en cykel!

Har man brug for et inline-element, bruger man ikke et block-element og bygger det om til et inline-element ... man bruger et inline-element!

want2learn >> Brug et <span></span> i stedet for. Det er fra fødslen et inline-element - og danner derfor ikke en selvstændig tekstblok, sådan som et div gør det ;o)

/mvh
</bole>

Synes godt om

mclemens Nybegynder

02. januar 2007 - 18:39 #7

Er det ikke afhængig af behovet ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>

<span style="width:200px;height:40px;border:1px solid #000;">Hej</span> med dig span<br><br><br>

<div style="width:200px;height:40px;border:1px solid #000;">Hej</div> med dig div almindelig<br><br><br>

<div style="width:200px;height:40px;border:1px solid #000;float:left;">Hej</div> med dig div float left<br><br><br>

<div style="width:200px;height:40px;border:1px solid #000;display:inline">Hej</div> med dig div som inline<br><br><br>

</body></html>

Synes godt om

olebole Juniormester

09. januar 2007 - 10:24 #8

Et af de mest grundlæggende behov er logisk og semantisk kode. Det opnår man bl.a. ved at bruge block-elementer til tekstblokke - og inline-elementer til inline-tekst.

Jeg er helt på det rene med, hvad man kan opnå med sære tiltag - men resultatet er langtfra altid logisk. Således er kun dit første forslag (det med span) logisk ... bortset fra, du naturligvis ikke kan sætte højde på et inline-element - og eksemplerne derfor ikke giver helt samme resultat ;o)

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

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
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
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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