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
  #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.727
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.727
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

Die RIGID-FLEX-Technologie
Die RIGID-FLEX-TechnologieDie sogenannte "Flexible Elektronik" , oftmals auch als "Flexible Schaltungen" bezeichnet, ist eine zeitgemäße Technologie zum Montieren von elektronischen Schaltungen.

06.12.2018 | Berni

ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlicht
ebiz-trader 7.5.0 mit PHP7 Unterstützung veröffentlichtDie bekannte Marktplatzsoftware ebiz-trader ist in der Version 7.5.0 veröffentlicht worden.

28.05.2018 | Berni


 

Aktuelle PHP Scripte

WeltExplorer v1.0

WeltExplorer v1.0 ist ein Dateimanager zum Browsen und Operieren im Dateisystem. Bei installiertem cURL können Ordner und Dateien zu entfernten FTP-Servern hochgeladen bzw. von diesen heruntergeladen werden, etwa zum Erstellen von Backups oder Mirrorsites

06.02.2019 weltvolk | Kategorie: PHP/ File
PG Job Site Pro

> Job Site Pro - web-basiertes Programm, auf PHP/MySQL für Erstellung der funktionellen Job Board Site gebaut. Das hat erweitertes Management-System für Arbeitssuchenden und Arbeitgeber und kann für bestimmte Länder, Regionen oder einfach generelle Job Si

05.02.2019 submit@ | Kategorie: PHP/ Management
ModuleStudio ansehen ModuleStudio

Modellgetriebene Entwicklung von Erweiterungen für das Open Source Framework Zikula.

15.01.2019 Guite | Kategorie: PHP ENTWICKLUNGSUMGEBUNG
 Alle PHP Scripte anzeigen

Alle Zeitangaben in WEZ +2. Es ist jetzt 15:01 Uhr.