Underline di riempimento

**luca200** · 20-12-2008, 12:30

Vorrei fare una cosa di questo tipo: diciamo che ho un box di circa 300px di larghezza, nel quale devo mettere un testo piuttosto breve allineato a destra.
Quello che vorrei fare è ottenere un underline che parta dal margine sx e arrivi all'inizio del testo.
Come nell'immagine allegata insomma.

C'è modo?

Thks

**ricman** · 22-12-2008, 12:02

Se dai display block e un border-bottm al tag dei "35Euro" questo si espande a tutta la riga e te la sottolinea...

**luca200** · 22-12-2008, 12:08

Grazie, ma non è quello che voglio

Come si vede dall'immagine, la sottolineatura si deve fermare prima del testo

**emnlmn** · 22-12-2008, 12:17

Puoi realizzare la sottolineatura con un immagine di sfondo nel tag contenitore, questo ti permette di non utilizzate marcatura aggiuntiva.
oppure puoi inserire un altri contenitore, vuoto, con dimensione complementare a quello della scritta "35euro" ed assegnarli un margin bottom.

**Gufo** · 22-12-2008, 12:37

Una cosa Così ti potrebbe andare?

**luca200** · 22-12-2008, 13:28

Originariamente inviato da Gufo
Una cosa Così ti potrebbe andare?

Sì, l'idea sarebbe esattamente quella, ma come dovrei ottenerla? Ho dato un'occhiata al codice ma non mi è chiarissimo

**luca200** · 22-12-2008, 13:29

Originariamente inviato da emnlmn
Puoi realizzare la sottolineatura con un immagine di sfondo nel tag contenitore, questo ti permette di non utilizzate marcatura aggiuntiva.

Non volevo usare una cosa fissa...

Originariamente inviato da emnlmn
oppure puoi inserire un altri contenitore, vuoto, con dimensione complementare a quello della scritta "35euro" ed assegnarli un margin bottom.

Questa idea l'avevo avuta, ma il contenitore "con dimensione complementare" come lo tiro fuori?

**Gufo** · 22-12-2008, 13:36

Originariamente inviato da luca200
Sì, l'idea sarebbe esattamente quella, ma come dovrei ottenerla? Ho dato un'occhiata al codice ma non mi è chiarissimo

Ecco il codice

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<style type="text/css">
<!--
#box {
	font-size: 13px;
	color: #000000;
	text-align: right;
	height: 50px;
	width: 300px;
}
-->
</style>
</head>

<body>

<div id="box">_____________________________________35.00EUR</div>

</body>
</html>

Semplice no? senza tante soluzioni inopportune

**ricman** · 23-12-2008, 00:59

Originariamente inviato da Gufo
Semplice no? senza tante soluzioni inopportune

Io non avevo capito che voleva dei trattini...

Scusate...

**luca200** · 23-12-2008, 11:31

Originariamente inviato da ricman
Io non avevo capito che voleva dei trattini...

Scusate...

In effetti non è che volessi dei trattini, e la soluzione di Gufo non era esattamente quello che intendevo, perché il testo è dinamico, anche se varierà di poco. Ma a quanto pare non si riesce a fare di più.

Grazie a tutti comunque

Discussione: Underline di riempimento

Strumenti discussione

Ricerca discussione

Visualizza

Underline di riempimento

Permessi di invio