Søg
Avatar billede razmuz_dk Nybegynder
05. september 2005 - 16:28 Der er 6 kommentarer og
1 løsning

span eller div problem

Hejsa Eksperter,

Jeg sidder og er ved at lave en menu til min hjemmeside. Antallet af  knapper er defineret udfra et kald til en database. Derfor brugte jeg følgende kode til en knap:
<span style="width: 100px"><?=$knap_indhold?></span>

Men det viser sig at jeg ikke må/kan definerer width på en span. Nå jamen så prøver jeg med en div. Div'en kan godt få længde på - men den laver som bekendt et linjeskift hvilket ikke er meningen (det er en horisontal menu).

Jeg tilføjer style="display: inline;" for at undgå, at der kommer linjeskift efter div'en. Dette resulterer i at jeg ikke længere kan sætte width på min div. Hvad gør jeg??

Hjælp :)

Tillægsspørgsmål til de meget hjælpsomme: hvornår brugere man generelt set span / div?
Avatar billede olebole Juniormester
05. september 2005 - 16:51 #1
<ole>

Hvad du skal gøre i den aktuelle situation afhænger af opbygningen af menuen og koden omkring den.

Et span benyttes som en inline-container (og sådan én tilpasser sig naturligvis indholdet) - og div som en block-container. Ordene 'inline' og 'block' siger vel sig selv  :)

/mvh
</bole>
Avatar billede razmuz_dk Nybegynder
05. september 2005 - 22:48 #2
Okay...

I dette tilfælde skal jeg have 4 knapper, der er placeret vandret efter hinanden. Disse 4 knapper indeholder en tekst. Knapperne skal være fx 100 px bredde.

Nedenstående laver den godt nok knappen 100px bred, men den laver linjeskift - det må den ikke! :(

<span>
  <div style="width: 100px; text-align: center;>
    test
  </div>
</span>

Er "hvad jeg skal bruge" godt nok beskrevet til at du/i kan komme med et kodeeksempel? Altså bare x antal 100px-brede kasser (span/div whatever), der vises vandret efter hinanden.
Tak
Avatar billede olebole Juniormester
06. september 2005 - 02:14 #3
Du kan slet ikke lægge et div (block element) i et span (inline element). Det mås man ikke  :)
Hvorfor dog ikke bare bruge knapper:

  <button style="width:100px;background-color:yellow;border:1px solid red">Knap</button>
Avatar billede roenving Novice
06. september 2005 - 02:51 #4
-- eller kaste links i en tabelrække ?-)
Avatar billede olebole Juniormester
06. september 2005 - 03:06 #5
- eller i en 'inline' liste - hvilket muligvis ville give god semantisk mening. Buttons er dog dejlig nemme at arbejde med - og koden bliver ret slank  :)
Avatar billede razmuz_dk Nybegynder
15. oktober 2005 - 23:56 #6
Tak for hjælpen. Men det blev en table :P
Avatar billede roenving Novice
16. oktober 2005 - 12:54 #7
Tak for hjælpen ,-(
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 dag 12:15 morf bilede Af knuldefar1942 i Fri debat
I går 22:13 Gemme største værdi Af Lemming@privat.dk i Excel
I går 21:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »