php-resource



Zurück   PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr > Entwicklung > HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS
 

Login

 
eingeloggt bleiben
star Jetzt registrieren   star Passwort vergessen
 

 

 


HTML, JavaScript, AJAX, jQuery, CSS, Bootstrap, LESS Probleme mit HTML5, Bootstrap oder jQuery ?

Antwort
 
LinkBack Themen-Optionen Thema bewerten
  #1 (permalink)  
Alt 20-11-2006, 12:10
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard hover schaltet line-height aus

Hallo,
wenn ich über diese Zeile:
<p><a href="images/mc7450.pdf" target="_blank">PDF-Datenblatt...
mit der Maus gehe (hover),
fällt die Zeile von 145% in sich zusammen.
Dadurch rutscht auch das Bild häßlich an den unteren Rand.


PHP-Code:
a:hover 
          
background-color:yellow;
            
text-decoration:none;  
          }
#angebot p 
           
{  line-height145%;
              
margin0 0 0 12px;
           }
    
.
small 
           
font-size:70%;
           }



<
div id="angebot">
          <
p> <img class="imagefloat" src="images/7450.jpg"
                 
alt="aaa"></p>
         <
p>aaa</p>
         <
p><b>DIN A3</bFarb-Laser-Drucker</p
         <
p><a href="images/mc7450.pdf" target="_blank">PDF-Datenblatt 
                für magicolor 7450
</a></p>
<
div class="Preis">Euro xxx<span class="small"inkl.    
           
Mwst.</span>

    </
div>
         <
pabzüglich € xxx Cash-Back</p>
  </
div
gruss und dankeschön
pepsi

Geändert von pepsi (20-11-2006 um 12:36 Uhr)
Mit Zitat antworten
freelancermap.de - IT Projektvermittlung für Selbständige und Freiberufler
  #2 (permalink)  
Alt 20-11-2006, 17:13
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Standard

mehr details?! Welcher Browser? bei mir funktionierts. Beispiel-Seite? etc..
__________________
visit bepeppered.net
Mit Zitat antworten
  #3 (permalink)  
Alt 20-11-2006, 17:47
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

danke fürs Erbarmen.

glaube bin evtl. auf dem Weg...
bei css = Boxmodell hat jede Box einen anderen Namen.

Weil die Boxen bei mir keine Höhe haben,
dachte ich, ich könnte die gleiche Box
für mehrere "Angebote" verwenden.

aber mit dem Ausprobieren bin ich noch erfolglos.
Ohne line-height steht der Text in der Box
in nur einer Reihe übereinander.
Mit line-height: rutscht beim ersten "drüberhuschen"
über den Datenblatt-pdf-Link dieser Text und das Bild
etwas nach unten. (etwas!)

Hier meine Seite: darf ich das so? http://wittkowski.com/Konica.php

script-Text folgt auch noch gleich
Mit Zitat antworten
  #4 (permalink)  
Alt 20-11-2006, 17:50
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

ach so:
IE-Browser

PHP-Code:

#angebot
    
{
    
width500px;
    
background-color#fff;
    
border2px solid red;
    }
    
    
    
    }
    
#angebot p { line-height: 145%;
                
margin0 0 0 12px;
                }




<
div id="angebot"

 <
p> <img class="imagefloat" src="images/kamera.jpg" alt="Olympus Kamera">
    
OLYMPUS..........    </p>
<
div class="Preis">Euro<span style="margin-left:10px"289,00 <span class="small"inklMwst.</span></div>
 </
div>
 
  
 <
div id="angebot">
   <
p> <img class="imagefloat" src="images/7450.jpg" alt="konica minolta"></p>
    <
p>KONICA .........</a></p>
 <
div class="Preis">Euro 2.999,00 <span class="small"inklMwst.</span></div>
 <
pabzüglich € 250,00 Cash-Back</p>
  </
div

etwas ausführlicher?
danke für's Verständnis

gruss Pepsi

