Søg
Avatar billede -kick- Nybegynder
24. december 2004 - 03:07 Der er 35 kommentarer

CSS: Talebobler

hejsa, jeg har fået lavet nogle talebobler i Javscript, men jeg vil gerne have dem til at komme over i HØJRE side at manden. Jeg kan kun få dem i venstre side.

Har satme prøvet alt.

Her kommer koden.:

<?php
$ny = $row[tfelt]; // Skal nok noget med minus eller gange eller plus
$ny_ = $row[lfelt]; // Skal nok noget med minus eller gange eller plus

?>

Udskriver taleboblen:


<div id='tekst' style='position:absolute;left:<?php echo"$ny_"; ?>px;top:<?php echo"$ny"; ?>px;'>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="3" width="3" background="talebobler/top-venstre.gif"></td>

<td height="3" background="talebobler/top.gif"></td>

<td height="3" width="5" background="talebobler/top-hojre.gif"></td>

</tr>

<tr>
  <td width="3" background="talebobler/venstre.gif">
<font size="2">&nbsp;</font></td>

<td bgcolor="#FFFFFF">
<font size="2"><font face=tahoma size=1>
Tekst ;)</font></font></td>

<td width="5" background="talebobler/hojre.gif"><font size="2">&nbsp;</font></td>

</tr>

<tr>
  <td height="5" width="3" background="talebobler/bund-venstre.gif"></td><td height="5" background="talebobler/bund.gif"></td>

<td height="5" width="5" background="talebobler/bund-hojre.gif"></td></tr></table></div>
Avatar billede -kick- Nybegynder
24. december 2004 - 03:10 #1
Billede til hvordan mit ser ud:
http://www.3d-hotel.dk/bil.JPG
Avatar billede -kick- Nybegynder
24. december 2004 - 04:25 #2
her er sin mand:

<div id="youId"  href="?data=seprofil&brugernavn=<?php echo "$_SESSION[brugernavn]"; ?>" style='width:50px; height:55px; position:absolute; left:50px; top:50px; z-index:1; left:<?php echo "$row[lfelt]"; ?>px; top:<?php echo "$row[tfelt]"; ?>px;'>

<a href="?data=seprofil&brugernavn=<?php echo "$_SESSION[brugernavn]"; ?>">

<font size='2' face='Trebuchet MS' color='black'>

<img src="<?php echo "$row[figur]"; ?>" href="?data=seprofil&brugernavn=<?php echo "$_SESSION[brugernavn]"; ?>"  border="0">

<br />
</font>
<div align="center"><font size='2' face='Trebuchet MS' color='black'>

<font size='2' face='Trebuchet MS' color='black'>

<?php echo "$row[brugernavn]"; ?>
</font>
</font>
</div>
Avatar billede roenving Novice
24. december 2004 - 13:04 #3
Hvad med:

<?php
$ny = $row[tfelt];
$ny_ = $row[lfelt] + 50 + <divens bredde>;

?>
Avatar billede -kick- Nybegynder
24. december 2004 - 13:14 #4
Divens bredde, er det 50?
For at skrevet 50 også er den 7 cm til venstre for figuren
Avatar billede -kick- Nybegynder
24. december 2004 - 13:18 #5
aaah, har fikset.

<?php

$ny = $row[tfelt];
$ny_ = $row[lfelt] + 50 - 85;
?>
Avatar billede -kick- Nybegynder
24. december 2004 - 13:19 #6
Shit, jo mere indhold der kommer i boksen jo længere hen kommer boksen, så kan de jo ikke laves?
Avatar billede -kick- Nybegynder
24. december 2004 - 13:24 #7
Hvordan kan det være?
Avatar billede roenving Novice
24. december 2004 - 13:25 #8
-- så må du aflæse divens bredde, når den er loadet, og sætte den på plads !-)
Avatar billede -kick- Nybegynder
24. december 2004 - 13:29 #9
Roenving du ved godt hvor dårlig jeg er til CSS :)
Du kunne da godt lige give et tips til hvordan man gør, nu hvor det er jul! :)
Avatar billede roenving Novice
24. december 2004 - 13:31 #10
Problemet er vel også, at du nogle gange har en hel stribe talebobler, som indeholder forskellig tekst, så man ikke kan lave en simpel ting, men skal alle talebobler igennem ?-)
Avatar billede -kick- Nybegynder
24. december 2004 - 13:35 #11
Hvad mener du? - Kan det ikke lade sig gøre, eller?
Avatar billede roenving Novice
24. december 2004 - 13:41 #12
Joh, det kan det vel godt, men så må du lave et script, hvis du kun har en, vil det cirka se sådan ud:

<script type="text/javascript">
window.onload = function(){
  var elm = document.getElementById('tekst');
  var w = elm.clientWidth;
  elm.style.left = parseInt(elm.style.left) - w + 'px';
}
</script>

