Beiträge von usa_björn

usa_björn

Warum hab ich in meinem Testblog im zweiten Beitrag keinen sauberen Textumfluß? Ich hab schon alles probiert, der haut immer so ne Leerzeile in den Text rein.

Bitte um Hilfe!

Danke!

Gruß
Björn

Testblog
http://www.big-bt.de

usa_björn

nur das wir nicht aneinander vorbei reden, meine bilder sind jetzt mal als beispiel 800x600px groß, durch mygallery kann ich z.b. den wert 243px angeben und das bild wird verkleinert. diese funktion möchte ich gerne erhalten.

"overflow: hidden;" hat nix gebracht.

kann die stelle mit der div-geschichte nicht finden.

usa_björn

wo finde ich die stelle, in welcher datei?

usa_björn

nee, das geht nicht, da bestimme ich ja die größe der bilder im text, die sollen ja evtl. später unterscheidlich größen haben per code, möchte nicht jedes bild mit einem fotoprogramm verkleinern.

usa_björn

wo genau soll ich dann das "overflow: hidden" einbinden?

usa_björn

Code

.myinlinepictureleft {
 float: left;
 margin-right: 10px;
 margin-top: 23px;
}
.myinlinepictureleft a img {
 padding: 2px;
 border: 1px solid #666666;
 /* Hintergrundfarbe wählen, transparent funktioniert für border nicht */
}
 
.myinlinepictureleft a:hover img {
 border: 1px solid #666;  
 background: #c00;
}

Alles anzeigen

mit diesem Code hab ich es fast gelöst, leider wird nun der Text vom Rahmen nich mehr mit umschlossen.

http://www.big-bt.de

usa_björn

beide varianten haben das gleiche ergebnis bei mir, leider ohne erfolg. benutze ie7. jetzt habe ich zwei rahmen übereinander und der zweite ist seitlich versetzt. :-?

noch ne idee?

http://www.big-bt.de

usa_björn

[FONT=Times New Roman][size=12]Liebe Gemeinde,[/SIZE][/FONT]

