Как мога да задам тире (ndash) в <ul style="list-style-type:???">


4
На лекцията Дончо каза, че първа задача може и без "type", но ми се ще да си поиграя.
Прочетох, че може със "list-style-type", но не знам как да му задам самото тире. Не става нито с – – или –
А всъщност този тип списъци - започващи с тире или дълго тире, са най-типични (в преди-HTML текстовете) - нямам идея защо са пропуснати като HTML тагове...
Навярно има някоя друга CSS магия - може ли някой да сподели? Стилче, което да вкарва произволен ASCII код като начален знак на
    таг?!?



Отговори



6

използвай :before - това е pseudo-class в CSS и слага съдържание пред въпросният html елемент, в твоят случай ще бъде:
li:before {
content:"тук е съдържанието";
}
ако ти е интересно прочети тази статия:
http://coding.smashingmagazine.com/2011/07/13/learning-to-use-the-before-and-after-pseudo-elements-in-css/


от mkirov (74 точки)


0
Благодаря, funkz - но май трябва първо да се захвана със CSS, без да чакам следващия семестър :)

от Dilyan Tarashoev (0 точки)

0
Това определено работи и аз така го направих и работи на по-новите браузъри (на стари не съм го пробвал, че нямам под ръка).
@Dilyan Tarashoev - и аз мисля, че не трябва да се чака и по-малко да се разучава CSS. Google ми помага в това отношение. Аз от примерите в мрежата се ориентирах. Пробвах 3 начина да прилагам CSS стилове: Директно в тага (style="

от stinger (0 точки)



1

Ако става въпрос за тази задача:

1.Write an HTML page like the following:

* Use headings and divs,

нали препоръката е да се направи с  headings and divs?

Тогава може и с обикновено тире, поне на екрана не ми се размества, а текстът е къс и не се пренася на следващ ред в дадения случай.

 


от ellapt (6303 точки)


0
Благодаря, Ella - да, може, но това е тривиално решение. Иска ми се да намеря радикално решение, нещо по-така, просто от любопитство - а именно да вкарва в листовете произволен знак вместо стандартните 3 :)

от Dilyan Tarashoev (0 точки)

0
Ок, разбирам :)

от ellapt (6303 точки)


0
А какво ще кажете за това.. – ?

от ileto (0 точки)


0
Ileto, не е в това въпроса - тирета всякакви дал господ :) Прочети внимателно за какво става дума. Не какво да е тирето, а как да се вкара пред реда от списъка!

от Dilyan Tarashoev (0 точки)


0
Здравей,
Във видеото се казва, че трябва да направиш списък, без тирета, а с точки. Няма нужда да ползваш CSS и т.н.
Поздрави,

от martingeorgiev (2318 точки)


0
marting, отново прочети - но внимателно, а не диагонално ;) първото изречение от въпроса ми :)

от Dilyan Tarashoev (0 точки)


0

Това е моето решение на първа задача от първата тема на курса по HTML,само че незнам дали е напълно вярна понеже тиренцата на списъка отидоха малко по навътре :)

 

<!DOCTYPE html>
<html>
<head>
           <title>
           </title>
          <style>
                ul {list-style: none;}
                li:before {content: " - ";}
          </style>
</head>
<body>
<p>Hello, Stranger!</p>
<h1>Welcome to Runners Home<sup>TM</sup></h1>
<p>Runners Home<sup>TM</sup> is dedicated to providing you with:</p>
<ul>
<li>the most up-to-date information on running races</li>
<li>the best resources for runners.</li>
</ul>
<hr />
<p>&copy; 2007 Runners Home. All rights reserved.</p>
</body>
</html>

 


от masterrank (122 точки)