-- og så skal du fastholde din oprindelige definition af $ny og $ny_ !-)
Avatar billede -kick- Nybegynder
24. december 2004 - 13:43 #13
:(
Den viser 10 cm til venstre :(
Men ellers tæt på 8-D
Avatar billede -kick- Nybegynder
24. december 2004 - 13:46 #14
Når jeg rykker <script type="t.. blablabla op over <diven>

Så er taleboblen INDE i manden.
Der skal nok laves en z-index: 1..
men aligevel, den skal være lidt oppe i venstre hjørne for manden, hvis du forstår.
Avatar billede -kick- Nybegynder
24. december 2004 - 14:24 #15
Jeg har lavet en <div tekst i test3.php:

parent.document.getElementById('tekst').innerHTML = "<?php include("db.php"); $kl5 = mysql_query("SELECT * FROM tekstboks WHERE rum = '$row[rum]'"); WHILE($row5 = mysql_fetch_array($kl5)){  echo "<div id='tekst' style='width:200px; height:200px; position:absolute; left:$row[lfelt]px; top:$row[tfelt]px;'><table border='0' cellpadding='0' cellspacing='0'><tr><td height='3' width='3' background='talebobler/top-venstre.gif'></td><td height='3' background='talebobler/top.gif'></td><td height='3' width='5' background='talebobler/top-hojre.gif'></td></tr><tr><td width='3' background='talebobler/venstre.gif'></td><td bgcolor='#FFFFFF'>Tekst ;)</td><td width='5' background='talebobler/hojre.gif'></td></tr><tr><td height='5' width='3' background='talebobler/bund-venstre.gif'></td><td height='5' background='talebobler/bund.gif'></td><td height='5' width='5' background='talebobler/bund-hojre.gif'></td></tr></table></div>"; } ?>";


Også i start.php laver jeg en <div id="tekst"></div>

Men hvordan kan det være den først kommer efter ét sekundt, altså når man rykker rundt tager det 1 sekundt før taleboblen kan følge med.
( min opdatering er på 0,100 i sekundet)
Avatar billede roenving Novice
24. december 2004 - 14:30 #16
Der er ingen forklaring i den stump kode ...
Avatar billede -kick- Nybegynder
24. december 2004 - 14:33 #17
Den udskriver da taleboblen og loader i start.php?
Avatar billede roenving Novice
24. december 2004 - 14:36 #18
Ja, men der er ikke noget i den kodestump, som kan afstedkomme forsinkelsen ...
Avatar billede -kick- Nybegynder
24. december 2004 - 14:37 #19
Okay, men kan du svarer mig på hvorfor den udskriver taleboblen på figuren? den skal være mere til venstre og højere oppe.
Avatar billede roenving Novice
24. december 2004 - 14:40 #20
Er det med det javascript jeg viste ?-)
Avatar billede -kick- Nybegynder
24. december 2004 - 14:42 #21
ja
Avatar billede -kick- Nybegynder
24. december 2004 - 15:19 #22
Er du der? :)
Avatar billede -kick- Nybegynder
24. december 2004 - 22:15 #23
Roenving, kan du ikke lave et nyt script?

<script type="text/javascript">
window.onload = function(){
  var elm = document.getElementById('tekst');
  var w = elm.clientWidth;
  elm.style.left = parseInt(elm.style.left) - w + 'px';
}
</script>

Frem for dette?^
Avatar billede roenving Novice
24. december 2004 - 22:17 #24
Jeg er ganske usikker på, hvad du vil have det til at gøre anderledes, såeh ...
Avatar billede -kick- Nybegynder
24. december 2004 - 22:19 #25
kan du ikke flytte <div> lidt til venstre?
Altså 5 cm dertil, på en sjov måde?
Avatar billede roenving Novice
24. december 2004 - 22:24 #26
elm.style.left = parseInt(elm.style.left) - w - 200 + 'px'; ?-)
Avatar billede -kick- Nybegynder
24. december 2004 - 22:26 #27
Kan du rykker den 10 cm mere? :)
Avatar billede roenving Novice
24. december 2004 - 22:30 #28
De 200 er baseret på at en pixel er ca en kvart millimeter, så 10 cm bliver omkring 400 pixel, så du skal ændre 200 til 600 !-)
Avatar billede -kick- Nybegynder
24. december 2004 - 22:33 #29
Du rykker den, den anden vej ;)
Du rykker den mod højre, den skal være mod venstre :)
Avatar billede roenving Novice
24. december 2004 - 22:37 #30
Her er venstre                    Her er højre
Avatar billede -kick- Nybegynder
24. december 2004 - 22:37 #31
Ja du rykker den ---------------> den vej
den skal
<--------- den vej ;)
Avatar billede roenving Novice
24. december 2004 - 22:41 #32
Ved at placere den med et mindre tal for afstanden til venstre ?-)
Avatar billede -kick- Nybegynder
24. december 2004 - 22:50 #33
Læg svar, glemmer taleboblen, kan ikke finde ud af det.
Avatar billede roenving Novice
24. december 2004 - 22:54 #34
Hvad med at lægge et link ?-)
Avatar billede -kick- Nybegynder
24. december 2004 - 22:55 #35
Lige meget, glemmer det ;)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
16/0812:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
15/0811:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
White papers
Flere white papers »