Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag08.09.2009 um 12:29 (UTC)    
Titel: HTML: Waagerechter Strich (hr)

Wie man einen waagrecht Strich hinbekommt weiß ich: entweder den Button im Editor drücken oder folgenden Code eingeben:

<hr style="width: 100%; height: 2px;" />

Jetzt will ich einen senkrechten Strich erstellen. Mit meinem laienhaften Wissen dachte ich mir ich tausche einfach die Zahlen um:

<hr style="width: 2px; height: 100%;" /> oder

<hr style="width: 2%; height: 100px;" />

Und siehe da: ein kleiner senkrechter Strich entsteht. Problem: Er ist nicht in der Länge veränderbar. Das heisst, gebe ich statt 100px nun 200 px an bleibt die Länge gleich! Sad

Idee? Danke!


Zuletzt bearbeitet von harleyheaven am 08.09.2009, 13:35, insgesamt einmal bearbeitet
Beitrag08.09.2009 um 12:35 (UTC)    
Titel:

Hier mal eine kurze Erklärung:
width: Breite
height: Höhe

Du benutzt nun folgenden Code:
Zitat:
<hr style="width: 100px; height: 2px;" />
Somit kannst du dann alles einstellen Wink

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag08.09.2009 um 12:43 (UTC)    
Titel:

Mein gewähltes Thema war schon richtig: ich meinte einen SENKRECHTEN Strich.

Habe den Code mal auf meiner HP eingefügt, HOME ganz unten. Einmal mit HEIGHT: 100 px und einmal mit 200 px. Wie man sieht bleibt die Länge des SENKRECHTEN Striches gleich ---> mein Problem!


Zuletzt bearbeitet von harleyheaven am 08.09.2009, 13:44, insgesamt einmal bearbeitet
Beitrag08.09.2009 um 13:01 (UTC)    
Titel:

Du benuzt folgenden Code:
Zitat:
<hr style="width: 2px; height: 100px;" />
<hr style="width: 2px; height: 200px;" />
Damit wird auch das angezeigt, was du wolltest Wink
Ein "hr" Feld ist innen immer transparent...
Du kannst do auch noch die Farbe einstellen:
Zitat:
<hr style="background: #BFBFBF;width: 2px;height: 100px;/>
Dabei ist momentan die Standart Hintergrundfarbe eingestellt...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag08.09.2009 um 13:05 (UTC)    
Titel:

Es tut mir leid, dass ich dich mit so einer Kleinigkeit nerve. Es gibt also keine Möglichkeit einen längeren senkrechten Strich zu erstellen?
Beitrag08.09.2009 um 13:12 (UTC)    
Titel:

Ich versteh jetzt nicht ganz,
was du machen möchtest...

Jedenfall habe ich hier mal ein Beispiel:
http://der-bielefeld-club.de.tl/hr.htm

Welcher dieser beiden Linien möchtest du realisieren?
Die Breite/Höhe kann man noch beliebig einstellen...

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag08.09.2009 um 13:30 (UTC)    
Titel:

OK, noch mal:

Ich habe auf meiner HOME-Seite einen Videoclip. Links davon möchte ich über die ganze HÖHE des Players einen SENKRECHTEN Strich haben.

Egal welche Zahlen ich in den Code eingebe, die HÖHE des Striches bleibt immer gleich. Das sieht man (wie oben beschrieben) auf meiner derzeitigen HOME-Seite ganz unten. Der linke SENKRECHTE Strich (HEIGHT: 100 px) ist genauso lang wie der rechte SENKRECHTE Strich (Height: 200 px).
Beitrag08.09.2009 um 13:39 (UTC)    
Titel:

Also ist das ganze so gemeint, oder? Confused
http://der-bielefeld-club.de.tl/hr.htm