Geändert von pepsi (20-11-2006 um 17:59 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 20-11-2006, 17:56
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Standard

Also es geht, mach mal so, dass alles verruscht
__________________
visit bepeppered.net
Mit Zitat antworten
  #6 (permalink)  
Alt 20-11-2006, 18:06
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

kleinen Moment noch (Neustart / zu langsam plötzlich)
Mit Zitat antworten
  #7 (permalink)  
Alt 20-11-2006, 18:07
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

alles patschdich zusammen
Mit Zitat antworten
  #8 (permalink)  
Alt 20-11-2006, 18:27
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

so, hier ist ein Bild von meinem Chaos...
wenn ich line-height 145% herausnehme.


hab die Seite CSS validiert. alles ok.


Geändert von pepsi (21-11-2006 um 10:47 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 21-11-2006, 10:59
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

Guten Morgen,

letzter Versuch, für einen Schönheitsfehler,
der nicht so auffällt. Ich hätte nur gerne gewusst, warum.

im beigefügten Bild sind nocheinmal die drei Variationen:
1. wie es mir gefällt.
2. wie es verrutscht
3. als ob line-height das Zünglein an der Wage wäre.

Ich hoffe, ich rege Euch nicht mit meinem Problemchen auf.

Mein schlechtes Gewissen:
Ich habe vier rote "Boxen" alle gleich mit
#angebot bzw. <div id="angebot"> ausgewiesen.

Gruss
Pepsi
Angehängte Grafiken
Dateityp: jpg test.jpg (36,0 KB, 69x aufgerufen)
Mit Zitat antworten
  #10 (permalink)  
Alt 21-11-2006, 11:08
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.772
Kropff befindet sich auf einem aufstrebenden Ast
Standard

1. pro seite darf eine id nur einmal (!) vergeben werden. arbeite mit class.
2. beseitige alle fehler
3. sieht nach dem sog. guillotinen-bug aus.

gruß
peter
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
  #11 (permalink)  
Alt 21-11-2006, 11:16
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

danke Peter,

stimmt (jetzt erinnere ich mich - selbstverständlich nur 1mal id). danke.

werde sofort mit class loslegen.
Deine Anwort hat mich wieder motiviert.

Gruss
Pepsi
Mit Zitat antworten
  #12 (permalink)  
Alt 21-11-2006, 20:39
pepsi
 Registrierter Benutzer
Links : Onlinestatus : pepsi ist offline
Registriert seit: Jun 2006
Beiträge: 270
pepsi ist zur Zeit noch ein unbeschriebenes Blatt
Standard

ach ist das schön
wenn
"This Page Is Valid HTML 4.01 Strict!"
grün leuchtet !!!!!

---- und nix mehr "verrutscht" !!!!!!!!!!!!!!!!

weil ich auch div class (statt ein paarmal div id) eingesetzt habe

danke nochmal
Mit Zitat antworten
  #13 (permalink)  
Alt 21-11-2006, 22:59
Kropff
  Administrator
Links : Onlinestatus : Kropff ist offline
Registriert seit: Mar 2002
Ort: Köln
Beiträge: 11.772
Kropff befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
ach ist das schön
OffTopic:
besser als ein orgasmus


petger
__________________
Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
Meine Seite
Mit Zitat antworten
Antwort

Lesezeichen


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 

Themen-Optionen
Thema bewerten
Thema bewerten:

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


PHP News

Projektmanagement Damals und Heute
Projektmanagement Damals und HeuteWerfen Sie einen Blick auf das, was sich verändert hat, und entdecken Sie, wo die Zukunft dieses Gebietes hinsteuert.

18.01.2021 | Berni

Arbeitsmanagement-Tools
Arbeitsmanagement-ToolsWarum jedes Team Arbeitsmanagement-Tools benötigt. Man schätzt, dass 25% eines durchschnittlichen Mitarbeiter-Tages durch ineffiziente Arbeit vergeudet werden.

11.12.2020 | Berni


 

Aktuelle PHP Scripte

ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script ansehen ebiz-trader 6.0 - Das professionelle PHP Marktplatz Script

Mit unserer Lösungen können Sie nahezu jeden B2B / B2C Marktplatz betreiben den Sie sich vorstellen können. Ganz egal ob Sie einen Automarktplatz, Immobilenportal oder einfach einen Anzeigenmarkt betreiben möchten. Mit ebiz-trader können Sie Ihre Anforder

21.10.2020 Berni | Kategorie: PHP/ Anzeigenmarkt
Sendeplan Script inkl. Wunsch- und Grußbox + Kick-System + Bewerbungssystem

Das professionelle Sendeplan PHP Script inkl. Wunsch- und Grußbox + Kick-System für dein Webradio. Der übersichtliche Sendeplan bietet deinen Moderatoren und Zuhörern die perfekte Übersicht der aktuellen Shows! Du kannst nicht nur Sendungen eintragen, s

20.10.2020 drcomputer | Kategorie: PHP/ Web Radio
Newsmanager 2

Der Newsmanager 2 ist sehr Vielfältig und kann News schreiben, Newsletter versenden und RSS Feeds in einem erzeugen.

20.10.2020 Stephan_1972 | Kategorie: PHP/ News
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 07:56 Uhr.