| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Tom
Gast
|
 links und verlinktes Bild |
 |
|
N'abend zusammen:
ich hab folgendes Problem:
habe ein verlinktes Bild im Content eingefügt.
Geht auch so weit.
Kriege aber den Scheiß Hover da nicht raus, weil ich im CSS
die Textlinks im Content gestylt habe.
Ich bekomme das verlinkte Bild einfach nicht von den restlichen
Link - Befehlen im CSS getrennt.
Was muß man tun ???
| Code: |
HTML:
<div class="bild">
<div class="bild3">
<a href="http://www.beispielseite.de/" target="_blank">
<img src="Einschönesbild.jpg" alt="Blümchen"/></a></div>
</div>
|
| Code: |
CSS:
.bild3 {
float: left;
clear: both;
height: 400px;
margin: 40px 1px 40px 1px;
}
|
So und im Content gibts dann natürlich noch
# content a
+
#content a: hover
Anweisungen, die dummerweise auf das Bild übergreifen 
Weiß jemand Rat ?
Danke im Voraus und Gruß Tom. |
|
|
|
| 25 Apr 2012 21:40 |
|
  |
Werner
Homepage-Total.de
Moderator
|
|
|
|
| Ein kleines funktionierendes Beispiel wäre hilfreich... |
|
|
|
| 26 Apr 2012 20:43 |
|
|
Gast
|
|
|
|
was heisst funktionierendes Beispiel... es funktioiert ja alles...
bis auf den sch.... Hover - Effekt :-( |
|
|
|
| 26 Apr 2012 21:42 |
|
|
Gast
|
|
|
|
es müßte also die "HOVER" - Anweisung entkernt werden....
kann man die speziell ausschalten ???
Ich hab schon alles versucht hinsichtlich trennung in DIV...
Div class in DIV,
Class und was mir sonst noch so einfiel ...
aber nix greift hier. |
|
|
|
| 26 Apr 2012 21:46 |
|
|
Gast
|
|
|
|
ok, das wäre jetzt der CSS Code.
Wie gesagt habe ich schon alles mögliche versucht das Bild zu separieren,
z.B. mit Div =class bild usw.
Es hat aber trotzdem immer den Hovereffekt gehabt .
Danke im Voraus, Tom.
| Code: |
HTML:
<p>Ganz viel Text und noch mehr Text und noch mehr Text...</p>
<div class="bild">
<div class="bild3">
<a href="http://www.Beispielseite.de/" target="_blank">
<img src="Einschönesbild.jpg" alt="Blümchen"/></a></div>
</div>
<p>Ganz viel Text und noch mehr Text und noch mehr Text...</p>
|
| Code: |
CSS:
#content {
float: left;
width: 750px;
margin: 2px;
padding: 2px;
line-height: 130%;
text-align: center;
background-color:#FEFEFE;
}
#content a {
width: 140px;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
float: center;
font-size: 18px;
font-weight:bold;
height: 20px;
text-align: center;
line-height:90%;
text-decoration: none;
color:#000000;
display: block;
margin: 0 auto;
padding: 3px 0px 0px 3px;
border-bottom: 0px solid #FF3333;
}
.bild3 {
float: left;
clear: both;
height: 400px;
margin: 40px 1px 40px 1px;
}
#content a.textlink02 {
background:#33FF66;
}
#content a.textlink03 {
background:#FF3366;
}
#content a.textlink04 {
background:#996633;
}
#content a:hover {
background-color:#000000;
color:#FFFFFF;
border-bottom: 0px solid #FFFFFF;
font-weight:bold;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
}
#content p {
font-family:Verdana,Trebuchet MS,Tahoma,Arial,Sans Serif;
color:#000000;
text-align: left;
margin: 0px 10px 0px 0px;
font-size: 18px;
line-height: 140%;
font-weight:normal;
}
#content h1 {
font-family:Verdana,Tahoma,Arial,Sans Serif;
line-height: 140%;
text-decoration: none;
color:#000000;
font-size: 28px;
text-align: center;
margin: 25px 0 25px 0;
}
#content h2 {
font-family:Verdana,Tahoma,Arial,Sans Serif;
color:#000000;
font-size: 20px;
text-align: center;
margin: 25px 0 10px 0;
}
#content h3 {
font-family:Verdana,Tahoma,Arial,Sans Serif;
text-align: left;
color:#000000;
font-size: 16px;
margin: 25px 0 10px 0;
|
|
|
|
|
| 27 Apr 2012 15:23 |
|
|
Werner
Homepage-Total.de
Moderator
|
|
|
|
Der Hintergrund des Bildes wird bei Hovereffekt also schwarz?
<div class="bild3">
<a href="http://www.Beispielseite.de/" target="_blank" style="background: transparent;">
<img src="Einschönesbild.jpg" alt="Blümchen"/></a>
</div>
#content a {
width: 140px;
font-family:Tahoma,Verdana,Arial,Sans-Serif;
float: center;
................................
Beim Textumfluss gibt es nur: left|right|none |
|
|
|
| 28 Apr 2012 10:19 |
|
|
Gast
|
|
|
|
Hallo Werner,
ja nicht das ganze Bild wird schwarz sondern es erscheint der Button wie er den Textlinks zugeordnet wurde.
Zudem ist nicht das GANZE Bild anklickbar sondern ebenfalls wie bei einm Textlink quasi nur der obere Bereich wie eine Zeile.
Kann man den Hover nicht irgendwie für das Bild ausschalten bzw.
Das Bild separieren ???
Danke und Gruß |
|
|
|
| 28 Apr 2012 10:41 |
|
|
Gast
|
|
|
|
doch das sieht gut aus Werner, habs gerade eingefrickelt.
Jetzt hat das ganze aber noch ein Geschmäckle....
das Bild sitzt nicht genau mittig, weil im Endeffekt ja der Linkbutton gefloatet wird, nicht das Bild selbst.
Konnte man bei sichtbarem Hover sehr gut sehen.
Hätte nie gedacht das CSS so kompliziert sein kann... |
|
|
|
| 28 Apr 2012 11:11 |
|
|
9889
Mitglied
|
|
|
|
For those of us with Suzuki Outboards Sale a reasonable fear of the ocean, this is a worst case scenario: Last week, Dan Suski, 30, and his sister Kate Suski, 39, chartered a fishing boat in St. Lucia. Things were going fine, despite the rough seas, and the siblings even managed to hook a 200-pound marlin. They were battling the giant fish when water rushed onto the boat and flooded its engine room. As the captain radioed for help, another surge Yamaha 4 Stroke Outboard of water swamped the boat. At that point, the captain tossed the Suskis life jackets and ordered them into the ocean.
"He said, 'Jump out! Jump out!'" Kate Suski recalled in a telephone interview Thursday with The Associated Press.
The captain and the first mate soon joined them and Yamaha 150 outboard, five minutes later, the boat sank, leaving the group stranded at least eight miles from shore. The group stayed put for the first hour, awaiting rescue. No one came. The group started to swim, but the rough waves caused the Suskis to became separated from the captain and first mate. "We would just see swells and gray," Dan Suski said.
Hours went by. A helicopter and search plane arrived but failed to notice the two siblings. They continued swimming. Eventually, the sun went down.
"There's this very real understanding that the situation is Yamaha outboard motors dire," Kate Suski said. "You come face-to-face with understanding your own mortality ... We both processed the possible ways we might die. Would we drown? Be eaten by a shark?"
Neither could stop thinking about sharks. "I thought I was going to vomit I was so scared," Kate said.
Finally, after 14 hours, they came within 30 feet of land only to discover the coast was covered with cliffs, making it impossible to climb from the ocean. “We knew we would get crushed,” Kate said.
They kept swimming, Yamaha outboards Sale finally finding a small stretch of sand. Once ashore, they collapsed before again going into survival mode to avoid hypothermia. They hiked into the island and huddled together, covering themselves in grass and brush to stay warm. They spent the night like that, only moving when the sun rose. It took three hours before they found a farmer, who called police and gave them water and crackers.
They would later find out that the captain and first mate had been rescued after 23 hours in the ocean.
Despite dehydration, severe tendonitis and Honda outboards Sale cuts over their feet and back, the couple didn't blame anyone for the ordeal.
"We are so grateful to be alive right now," Kate Suski said. "Nothing can sort of puncture that bubble." |
|
|
|
| 06 Jun 2013 15:32 |
|
|
|
