Text im Rahmen

[Moni]

Hallo,
ich bin am Ändern der Impressum Seite bei meiner HP. Allerdings komme ich mit meinen Kenntnissen nicht weiter und wäre für Tipps sehr dankbar.

Es schaut so aus, s. angehängte Datei

Ich würde das gerne so ändern, dass einmal der Rahmen schmaler wird, also nicht über die ganze Breite geht und das neben dem Foto, die Adresse bzw. der weitere Text geschrieben steht. Im Code sieht das im Moment so aus:

<p style="border-width:1px; border-color:#333; border-style:dashed; padding:5px;">
<br />
Betreiber und Inhaber dieser Webseiten <a href="http://www.casa-prima.com">www.casa-prima.com</a> <br />
<img src="_images/impressum_foto.jpg" alt="die Moni" width="100" height="100" title="die Moni" />
Monika Eichfeld | 9 Rue Louis Pasteur | F-67770 Sessenheim <br />
Tel: work+49 (163) 1705851<br />
vCard:
<br />
Email und Feedback an: <a href="mailto:webcat@casa-prima.com">webcat {at} casa-prima {punkt} com</a>
<br />
MSN Messenger:
<br />
Skype: <br />

[Ebba]

und das neben dem Foto, die Adresse bzw. der weitere Text geschrieben steht.

Hallo Moni, ändere den Code wie folgt:

<img src="_images/impressum_foto.jpg" alt="die Moni" width="100" height="100" align="left" title="die Moni" />

[Moni]

Ebba, vielen Dank sagt das blinde Huhn ! :oops:

[Moni]

Hallo Ebba, kannst Du mir noch eimal einen Tipp geben, da ich auch hier nicht weiterkommen und zwar bei folgendem:

ich habe bei einer sehr Textlastigen Seite einen Sprung eingebaut, der funktioniert. Was ich nicht wegbekomme ist der Rahmen um das GIF.
<a href="#bis-hier" class="float-right"> <img src="_images/link_nach-oben.gif" alt="zur Seitennavigation" border="0"/></a>

Ein ähnliches Problem habe ich bei den Fotos. Ich habe einen Rahmen darum gelegt in Grau mit PI, den feinen Strich bekomme ich ebenfalls nicht weg.

Woran kann das liegen, wo habe ich einen Fehler eingebaut?

Vielen Dank im Vorauss und für alle Antworten.
Gruss Moni

[Ebba]

Hallo Moni, vielleicht solltest Du mal den Link zur Seite angeben, daß wir in den Quelltext gucken können.
Ich vermute mal, daß irgendwo per definitionem in den CSS was drin ist, was das verursacht. Ich weiß aber nicht, ob ich den Grund dafür finde, aber dann können es sich die anderen hier auch mal angucken.
Ich kenne mich zwar mit CSS etwas aus, aber so ganz in die Tiefen bin ich da auch noch nicht eingedrungen.

[Hippo]

Hallo,
könnte es evtl. daran liegen:

Code:

div.inhalt p img
{
    margin:5px 5px 2px 2px;
    border:1px solid #666;
}

oder

Code:

ul.galerie img
{
    border:1px solid #666;
}

Finde jetzt die genaue Seite nicht mit dem Katzenbabie!

@Ebba
Hier die URL:
http://www.casa-prima.com/styles.css
http://www.casa-prima.com/

[Moni]

Danke, dass Ihr da mal reinschaut... und zwar

http://www.casa-prima.com/styles.css
http://www.casa-prima.com/kinderkrankheiten.html
http://www.casa-prima.com/rassekatzen.html

In Sachen Tyles Sheet bin ich überhaupt nicht Sattelfest und traue mich kaum noch eine Änderung zu machen, da ich heilfroh bin, dass das alles einigermaßen funktioniert. Nicht das ein falscher Eindruck entsteht, die Basis von dem Style Sheet war freiverfügbar im Internet.

Deshalb ganz lieben Dank !

Gruss Moni

[Jürgen]

Hallo Moni,
kopier die style.css in einen anderen Ordner als Sicherung, dann kannst Du mit dem Duplikat spielen wie Du willst. Immer nur eine Änderung vornehmen und dann das Ergebnis ansehen. Zur Not hast Du dann ja noch das Original.

Bis dann
Jürgen

[Moni]

Danke Jürgen, guter Tipp!
Ich glaube ich brauch' mal ne Pause. Ich habe schon eckige Augen.
Gruss Moni

Hallo Moni,
kopier die style.css in einen anderen Ordner als Sicherung, dann kannst Du mit dem Duplikat spielen wie Du willst. Immer nur eine Änderung vornehmen und dann das Ergebnis ansehen. Zur Not hast Du dann ja noch das Original.

Bis dann
Jürgen

[Moni]

Hallo zusammen,

ich habe bei dem div inhalt die border rausgenommen.

div.inhalt p img
{
margin:5px 5px 2px 2px;
border:1px solid #666;
}

Ich stelle das nun mal online, das sieht dann so aus. http://www.casa-prima.com/katzenkauf.html#bis-hier

Allerdings ist da wieder ein Unterschied in der Darstellung von IE und FF. Und das Sprung Zeichen, also die kleine Dreieck, kann ich nicht darstellen, da im Code eine </dt> und <dd> steht. :?:

Gruss Moni