Lupuz.de: Artikel-Portal / Magazin

Zurück   Postpla.net - die Forum Community > PC, Internet und Technik > Coder's Area

[www] Bild-Link vergrößtert Box.

Anzeigen:

Antwort
 
Themen-Optionen
.kb
Alt 02.06.2008, 22:00   #1
Standard Bild-Link vergrößtert Box.

Hallo!
Folgendes, ein Bild ist in einer div-Box. Mit Link drumrum. Wenn man das Bild nun anklickt, vergrößert sich die Box (die äußere)ein paar Pixel nach unten hin.



Code:
<div class="tourney_small floatl">
    <div class="floatl" style="width:110px;padding-top:2px;">
        <img src="img/page/warcraft100.jpg" style="height:40px;width:100px;" alt="game" />
    </div>
    <div class="floatl twelve b" style="width:216px;">
        <a href="index.php?m=tourney/tourney&amp;id=<?php echo $cupid; ?>" title="<?php echo $cupname_l;?>"><?php echo $cupname; ?></a>
    </div>
    <div class="floatl twelve b right" style="width:100px;">
        <?php echo $date; ?>
    </div>
    <br />
    <div class="floatl eleven b" style="width:130px;padding-top:9px;">
        <img src="img/page/arrow_red.gif" style="position:relative;top:-1px;" alt="arrow" /> 
        <a href="index.php?m=tourney/participants&amp;id=<?php echo $cupid; ?>" title="participants">Teilnehmer</a>
    </div>
    <div class="floatl right" style="width:186px;padding-top:4px;">
        <a href=""><img src="img/page/button_teilnehmen_small.jpg" alt="tourney" /></a>
    </div>
</div>
relevanter css-code:

Code:
img {
}
a, a:link {
    color: #cf0304;
    text-decoration: none;
padding: 0px;
margin:0px;
}
a:hover {
    text-decoration: underline;
padding: 0px;
margin:0px;
}
a:active    {
    text-decoration: none;
padding: 0px;
margin:0px;
}
#cups .tourney_small {
    background-color:#eee;
    margin: 0px 10px 10px 10px;
    padding: 4px;
}
Floatl und right und so sind float:left; oder text-align:right; sachen. Meist immer nur ein Attribut, um das ganze etwas einfacher zu formatieren.


Naja, vielleicht hatte ja jemand das Problem schon mal. Da mir ja auch dasl etzte mal so gut geholfen wurde . Ich verzweifle langsam daran. passiert aber komischerwesie nur im FF.
 
 
Nach oben
OrionX
Alt 03.06.2008, 06:38   #2
Standard

ich kann da so jetzt nix sehen. aber 2 tipps zu der sache:

1) Geb den DIV elemente je eine ID und benutz nich den styletag, sondern schreib die styledefinitionen in eine CSS datei. So ist das total unübersichtlich und man kann das furchtbar warten. Vor allem wenn da noch php sachen mit drin stehen.

2) gugg dir mit Firebug an welche styles das element vorher und nachher hat bzw eventuell nachher noch erbt. (Für firefox 3 brauchst du version 1.1 von der seite) Wenn du Firebug noch nicht kennst, herzlichen glückwunsch zum schweizer taschenmesser des webentwicklers

Damit wir dir helfen können wäre ein link oder eine testseite nicht schlecht. So kann ich nur drübergucken und kein "seltsames verhalten" sehen.
 
 
Nach oben
.kb
Alt 03.06.2008, 11:22   #3
Standard

Das Problem ist, dass die gesamte Seite unter einer NDA steht. Ich werde mal den betroffenen Code extrahieren, wenn ich mit Firebug (das ich durchaus kenne ) nicht weiter komme!
Danke mal bis hier her, Mr. Redhat!
 
 
Nach oben
.kb
Alt 03.06.2008, 11:42   #4
Standard

Okay, komme auch mit Firebug nicht weiter. Das Problem konnte ich extrahieren. Ich bin mittlerweile schon relativ ausgelaugt, was diesen Fehler angeht. Vielleicht habe ich einfach etwas total wesentliches Übersehen??

Insert title here
 
 
Nach oben
Sidolin
Alt 03.06.2008, 12:06   #5
Standard

Ich kann da gerade klicken wo ich will und es bleibt immer gleich. Wo genau muss man klicken und bei welchen Browsern hast du das Problem?
 
 
Nach oben
Ænema
Alt 03.06.2008, 12:16   #6
Standard

Sidolin. Beim Firefox 2.0.0.14 zeigt sich nachdem Klick auf "teilnehmen" am unteren Rand der grauen div-Ebene eine Vergrößerung. Das ist das genaue Problem von .kb. Die Vergrößerung soll nach dem Klick verschwinden. Das Problem tritt aber auch nur beim FiFo auf.
 
 
Nach oben
.kb
Alt 03.06.2008, 12:18   #7
Standard

Die soll nicht nur verschwinden, die soll nie da sein
 
 
Nach oben
Sidolin
Alt 03.06.2008, 13:20   #8
Standard

Ok dann hat sich da was mit Firefox 3 gebessert, bei mir ist da nichts, und auf die Schnelle fällt mir auch nichts ein was schuld sein könnte.
 
 
Nach oben
.kb
Alt 05.06.2008, 14:07   #9
Standard

Ja richtig wir verzweifeln langsam.
overflow:hidden scho probiert bei bild und link .. überall margins, paddings auf 0 gesetzt..


das einzige was auf jeden Fall gehen würde, währe das absolut auszurichten, ist aber auch nicht sooo optimal da sich der Kasten wiederholt..
 
 
Nach oben
Ähnliche Themen, die dich vielleicht interessieren
Thema Autor Forum Antworten Letzter Beitrag
Bild als Link mit/ohne Rahmen... Zwuckel Coder's Area 9 02.05.2007 15:27
Ich suche ein Bild Squdus Postplanet-Kneipe 2 01.03.2007 14:25
Fotowettbewerb "Nacht" das Voting Felicitas Postplanet-Kneipe 18 22.01.2006 16:37
Bereiche im Bild als Link per Frontpage 2000? -wie? Grandylein Internet und Netzwerke 3 02.04.2004 14:41
pop up fenster und bild Klink Internet und Netzwerke 8 13.08.2001 21:36
Anzeigen:
Antwort

Themen-Optionen



Alle Zeitangaben in WEZ +2. Es ist jetzt 02:33 Uhr.


Lupuz.de - wir können auch anders!
©1998 - 2008, Lupuz:Information-Network
Powered by vBulletin Version 3.7.1 (Deutsch), Jelsoft Enterprises Ltd.
Grüne Links?

SEO by vBSEO 3.1.0 ©2007, Crawlability, Inc.