[FONT=Times New Roman][size=12]in meinem Blog (noch im Aufbau) [/SIZE][/FONT][FONT=Times New Roman][size=12][COLOR=#800080]www.big-bt.de[/COLOR][/SIZE][/FONT][FONT=Times New Roman][size=12] hab ich ein Problem mit dem CSS von MyGallery. Ich möchte das der Rahmen um das Bild im Text beim überfahren mit der Maus nicht immer so springt. In der Sidebar beim Randombild funktioniert es ohne Probleme.[/SIZE][/FONT]

[FONT=Times New Roman][size=12]Bitte um Hilfe, danke![/SIZE][/FONT]

[FONT=Times New Roman][size=12]Gruß[/SIZE][/FONT]
[FONT=Times New Roman][size=12]Björn[/SIZE][/FONT]

Code

[size=12][FONT=Times New Roman].myrandompic img {[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        padding:2px;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        border: 1px solid #666666;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        background: #ffffff;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]}[/FONT][/SIZE]
 
[size=12][FONT=Times New Roman].myrandompic a:hover img {[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        padding:2px;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        border: 1px solid #666666;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        background: #cc0000;[/FONT][/SIZE]
[FONT=Times New Roman][size=12]}[/SIZE][/FONT]

Alles anzeigen

geht spitze :-D

Code

[size=12][FONT=Times New Roman].myinlinepictureleft {[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        padding:2px;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        border: 1px solid #666666;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        background: #ffffff;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        float:left;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        margin-right:10px;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        margin-top:23px;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]}[/FONT][/SIZE]
 
[size=12][FONT=Times New Roman].myinlinepictureleft a:hover img {[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        padding:2px;[/FONT][/SIZE]
[size=12][FONT=Times New Roman]        border: 1px solid #666666;         [/FONT][/SIZE]
[size=12][FONT=Times New Roman]        background: #cc0000;[/FONT][/SIZE]
[FONT=Times New Roman][size=12]}[/SIZE][/FONT]

Alles anzeigen

geht nicht :cry:

usa_björn

Danke, hat geklappt, hätte ich dumchen auch selber drauf kommen können. :oops:

Gruß
Björn

usa_björn

Guten Abend,

der Standard-Kalender (wenn er das sein sollte) den ich über

PHP

<?php get_calendar() ?>

in meiner Sidebar eingefügt hab, gefällt mir noch nicht ganz. Ich würde gern die Tage an den Beiträge vorhanden sind hervorheben und den aktuellen Tag auch (aber anders als die mit Beiträgen), so wie ich das schon oft in anderen Blogs gesehen hab. Geht das Überhaupt mit dem Standard-Kalender, oder brauch ich ein Plugin?

Blog http://www.big-bt.de (im Aufbau)

Danke!

Gruß
Björn

usa_björn

Guten Abend,

ich möchte gern das Zufallsbild (Randompic) von MyGallery in meiner Sidebar benutzen, leider bekomme ich es nicht hin, das Bild in meiner Sidebar zu zentrieren.

Hat jemand ein Tipp??? :confused:

Blog http://www.big-bt.de (im Aufbau)

Danke!

Gruß
Björn

usa_björn

zu1: ich hätte gerne, das bei dem großen Bild in der Gallery im ersten Beitrag, der Text "test1" mit im schwarzen 1px Rahmen vom Bild erscheint, so wie beim zweiten Beitrag bei dem kleinen Bild "Sonnenuntergang im Naturbad" mit im Rahmen drin steht.

zu2: hab den Beitrag jetzt nochmal in den fast Urzustand der css zurückgesetzt, jetzt kann man gut sehen das der Text beim umfluß des Bildes eine Unterbrechung hat, wie kann ich das beseitigen? Sollte dieses Bild jetzt am Textanfang sein, steht es viel höher als der Text, das könnte man mit "margin-top:23px;" beseitigen, aber dann reist es mir den Text beim Bild in der Mitte ganz auseinander.

http://www.big-bt.de

usa_björn

Scheinbar hab ich mir das selber verbaut, nach dem ich meinen falschen Eintrag gelöscht hab, hats schon gepasst. Wenn du noch Lust hast, kannst du mir evtl. noch weiter Helfen:

ich würde gerne das die Bildunterschrift mit in den Rahmen fällt, so wie die kleinen Bilder am Ende der Seite.
bei den kleinen Bildern am Ende der Seite, macht er mir immer Am Bild einen häßlich Absatz, trotz "float" Befehl. Hab das jetzt erstmal notdürftig verschönert und über " margin-top:23px;" es auf die gleiche Höhe gebracht wie die erste Textzeile, wenn nötig nehme ich es raus, um es dir zu verdeutlichen. Möchte das der Text schön um meine Bild drumrumfließt.

Danke!

Code

/* default style for myGallery  */
.mypicbox {
 margin-top: 10px;
 margin-bottom: 30px;
}
.mypicup {
}
.mygalleryup {
 padding-top: 10px; 
}
.mypicture {
 text-align: center;
 margin: auto;
}
.myfooter {
 text-align: center;
}
.mypicback {
 float: left;
}
.mypicfor {
 float: right;
}
.mypicsgallery {
 text-align: center;
 margin-top: 10px;
}
.mygallpic {
 margin-bottom:0px;
}
.mypicsgallery a img {
 border: 2px solid  #ffffff;
 padding: 1px;
}
.mypicsgallery a:hover img {
 border: 2px solid  #CC0000;
 padding: 1px;
}
 
.myrandompic img {
 padding:5px;
 border: 1px solid #666666;
 background: #ffffff;
}
.mygalleryoverview {
 margin-top: 10px;
}
.mygallerygallery {
 height: 130px;
 padding: 5px;
 margin-bottom: 5px;
 border: 1px solid #cccccc;
}
.mygallerynames {
 text-align: left;
  font-family: "Century Gothic",Verdana;
  font-weight: bold;
 margin:0px;
 padding:0px;
 font-size: 1.4em;
 margin-bottom: 10px;
}
.mygallerypreviewpics {
 float: left;
 margin-right: 12px;
}
.mygallerydescription {
 text-align: left;
 font-size: 1em;
}
.mypicboxentry {
 margin-top: 10px;
 margin-bottom: 10px;
 
}
.mypictureentry {
 text-align: center;
}
.mypicsgalleryentry {
 text-align: center;
}
.mygallpicentry {
 margin-bottom:0px;
}
.mypicsgalleryentry a img {
 padding: 2px;
             border: 1px solid #000000;
}
.mypicsgalleryentry a:hover img {
 padding: 2px;
 border: 1px solid  #CC0000;
}
.myinlinepicture {
 text-align:center;
 margin:auto;
 margin-top:10px;
}
.myinlinepictureleft {
 border:1px solid #000000;
 float:left;
 margin-right:10px;
 margin-top:23px;
}
.myinlinepictureright {
             border:1px solid #000000; 
             float:right;
 margin-left:10px;
 margin-top:23px;
}
.myinlinepictureleftclear {
 float:left;
 padding-right:10px;
 padding-top: 10px;
}
.myinlinepicturerightclear {
 float:right;
 padding-left:10px;
 padding-top: 10px;
}
.myinlinepicdescription {
 text-align:center;
 font-size: 0.8em;
 margin-bottom: 0.2em;
}
.myinlinepictureimg {
 border:0px;
}
.mypictureentryimg {
 padding: 2px;
             border: 1px solid #000000;
}
.mygallerypreviewpics img {
 border:0px;
}
.gallerynav {
 
}
.galleryfor {
 float: right;
}
.galleryback {
 float: left;
}
.exifmetalabel {
 font-family: Verdana;
 font-size: 1em;
}
.exifbox {
 border: 1px solid #cccccc;
 font-family: Verdana;
 font-size: 0.85em;
}
.exiflabelone {
 background: #eeeeee;
 font-weight:bold;
 padding-left: 10px;
 padding-right: 10px;
}
.exiflabeltwo {
 font-weight:bold;
 padding-left: 10px;
 padding-right: 10px;
 
}
.exifdataone {
 font-weight:lighter;
 
}
.exifdatatwo {
 font-weight:lighter;
}
 
.thumbsnav {
 
}
.thumbsfor {
 float: right;
}
.thumbsback {
 float: left;
}
.thumbscounter {
 color: #666666;
 text-align: center;
 font-size: 0.7em;
 font-family: 'Verdana', 'Geneva', sans-serif;
}
.mypiccounter {
 color: #666666;
 text-align: center;
 font-size: 0.7em;
 font-family: 'Verdana', 'Geneva', sans-serif;
}
.galcounter {
 color: #666666;
 text-align: center;
 font-size: 0.7em;
 font-family: 'Verdana', 'Geneva', sans-serif;
}
.transparent {
 color: #ffffff; 
}

Alles anzeigen

P.S. sorry das ich grad so blind war :oops:

usa_björn

nee nee, habs schon an der richtigen stelle

Code

/* default style for myGallery  */
.mypicbox {
 margin-top: 10px;
 margin-bottom: 30px;
}
.mypicup {
}
.mygalleryup {
 padding-top: 10px; 
}
.mypicture {
 text-align: center;
 margin: auto;
}
.myfooter {
 text-align: center;
}
.mypicback {
 float: left;
}
.mypicfor {
 float: right;
}
.mypicsgallery {
 text-align: center;
 margin-top: 10px;
}
.mygallpic {
 margin-bottom:0px;
}
.mypicsgallery a img {
 border: 2px solid  #ffffff;
 padding: 1px;
}
.mypicsgallery a:hover img {
 border: 2px solid  #CC0000;
 padding: 1px;
}
 
.myrandompic img {
 padding:5px;
 border: 1px solid #666666;
 background: #ffffff;
}
.mygalleryoverview {
 margin-top: 10px;
}
.mygallerygallery {
 height: 130px;
 padding: 5px;
 margin-bottom: 5px;
 border: 1px solid #cccccc;
}
.mygallerynames {
 text-align: left;
  font-family: "Century Gothic",Verdana;
  font-weight: bold;
 margin:0px;
 padding:0px;
 font-size: 1.4em;
 margin-bottom: 10px;
}
.mygallerypreviewpics {
 float: left;
 margin-right: 12px;
}
.mygallerydescription {
 text-align: left;
 font-size: 1em;
}
.mypicboxentry {
 margin-top: 10px;
 margin-bottom: 10px;
 
}
.mypictureentry {
 text-align: center;
 margin: auto;
}
.mypicsgalleryentry {
 text-align: center;
}
.mygallpicentry {
 margin-bottom:0px;
}
.mypicsgalleryentry a img {
 padding: 2px;
             border: 1px solid #000000;
}
.mypicsgalleryentry a:hover img {
 padding: 2px;
 border: 1px solid  #CC0000;
}
.myinlinepicture {
 text-align:center;
 margin:auto;
 margin-top:10px;
}
.myinlinepictureleft {
 border:1px solid #000000;
 float:left;
 margin-right:10px;
 margin-top:23px;
}
.myinlinepictureright {
             border:1px solid #000000; 
             float:right;
 margin-left:10px;
 margin-top:23px;
}
.myinlinepictureleftclear {
 float:left;
 padding-right:10px;
 padding-top: 10px;
}
.myinlinepicturerightclear {
 float:right;
 padding-left:10px;
 padding-top: 10px;
}
.myinlinepicdescription {
 text-align:center;
 font-size: 0.8em;
 margin-bottom: 0.2em;
}
.myinlinepictureimg {
 border:0px;
}
.mypictureentryimg {
[B]margin: 0 0 0 4px;[/B]
 padding: 2px;
             border: 1px solid #000000;
}
.mygallerypreviewpics img {
 border:0px;
}
.gallerynav {
 
}
.galleryfor {
 float: right;
}
.galleryback {
 float: left;
}
.exifmetalabel {
 font-family: Verdana;
 font-size: 1em;
}
.exifbox {
 border: 1px solid #cccccc;
 font-family: Verdana;
 font-size: 0.85em;
}
.exiflabelone {
 background: #eeeeee;
 font-weight:bold;
 padding-left: 10px;
 padding-right: 10px;
}
.exiflabeltwo {
 font-weight:bold;
 padding-left: 10px;
 padding-right: 10px;
 
}
.exifdataone {
 font-weight:lighter;
 
}
.exifdatatwo {
 font-weight:lighter;
}
 
.thumbsnav {
 
}
.thumbsfor {
 float: right;
}
.thumbsback {
 float: left;
}
.thumbscounter {
 color: #666666;
 text-align: center;
 font-size: 0.7em;
 font-family: 'Verdana', 'Geneva', sans-serif;
}
.mypiccounter {
 color: #666666;
 text-align: center;
 font-size: 0.7em;
 font-family: 'Verdana', 'Geneva', sans-serif;
}
.galcounter {
 color: #666666;
 text-align: center;
 font-size: 0.7em;
 font-family: 'Verdana', 'Geneva', sans-serif;
}
.transparent {
 color: #ffffff; 
}

Alles anzeigen

usa_björn

Hat leider nix gebracht, noch ne Idee? :confused:

Gruß
Björn

usa_björn

Guten Abend,

so, mein Rand hab ich jetzt, könnt ja mal schauen http://www.big-bt.de

Neues Problem, das Große Bild in der Gallery sitzt nicht in der Mitte zu den kleinen Thumbs, ich finde aber einfach nicht den Fehler. Bitte helft mir!

Gruß und schönen Abend noch
Björn

usa_björn

Danke für die schnelle Antwort, aber ich verwende myGallery und der gibt mir den Tag [inspic=4,right,fullscreen,250] zum einfügen. Ich finde das auch gut so, weil ich hier immer schön die Größe der Thumbs bestimmen kann ohne viel HTML. Aber leider klappt das mit dem Text nicht. Im CSS steht aber "float: left". Noch ne Idee?

usa_björn

Hallo Leute,

bitte schaut euch mein Blog an, ich brauch dringend Hilfe im zweiten Beitrag! http://www.big-bt.de

Warum hab ich in meinem Text so einen blöden Absatz, wie kann ich den entfernen, das das Bild sauber mit Text umhüllt ist?

Danke für eure Hilfe!

Gruß
Björn

usa_björn

Bis auf das #333333 ist schon alles so wie du es geschrieben hast. Oder soll ich den Code ändern? Bin ein ziemlicher Laie, bitte um Hilfe.

usa_björn

Hallo Leute,

bitte schaut euch mein Blog an, ich brauch dringend Hilfe! http://www.big-bt.de

Ich möchte gern um die Bilder ein weißen Rahmen (ca5px) und dann nochmal einen schwarzen Rahmen (ca.1px). Finde leider nicht die richte css und auch nicht die richtige stelle die ich editieren muß. Das alles bitte auch für Thumbs.

Danke für eure Hilfe!

Gruß
Björn

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von usa_björn

Kein sauberer Textumfluß??? :-(

CSS Problem bei Bilderrahmen - BITTE UM HILFE

CSS Problem bei Bilderrahmen - BITTE UM HILFE

CSS Problem bei Bilderrahmen - BITTE UM HILFE

CSS Problem bei Bilderrahmen - BITTE UM HILFE

CSS Problem bei Bilderrahmen - BITTE UM HILFE

CSS Problem bei Bilderrahmen - BITTE UM HILFE

CSS Problem bei Bilderrahmen - BITTE UM HILFE

Zufallsbild in Sidebar zentrieren???

Standard-Kalender in Sidebar anpassen???

Zufallsbild in Sidebar zentrieren???

benötige Hilfe - Rahmen um Bilder / CSS bearbeiten

benötige Hilfe - Rahmen um Bilder / CSS bearbeiten

benötige Hilfe - Rahmen um Bilder / CSS bearbeiten

benötige Hilfe - Rahmen um Bilder / CSS bearbeiten

benötige Hilfe - Rahmen um Bilder / CSS bearbeiten

Problem, Text umfließt Bild nicht richtig???

Problem, Text umfließt Bild nicht richtig???

benötige Hilfe - Rahmen um Bilder / CSS bearbeiten

benötige Hilfe - Rahmen um Bilder / CSS bearbeiten