webForumDet fria alternativet

Problem med CSS och <span>

HTML & CSS

31 svar · 896 visningar · startad av attila · sida 2 av 2

Frågan, av attila

EDIT: Annat CSS-problem i botten av tråden, villle inte starta en ny tråd då det bygger på det gamla! Hej! Sitter och gör en site för företaget. Använder inte tabeller, utan satsar på CSS och \<span\>. Har dock ett problem, som jag inte har en aning om hur man löser. Jag placerar all design i en CSS-fil (gör span-klasser med width, top och så vidare). Problemet är att jag nu har en rektangel (e

Läs frågan i sin helhet →
Medlem sedan jan. 2000978 inlägg
#21

Web-Tor skrev:

Det är ingen idé. Det kommer inte funka ändå. ;)

Som jag skrev: Har du skrivit att .news är placerad absolut så är den det. Då spelar det inte någon roll var själva koden ligger i HTMl-filen.

Web-Tor har rätt. Jag tyckte det såg konstigt ut bara, med 500px:ars höjd.

Medlem sedan sep. 2000127 inlägg
#22

Insider> Om jag inte har det, så får jag problem. Jag vill ju ha en fast minimumhöjd på sidan... ?

Medlem sedan jan. 2000978 inlägg
#23

Jo, jag förstår vad du menar och du kan behålla höjden.
Däremot föreslår jag att du lägger texten (som du vill ha en grå bakgrundsfärg på) i en <p> istället.
Ta sedan bort position:absolute.

Medlem sedan sep. 2000127 inlägg
#24

Insider>

1. Varför anser du att en <p> skulle vara bättre?

2. Har tagit bort absolute på "news" (texten), och satt relative. Detta medför att texten hamnar väldigt långt ner på sidan.

Medlem sedan sep. 2000127 inlägg
#25

Testade <p>, och förstod genast. Nu är hela bredden grå. =)
Ta en titt på http://www.pcgw.com/index/ för att se problemet. Eller problemen really, då texten hamnar både långt ner, och övergår ramen med en rad?

Medlem sedan jan. 2000978 inlägg
#26

För att en <p> fyller ut hela <div>:en som den ligger i. Även i sidledd.
Uppdatera gärna sidan du länkar till ovan.

Medlem sedan sep. 2000127 inlägg
#27

Den är uppdaterad!

EDIT: Gjort lite ändringar, kika på https://www.pcgw.com/index/index2.html.

Vad gjorde jag? Lät menyerna ligga först i HTML-filen, och lade till "contents" senare. Dessutom ändrade jag [p]-taggen där den grå bakgrunden ska ligga till en div, för att slippa det fula tomrummet som skapades.

Medlem sedan feb. 20001 861 inlägg
#28

Hur p-taggen skall se ut styr du ju med css så jag förstår inte riktigt varför du ersatte den med en div.

Medlem sedan sep. 2000127 inlägg
#29

Tja, finns det någon anledning till att använda p egentligen? Mer lättläst kod?

Medlem sedan feb. 20001 861 inlägg
#30

HTML används för att strukturera upp en sida, p har en strukturell betydelse, det har inte div.
Sen har det viss betydelse för tillgänglighet också, för en blind med talsyntes kan det göra stor skillnad att en rubrik är h2 i stället för div class='mellanrubrik'.
Det är mer "rätt" helt enkelt, bryr man sig inte om sånt så finns det ingen anledning.

Medlem sedan sep. 2000127 inlägg
#31

Min synpunkt var att jag ger div en strukturell betydelse, då jag tilldelar den en klass. I och med att jag har flera olika rubriker, så... fast man kan väl skapa rubriksnamn.h2, egentligen.

Jag har helt enkelt ignorerat W3Cs guidelines för åtkomlighet för handikappade, mycket på grund av att jag helt enkelt inte tänkt på det. Visserligen gör jag en webbsite för en tidning (som blinda inte kan läsa), men jag bör nog tänka om och skriva om en del av den. :i

Ja, jag ser ett värde i att följa W3Cs regler.

Tack för all hjälp jag fått! :birp

Medlem sedan feb. 20001 861 inlägg
#32

Kör hårt! :e

249 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
120 ms — deklarationer (db)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)