ugrás a tartalomhoz

ne legyen sortores <span> ben

ratson · 2006. Május. 31. (Sze), 12.37
<div>
<span><b>tel:</b> 222-0123</span>
<span><b>e-posta:</b> pl##kukac##pelda.hu</span>
<span><b>adószám:</b> 12345678-2-42</span>
<span><b>bankszámlaszám:</b> 87654321-32321418</span>
</div>

a fenti példában hogy tudom megoldani hogy hogy a span-ek tartalma semmiképpen se legyen sortörött, tehát se a fehér karaktereknél se a "-"- nél ne törjön sort.

a

white-space: nowrap;

css- elemmel próbálkoztam már, de az az egész sort tette "nem sortörötté" nem pedig az egyes span elemeket.

segitseget elore is koszi.

RM
‹ Firefox CSS form input display bug? Középre igazítás CSS-el, Firefoxban - nem sikerül ›
 ■
1

CSS

Poetro · 2006. Május. 31. (Sze), 13.47

span {
  white-space: nowrap;
}
3

igen

ratson · 2006. Május. 31. (Sze), 14.30
ez az amivel probalkoztam, szal ez nem megy.
egy szimpla felsorolásról lenne szó egymás mellett, azért van span-be téve mert a spanek border-left-je 1pxre be van állítva térelválasztónak, viszont pont ezért ha sortörés van akkor az explorer kedves bugja miatt megjelenik a baloldali border az uj sor legelejen is ahol ugye nem kéne neki.
mivel egyébként se szép ha ezeket az infokat sortöri, tehát egymás melletti inline span-ekkel szeretnem megoldani hogy egyenkent nowrap-osak legyenek. (ha a fent említett white-space: nowrap; -ot hasznalom akkor az ossszes spanem egyutt lesz nowrapos, tehatahol kene hogy legyen ott sincs sortores)

na jol elmagyaraztam, remelem ertheto voltam ;)
2

yo

vbence · 2006. Május. 31. (Sze), 13.50
Halihó!
Picit hasznosabb lett volna, ha magát a css-t is mellékeled, úgy talán megértem mi is a cél. Pl külön soba szeretnéd ezeket a dolgokat? Akkor legyen mondjuk BR a végén, vagy:
span {
display: block;
}
vagy valami hasonló.
4

re

ratson · 2006. Május. 31. (Sze), 14.48
kicsit bonyolult a css azért nem mellékeltem, de valami ilyesmirol lenne szo:

div {
	padding: 10px;
	border-top: #D3CBC2 solid 1px;
}

span {
	padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid;
}
5

inline

Anonymous · 2006. Május. 31. (Sze), 21.39

span {
    display: inline;
}
?
6

span

ratson · 2006. Május. 31. (Sze), 22.19
span alapbol inline es nem ertelmezem felul. pont ez a baj hogy szepen tori a sort ahol kell, de en azt szeretnem meghatarozni hogy hol torHETi meg es hol ne!
7

pre, e-posta

Jano · 2006. Május. 31. (Sze), 22.59
Esetleg próbáld meg a "pre" értéket, hátháa az úgy viselkedik ahogy neked kell W3.org: White-space.

Elnézést ha rosszul tippelek, de ha ebből több van egymás alatt akkor div-span helyett táblázatot használj inkább.

Az e-posta elnevezésre meg jópár embernek elsőre gondolkodnia kell majd az email helyett.
8

konkretizálás

ratson · 2006. Május. 31. (Sze), 23.12
koszi a tippet, azt is probaltam. sajnos nem jott be.
tablat biztos nem fogok itt hasznalni, de a probleme nem is ebbol fakad hanem egy explorer bugbol amivel ha egy spannek border-leftje van akkor ha a span- en belul sortores van akkor az ujsor elejere is kiteszi a bordert.

pl. tegyuk fel a | mutataja most az 1px vastag border-left-et:

firefox igy jeleniti meg:
bl ablab lab la | blabl abl ab | labl abla | blablabla | bla
blabla | blablablablabla | blablabla

ie:
bl ablab lab la | blabl abl ab | labl abla | blablabla | bla
|blabla | blablablablabla | blablabla

(tehat a masodik sorba ahol sortores van oda is kiteszi a span border-leftjet.) erre lenne megoldas ha nem lehetne a span-en belul sortores. vagy mas otlet??
9

