You are not logged in.

Unschöne Umrandung um verlinktes Bild wegbekommen

wcf.regNote.message

eN.CorE

Beginner

  • "eN.CorE" started this thread

Posts: 3

  • Send private message

1

Saturday, December 15th 2007, 2:06pm

Unschöne Umrandung um verlinktes Bild wegbekommen

Hey Leute,

ich habe ne kleine GameServer-Community.
Unsere neue Homepage, die momentan noch nicht veröffentlicht wurde hat noch ein paar kleine Macken.

Vllt könnt ihr mir ja helfen ;)

http://88.84.147.149 erstmal der Link.
Wie ihr seht ist unten rechts in der Box "Live Support" ein kleines Image (Online bzw. Offline).
Aufgrund der Verlinkung dieses Images ist es so unschön-blau umrandet.
Ich hab schon alles versucht.. wie bekomme ich die Umrandung weg?

M.F.G.

Prometheus

Administrator

Posts: 3,278

  • Send private message

2

Saturday, December 15th 2007, 2:23pm

Such einfach in deinem Quelltext nach dem Image Tag und dort fügst Du border="0" hinzu. Du kannst auch mit CSS global diese Einstellung vornehmen. Wenn es eine CSS Datei gibt wär das der bessere weg da Du so die Optik für die ganze Seite einheitlich steuern kannst.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

eN.CorE

Beginner

  • "eN.CorE" started this thread

Posts: 3

  • Send private message

3

Saturday, December 15th 2007, 2:30pm

Hey, vielen Dank für deine Antwort ;)

also ich probiers mit der Css.
Meine style.css sieht so aus

Source code

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

body				{font-family:Verdana;font-size:10px;margin:0px;background:#333333;}
font				{font-family:Verdana;font-size:10px;}
p					{font-family:Verdana;font-size:10px;}
div					{font-family:Verdana;font-size:10px;}
select				{font-family:Verdana;font-size:10px;}
input				{font-family:Verdana;font-size:10px;}
textarea			{font-family:Verdana;font-size:10px;}
form 				{font-family:Verdana;font-size:10px;margin:0px;}
td					{font-family:Verdana;font-size:10px;}
table				{border-collapse:collapse;border:0 0 0 0;}
a:link				{text-decoration:none;color:#00000;}
a:visited			{text-decoration:none;color:#00000;}
a:hover				{text-decoration:none;color:#00000;}
.footmsg			{font-family:Verdana;font-size:9px;color:#ffffff;}
.title				{font-family:Verdana;font-size:18px;font-weight:bold;}
.small				{font-family:Verdana;font-size:8px;}

.inputfield			{border:1px solid;color:#546069;background:#ffffff;}
.textfield			{border:1px solid;color:#546069;background:#ffffff;}
.selectfield		{border:1px solid;color:#546069;background:#ffffff;}

.feedbacktable		{width:380px;border:0px;}
.feedbacktable td	{padding-top:2px;padding-bottom:2px;}

.impressumtable		{width:100%;border:0px;}
.impressumtable td	{padding-top:2px;padding-bottom:2px;}
.inputtable			{border:0px;}
.inputtable	td		{padding-top:2px;padding-bottom:2px;}

.opentable			{width:500px;border:0px;background:#333333;}

.productinfo		{padding-left:10px;padding-right:38px;text-align:justify;}
.productlist		{padding-left:10px;padding-right:38px;text-align:justify;}
.buttoncalc			{padding-left:290px;}
.buttoncheck		{padding-left:290px;}
.buttoninfo			{padding-left:290px;}
.buttonlist			{padding-left:290px;}
.buttonperso		{padding-left:180px;}
.buttonpersocheck	{padding-left:180px;}


Was muss ich daran ändern?
M.F.G.

This post has been edited 2 times, last edit by "eN.CorE" (Dec 15th 2007, 2:47pm)

ShaoKhan

www.Spiegelwelt.com

Posts: 393

Location: 127.0.0.1

Occupation: EDV Dienstleister

  • Send private message

4

Sunday, December 16th 2007, 12:09am

Da sind auf den ersten Blick keine Bilder definiert.
Könnte aber sein, das die Bilder 'ne class=produktinfo oder sowas in der Art haben, dann musste da was ändern.
Ansonsten im <img src....> ein border=0 einfügen wie Prometheus schon sagte.

sincerly .... ShaoKhan

PS: hab grad mal geschaut. Such mal in deinem Quelltext nach:

Source code

 
1

<img src="http://88.84.147.149/phponline/statusimage.php"/>


das änderste in:

Source code

 
1

<img src="http://88.84.147.149/phponline/statusimage.php" border="0"/>


Viel Spass noch.
Leben heisst - Narben tragen.

eN.CorE

Beginner

  • "eN.CorE" started this thread

Posts: 3

  • Send private message

5

Sunday, December 16th 2007, 2:24am

Ahhhhh :):)
Danke!! Es funzT!!!!!

Prometheus

Administrator

Posts: 3,278

  • Send private message

6

Sunday, December 16th 2007, 2:54pm

Damit das über die CSS gesteuert wird könntest Du auch folgende Zeile einfügen.

Source code

 
1

.image			{border:0px;}

Und dann bei allen IMG Tags einfach "class="image" hinzu fügen. Vorteil ist wenn Du mal was ändern willst muss es nur an einer Stelle geändert werden und nicht bei jedem IMG Tag.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Noisy

Trainee

Posts: 65

Location: Frankfurt

  • Send private message

7

Monday, December 24th 2007, 2:53pm

Gloabl CSS:

Source code

 
1

img { border: 0px; }


Dadurch haben alle Bilder automatische keinen Rand, egal ob mit Link oder ohne Link.


PS: Irgedwnie laggt der Editor unter Linux -.-

This post has been edited 1 times, last edit by "Noisy" (Dec 24th 2007, 2:54pm)

Prometheus

Administrator

Posts: 3,278

  • Send private message

8

Monday, December 24th 2007, 3:06pm

Quoted

Original von Noisy
Gloabl CSS:

Source code

 
1

img { border: 0px; }


Dadurch haben alle Bilder automatische keinen Rand, egal ob mit Link oder ohne Link.

Das stimmt, ich hab da nur nicht dran gedacht, da ich sehr gerne eigene Styles verwende und so z.B. verschiedene Designs in einer CSS unter bringen kann. Möchte ich ein Bild mit roter Umrandung erstelle ich mit einen Tag "img_borderred" oder so und refiniere da alles was ich möchte.

Grundsätzlich ist deine Lösung aber dennoch besser da man so erst mal global die Ränder weg bekommt und dann diese Basis nutzen kann für mögliche Anpassungen.


Quoted

Original von NoisyPS: Irgedwnie laggt der Editor unter Linux -.-

Wie meinst Du das? Der Wirsing Editor setzt soweit ich das weiß Java voraus wobei ich den noch nie genutzt hab. Liegt es ggf. daran das der Java Interpreter erst gestartet wird oder liegt es an irgendwas hier im Forum?
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Noisy

Trainee

Posts: 65

Location: Frankfurt

  • Send private message

9

Monday, December 24th 2007, 5:00pm

Also ich nutz nicht den WYSIWYG Editor unter Windows gehts.
Keine Ahnung woran das liegt.
Ich schreibe halt und alles kommt verzögert an, vllt. liegt es auch an meinem Ubuntu, bei anderen Foren ist es allerdings nicht so.

Kann das vllt. auch nochmal jemand testen der Ubuntu 7.10 hat, dann wissen wir ob es an mir liegt oder an dem Code.

wcf.user.socialbookmarks.titel