Wenn ja, wäre hier der Code:
Zitat:
<table cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td><hr style="width: 2px; height: 775px;" />
</td>
<td>
<table cellspacing="1" cellpadding="1" border="0" align="center" width="95%">
<tbody>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td width="345"><span style="color: rgb(255, 153, 0);">&nbsp;<span style="font-family: Verdana;"><strong>&quot;PRAYER FOR&nbsp;POW</strong></span><strong><span style="font-family: Verdana;">ER&quot;&nbsp;&nbsp; </span></strong><br />
</span></td>
</tr>
<tr>
<td>
<div style="text-align: center;"><span style="color: rgb(255, 153, 0);"><u><span style="font-size: x-small;"><span style="font-family: Verdana;">Die in Stahl gegossene Leidenschaft</span></span></u></span></div>
<div style="text-align: center;"><span style="font-size: x-small;"><span style="color: rgb(192, 192, 192);"><br />
<span style="font-family: Verdana;">&quot;Vor mir verschwindet das schier unendliche Asphaltband am Horizont, unter mir verrichten die zwei m&auml;chtigen Kolben des gro&szlig;volumigen V2 ihre Arbeit in stoischer Gleichm&auml;&szlig;igkeit.<br />
<br />
Bereits vor etlichen Kilometern ist die Hektik des Alltags von mir gefallen und das Gef&uuml;hl der Freiheit hat von mir Besitz ergriffen.&quot;<br />
<br />
<img src="http://img.webme.com/pic/h/harleyheaven/skull.gif" alt="" /><br />
</span></span></span></div>
</td>
<td width="30">
<div style="text-align: center;">&nbsp;</div>
</td>
<td width="345">
<div style="text-align: right;"><object height="285" width="340">
<param name="movie" value="http://www.youtube-nocookie.com/v/U2olCKnTVPI&amp;hl=de&amp;fs=1 &amp;autoplay=1&amp;rel=0&amp;border=1" />
<param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" /><embed height="285" width="340" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" src="http://www.youtube-nocookie.com/v/U2olCKnTVPI&amp;hl=de&amp;fs=1 &amp;autoplay=1&amp;rel=0&amp;border=1"></embed></object></div>
</td>
</tr>
<tr>
<td colspan="3"><br />
<hr />
<br />
&nbsp;</td>
</tr>
</tbody>
</table>
<p align="center">
<table height="80" cellspacing="1" cellpadding="1" border="0" align="left" width="350" style="background-image: url(http://s8.directupload.net/images/090905/5fz9l2oi.jpg);">
<tbody>
<tr>
<td height="80" width="120">
<div style="text-align: left;"><span style="font-family: Verdana;"><strong>&nbsp; <img hspace="0" height="68" border="0" width="100" src="http://img.webme.com/pic/h/harleyheaven/restinpeace_hp.png" alt="" /></strong></span></div>
</td>
<td style="text-align: justify;"><span style="font-size: small;"><span style="color: rgb(255, 153, 0);"><strong><span style="font-family: Verdana;">&quot;Ride in Peace&quot;</span></strong></span></span><span style="font-size: x-small;"><strong><span style="color: rgb(255, 255, 255);"><span style="font-family: Verdana;"> - Ahnengalerie&nbsp; meiner Bikes, mit denen ich viele sch&ouml;ne Momente erleben durfte ... <br />
<br />
</span></span></strong></span><span style="color: rgb(192, 192, 192);"><span style="font-size: x-small;"><span style="font-family: Verdana;"><a href="http://www.harley-motorcycles.de/Ride-in-peace.htm" target="_self"><span style="font-size: small;"><strong><span style="color: rgb(255, 255, 255);">&nbsp;&nbsp;&nbsp; &lt;klick hier&gt;</span></strong></span></a></span></span></span></td>
</tr>
</tbody>
</table>
</p>
<p align="center">&nbsp;</p>
<p style="text-align: justify;">&nbsp;</p>
<p align="center"><br />
<br />
<br />
<br />
&nbsp;</p>
<hr />
<p align="center">&nbsp;&nbsp;&nbsp;</p>
<p align="center">
<table cellspacing="1" cellpadding="1" border="0" align="center" width="520" style="width: 520px; height: 166px;">
<tbody>
<tr>
<td width="50" style="text-align: justify;">&nbsp;</td>
<td width="300" style="text-align: justify;"><span style="font-family: Verdana;"><strong><span style="color: rgb(255, 153, 0);"><span style="font-size: small;">Die European Bike Week &reg; 2009</span></span></strong><span style="color: rgb(192, 192, 192);"><span style="font-size: x-small;">, <span><span>Europas gr&ouml;&szlig;te und beste Harley Party, steht vor der T&uuml;r! Vom 8. bis 13. September ist das K&auml;rntner &Ouml;rtchen Faak zum elften Mal Austragungsort eines&nbsp;Harley-Davidson Festivals. Rund um den See gibt es Musik und Unterhaltung f&uuml;r jeden Geschmack.<br />
<br />
<span style="font-size: xx-small;"><span>F&uuml;r mehr Infos bitte das Bild anklicken ...</span></span></span></span></span></span></span></td>
<td width="30" style="text-align: justify;">&nbsp;</td>
<td width="155"><a href="http://www.europeanbikeweek.com/de/home.asp" target="_blank" title="EUROPEAN BIKE WEEK"><img height="125" width="180" src="http://img.webme.com/pic/h/harleyheaven/ebw_logo.gif" alt="" /></a></td>
</tr>
</tbody>
</table>
</p>
</td>
</tr>
<tr>
<td colspan="2"><hr style="height: 2px;" />
</td>
</tr>
</tbody>
</table>
<br />
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag08.09.2009 um 13:44 (UTC)    
Titel:

