| Autor |
Nachricht |
Zim
Dabei seit: 05.12.2006
Ort: Earth Rocks
Alter: -
Geschlecht: 
|
Verfasst Di 13.05.2008 15:27
Titel
|
  |
|
| Zitat: | | Allerdings ist das Problem damit noch nicht aus der Welt: |
sehe ich auch so … so ganz einfach ist das problem nicht zu beheben … ich denke das muss event. JavaScript her … wie gesagt, ich mache mir mal Gedanken darüber und less es dich wissen wenn mir was einfällt.
|
|
| |
  |
 |
pRiMUS
Dabei seit: 09.09.2003
Ort: Nemmberch
Alter: 33
Geschlecht:
|
Verfasst Di 13.05.2008 16:24
Titel
|
|
|
| postkomm hat geschrieben: | ... vielen Dank für eure Antworten, insbesonderen Dank an Zim für besseren Antworten.
Allerdings ist das Problem damit noch nicht aus der Welt:
p {
font-size: 14px;
border-bottom:#009900 dotted thick;
display:inline;
}
Die Linie läuft weiterhin nur soweit wie die Schrift! |
mit display inline ist das auch klar, das kannst weglassen, dann geht die linie auch bis zum ende, wie geschrieben ist das nur bei einem zeilenumbruch nicht (ohne weiteres) möglich, hier liesse sich ggf was mit den css selektoren lösen, die aber bei allen browsern ohne js nicht einsetzbar sind.
von daher ist die derzeitige browserübergreifende lösung die ich geschrieben habe ohne zusätze von javascript die einzig mir bekannte. vielleicht noch wenn man mit spans darin rumwerkelt, das könnte dann auch gehen, aber das ist dann wieder codesuppe ohne ende.
|
|
| |
 |
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.05.2008 16:31
Titel
|
|
|
| pRiMUS hat geschrieben: | | von daher ist die derzeitige browserübergreifende lösung die ich geschrieben habe ohne zusätze von javascript die einzig mir bekannte. vielleicht noch wenn man mit spans darin rumwerkelt, das könnte dann auch gehen, aber das ist dann wieder codesuppe ohne ende. |
Nein, was du da gepostest hast zieht nur eine Linie zum Ende des P Elementes, und dass ist auch korrekt so
für die border-bottom Eigenschaft. Wie Zim schon angesprochen hat, wäre Javascript eine Möglichkeit, man
muss jede Zeile mit einem Block Element umgeben und dieses mit einer border-bottom Eigenschaft versehen.
|
|
| |
|
|
zweitaccount
Dabei seit: 25.01.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 13.05.2008 17:16
Titel
|
|
|
Wenn js aus irgendeinem Grund ausfällt, könntest
Du höchstens noch hergehen und das in etwa so
hinfaken: 
| Code: | <html>
<head>
<title>Linienmassaker</title>
<style type="text/css">
<!--
DIV.container DIV.lines {
position:absolute;
width:100%;
z-index:0;
}
DIV.container P,
DIV.container DIV.lines P {
font-size:1em;
line-height:1.4em;
padding:0;
margin:0;
}
DIV.container DIV.lines P {
width:100%;
background:url(pixel.gif) repeat-x bottom left;
}
-->
</style>
</head>
<body>
<div class="container">
<div class="lines">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<p>eine zeile</p>
<p>noch eine zeile<br />
noch eine zeile</p>
<p>noch eine zeile</p>
<p>noch eine zeile<br />
noch eine zeile<br />
noch eine zeile<br />
noch eine zeile</p>
</div>
</body>
</html>
|
Das pixel.gif wär dann der Linienstyle quasi.
Gruß
zweitaccount
|
|
| |
|
|
ali_r
Dabei seit: 22.03.2008
Ort: Hamburg
Alter: -
Geschlecht:
|
Verfasst Di 13.05.2008 20:21
Titel
|
|
|
Wie ist das ganze denn in deinem Beispiel gelöst?
Hast du mal in den Quellcode geschaut?
Ich denke das wäre die effizienteste Lösung von allen,
weil du willst es ja genau wie in dem Bsp. haben.
|
|
| |
|
|
deeesi
Dabei seit: 01.09.2004
Ort: AACHEN
Alter: 27
Geschlecht: 
|
Verfasst Di 13.05.2008 20:27
Titel
|
|
|
| ali_r hat geschrieben: | Wie ist das ganze denn in deinem Beispiel gelöst?
Hast du mal in den Quellcode geschaut?
Ich denke das wäre die effizienteste Lösung von allen,
weil du willst es ja genau wie in dem Bsp. haben. |
vielleicht ist das bild von seinem photoshop (oder anderem programm) layout??? 
|
|
| |
|
|
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Di 13.05.2008 20:36
Titel
|
|
|
du kannst ein bild in den hintergrund machen mit den linien
das musst du dann per css mit position in den hintergrund setzen und die groesse mit em angeben
dann vergroessert es sich auch immer mit
fuer die schrift am besten dann auch em
|
|
| |
|
|
postkomm
Threadersteller
Dabei seit: 13.05.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 14.05.2008 08:00
Titel
|
|
|
| Zitat: | du kannst ein bild in den hintergrund machen mit den linien
das musst du dann per css mit position in den hintergrund setzen und die groesse mit em angeben
dann vergroessert es sich auch immer mit |
das scheint ja ein sehr interessanter ansatz. aber wie vergrößert sich das bild? die linien müssen dann ja breiter und evtl. mehr werden!
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
komplette Website als Text speichern
Dreamwaever MX 2004 7.0.1: Text als Text einfügen
Indesign Text vektorisieren oder Text einbetten
Was kostet eine Website
Standardmaße Website?
Website bekannt machen
|
|
Willkommen auf dem Portal für Mediengestalter