background-image

Jano · 2006. Május. 31. (Sze), 23.36
Tedd be háttérképként, bővebben: Elválasztó vonal CSS-sel és itt a 2c módszer.
10

végső megoldásként talán

ratson · 2006. Jún. 1. (Cs), 00.06
köszi a tippet, meg tudom oldani úgy is hogy berakok egy extra inline tagot ami 1 pixel széles, de egyszerűen enm hiszem el hogy nem lehet zt sima egyszerű css megoldasokkal jól megcsinalni.... nincs tipp?? esetleg arrol hogy a white-space: nowrap; ervenyesseget hogy tudom szigoruan csak egy span- /span paros koze szoritani???
11

szerintem meglehet

Jano · 2006. Jún. 1. (Cs), 11.26
Mint feljebb is volt.

div span {
 white-space:nowrap;
}
Ez a szabály (kiválasztója "div span") pontosan azt csinálja , hogy a span-on belüli részben nem lehet sortörés, de spanok között lehet. Kipróbáltam, ha nem fér el már a sorban a teljes span tartalma akkor a következő sorba teszi, ha nem fér el széltében egy sorban a divben, akkor elkezdi IE nyújtani a dobozt és nem töri meg. A spanok így új sorba kerülhetnek, de a span-on belüli tartalom soha.

Ha nem ez a viselkedés amit el szeretnél érni akkor nem értem.

Esetleg még próbálkozhatsz a display állítással:

div span {
 display:inline-block;
}
12

igaz

ratson · 2006. Jún. 1. (Cs), 11.46
teljességgel igazad van, a nowrap dolog mukodott nalam is, de explorer hibasan kezelte olyankor a padding-left -et.
megprobalom leirni hogy: span - nowrap esetén letette uj sorba ami mar nem fert ki normalisan, de ilyenkor a bal padding 0 lett (csak ie) tehát "rácsúsztak" a betűk a bal borderre. egészen addig noveltem a span-ek bal- és jobb paddingját (14px-re) amig hirtelen egy ugrassal helyesen jelenitette meg. (tehat 13 px-nel meg ra volt csuszva, 14px-nél pedig helyesen 14 px volt a border es az elso betu kozott...) szóval eléggé meglepő.

kiprobaltam inline-block-kal, az jól működik! vissza tudtam venni a bordert az eredeti elképzelés szerinti 5px-re, viszont ez az inline-block dolog ez csak ie-s tulajdonsag ha jol latom. valid lesz a css-em ezzel? (ez a cél)

--szerkesztve--

leellenoriztem, nem valid. :(

ezesetben a nowrap megoldast kene kicsiszolni, nem tudjatok mitol lehet a padding-gal a problema?
13

inline-block CSS 2.1-ben benne van

Jano · 2006. Jún. 1. (Cs), 12.14
9.2.4 The 'display' property

Még ezt érdemes megnézni: quirksmode.org display

Másrészt csinálhatod azt, hogy IE-nek Conditinal Commentsben adsz másik CSS-t.

Megj: Ha az IE hibája miatt kell vacakolni, akkor nem úgy kell kifakadni, hogy "ezt nem lehet CSS-sel megcsinálni".
14

jogos!?

ratson · 2006. Jún. 1. (Cs), 13.33
koszi a tippeket, attol fuggetlenul hogy 2.1-ben benne van a validator errornak irja akkor is ha css2.1- szerint validálom... érdekes. a padding eltunese mint kiderult szinten explorer bug mint azt itt leírják, de itt is a display: inline-block-ot javasolják megoldásnak, ami visziont nem validál :d mit lehet ilyenkor tenni?

megj. : nem egészen ezt írtam...
15

kompromisszumot kötni

Jano · 2006. Jún. 1. (Cs), 14.51
Azt kérdezed mit lehet ilyenkor tenni? Kompromisszumot kell kötni. Ha az IE két megoldásra is bugos, a validátor a szabványban leírt megoldásra hibát ír ki, a háttérképes kerülö megoldás meg nem tetszik akkor választani kell egyet ezek közül ami te szemedben a legkisebb rossz.
16

ok

ratson · 2006. Jún. 1. (Cs), 15.09
ok, igazad van, koszonok minden segitseget, szerintem ezt a temat sikerult alaposan kielemezni ;)