Nein! Du gibst dir solche Mühe, aber das ist es nicht. Du hast einen WAGRECHTEN Strich eingefügt, das ist ja kein Problem.

SENKRECHT soll es sein. Warte kurz ich schieb mal ein Bild nach.
Beitrag08.09.2009 um 13:48 (UTC)    
Titel:

So, hier ein Bild. Da wirds verständlich:

http://img.webme.com/pic/h/harleyheaven/strich.jpg
Beitrag08.09.2009 um 13:57 (UTC)    
Titel:

Versuch mal folgenden Code:
Zitat:
<table><tr><td style="border-left: 2px; padding: 10px;">Video-Code</td></tr></table>


Wenn du nicht nur links, sondern an allen Seiten so einen Strich haben willst, lässt du das blaue weg. Beim grünen die Breite einstellen, die Höhe passt sich automatisch an.
______________



Zuletzt bearbeitet von 3fragezeichen am 08.09.2009, 15:00, insgesamt einmal bearbeitet
Beitrag08.09.2009 um 14:13 (UTC)    
Titel:

Danke! Ich muss aber zugeben, dass das zu kompliziert für mich ist! Ich wollte eigentlich nur einen senkrechten Strich, den ich dann in die leere Zelle links neben dem Player kopiere. Deinen Code in den bestehenden Code zu kopieren schaffe ich nicht. Aber macht euch keine weiteren Gedanken. Ich laß es erst mal so.

Nochmals vielen Dank an euch zwei!!!
Beitrag08.09.2009 um 14:16 (UTC)    
Titel:

Mh, vielleicht ist das einfacher für dich: Erstelle ein Bild (1x1px) in der gewünschten Farbe (wahrscheinlich schwarz) und füge es dann an der gewünschten Stelle so ein:
Zitat:
<img src="Bild-URL" style="height: XXpx; width: XXpx;">

______________

Beitrag08.09.2009 um 17:13 (UTC)    
Titel:

Perfekt! Solange keiner meinen Quelltext liest komm ich groß raus.

"Hintenrum" zum Erfolg! Dank dir 3?

@ Bielefeld-Club

Jetzt weiß ich warum wir aneinander vorbei geredet haben. Beim Internetexplorer waren die Strieche gleich groß. JEtzt unter Firefox sah ich, so wie du wahrscheinlich auch, den Unterschied. Also auch dir DANKE...
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de