homepage Welcome to WebmasterWorld Guest from 23.22.2.150
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
CSS Wraping problems
batti3004



 
Msg#: 4229705 posted 8:18 pm on Nov 12, 2010 (gmt 0)

Hi, im a owner of a site: [crestiniliberali.3x.ro...]

I use rabidrating on my site, my question is how warp the rabid ratings, so the result will be like this: [crestiniliberali.3x.ro...]

 

caffinated



 
Msg#: 4229705 posted 3:46 pm on Nov 13, 2010 (gmt 0)

The second link seems to be dead.

batti3004



 
Msg#: 4229705 posted 3:50 pm on Nov 13, 2010 (gmt 0)

Then forget about that.

How can i make this wrap to left like a picture?

.rabidRating { position: relative; }

.rabidRating .wrapper {
cursor: pointer;
background: #ccc;
}

.rabidRating .wrapper {
overflow: hidden;
}

.rabidRating span,.rabidRating .wrapper {
display: block;
width: 110px;
height: 25px;
}

.rabidRating span {
position: relative;
top: 0;
left: 0;
text-indent: -999em;
}

.rabidRating .ratingStars {
display: block;
background: url('graphics/hearts.png') no-repeat center;
}

.rabidRating .ratingFill {
background-color: #ff0000;
}

.rabidRating .ratingVoted {
cursor: default;
background-color: #0069ff;
}

.rabidRating .ratingActive {
background-color: #ffa800;
}

.rabidRating .ratingText {
color: #000;
}

.rabidRating .ratingText.ratingError {
color: #f00;
}

.rabidRating .ratingText.loading {
background: url('graphics/ajax-loading.gif') no-repeat;
text-indent: -999em;
}

caffinated



 
Msg#: 4229705 posted 1:28 am on Nov 14, 2010 (gmt 0)

Sorry batti3004, I don't understand the question. "wrapping" normally refers to text positioning not images, I do not know what
wrap to the left like a picture
means, I've never heard of pictures wrapping at all. I will do my best to help if you can be a little more descriptive. I see your site, I see that there is a line of text with the rating stars (hearts) underneath. Are you referring to how these are positionally related, are you wanting the text on the left with the hearts following them on the same line? Is that what you mean?
batti3004



 
Msg#: 4229705 posted 3:29 pm on Nov 14, 2010 (gmt 0)

I mean, i you can see the rating stars don´t let me put anything next to it, as you can see in this page [crestiniliberali.3x.ro...] the bookmark links under the stars, i what them to be next to the stars not under it, but that not possible directly, just trough css.

The css which i posted earlier.

alt131

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4229705 posted 7:35 pm on Nov 14, 2010 (gmt 0)

Hi Batti, what you want should be possible, but you need to post some html. (Links to a personal site aren't really allowed.)

batti3004



 
Msg#: 4229705 posted 3:07 pm on Nov 15, 2010 (gmt 0)

Here is it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<title>Ce este iubirea?</title>
<script type="text/javascript" src="../site/mootools.js"></script>
<script type="text/javascript" src="../site/ratings.js"></script>
<script type="text/javascript" src="../site/bookmarks.js"></script>
<link rel="stylesheet" href="../site/ratings.css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="../site/site_ie6.css" />
<![endif]-->
<link rel="stylesheet" type="text/css" href="../site/site.css" />
<meta name="keywords" content="ce, este, iubirea" />

<meta name="description" content="Iubirea este de a dorii ce este mai bun pentru celuilalt. Iubirea nu este posesiv&#259; ci eliberatoare." />
</head>

<body>

<div id="hd">
<table class="t1">
<tr>
<td class="t1">
<img class="l1" src="../site/graphics/logo.gif" alt="Cre&#351;tini Liberali" /><p>
</p>
<p class="h2">Cre&#351;tini Liberali</p>

<p class="h3">Pentru Dumnezeu, &#351;i pentru dragoste.</p>
<div class="hr">
</div>
<p class="h4">Ce este iubirea? <font color="#FFCC66">|</font> De Dave</p>
</td>
</tr>

</table>
</div>
<div id="cnt">
<table class="t1">
<tr>
<td class="c2">&nbsp;</td>
<td class="c1">
<p>Iubirea este de a dorii ce este mai bun pentru celuilalt. Iubirea
nu este posesiv&#259;, ci eliberatoare. Iubirea este entuziastic&#259; oferind
pl&#259;cere emo&#355;ional&#259;, spiritual&#259; &#351;i fizic&#259; maxim&#259; celuilate persoane.
Mul&#355;i cred c&#259; iubirea este sex, dar sunt adesea neîmplini&#355;i &#351;i se întreab&#259;
de ce. Femeile în special caut&#259; mai mult&#259; intimitate &#351;i iubire în via&#355;a
lor sexual&#259;. Sexul este mai mult decât &quot;fi&#355;i gata, da&#355;ii drumul&#8221; a&#351;a
cum o femeie a explicat so&#355;ului ei preludiul.</p>

<p>&nbsp;</p>
<p>Pentru Cre&#351;tini intimitatea iubitoare este împ&#259;r&#355;irea social&#259;, emo&#355;ional&#259;,
spiritual&#259; &#351;i fizic&#259;/sexual&#259; a ei în&#351;ine întrun fel care urmeaz&#259; apelul
biblic de a considera pe ceilal&#355;i mai buni decât ei în&#351;ine, urmând legea
iubirii--Dumnezeu, semenii, pe ei în&#351;ine. Prea mul&#355;i Cre&#351;tini v&#259;d mai
mult legalism în religie &#351;i uit&#259; înv&#259;&#355;&#259;tura lui Hristos c&#259; iubirea este
cea mai mare lege. Legalismul adesea se bazeaz&#259; pe ru&#351;ine &#351;i prejudecat&#259;
despre sex &#351;i nu pe sfintele scripturii.</p>
<p>&nbsp;</p>
<p>Ce este iubirea? Este opusul legii de aur! A&#355;i mai auzit, trateaz&#259;
pe ceilal&#355;i a&#351;a cum dori&#355;i s&#259; fi&#355;i trata&#355;i dumneavoast&#259;. Dar iubirea
este, trateaz&#259; pe ceilal&#355;i cum vor s&#259; fie trata&#355;i.</p>
<p>&nbsp;</p>
<p>Iubirea este s&#259; dore&#351;ti ce este mai bun celuilalt. O iube&#351;ti a&#351;a
de mult, c&#259; ai da o fericit pe el/ea altora, dac&#259; poate atinge o împlinire
spiritual&#259;, emo&#355;ional&#259; &#351;i fizic&#259; mai mare cu altcineva. Asta este opusul
geloziei care în mod egoist dore&#351;te totul pentru noi î&#351;ine &#351;i nu binele
persoanei pe care o iubim!</p>
<p>&nbsp;</p>

<p>Iubirea este intimitate....&quot;În mine v&#259;d, lesând pe ceilal&#355;ii s&#259; vad&#259;
în mine prin a fii total deschis &#351;i onest despre sentimentele mele&quot;
Iubirea este împ&#259;r&#355;irea întrun mod spiritual, emo&#355;inal, intelectual
&#351;i fizic a dumneavoastr&#259;.</p>
<p>&nbsp;</p>
<p>Sexualitatea este cea mai puternic&#259; expresie fizic&#259; a iubirii când
c&#259;uta&#355;i pl&#259;cerea maxim&#259; pentru celuilalt nu doar pentru dumneavoastr&#259;.
Dar pute&#355;i avea sex &#351;i f&#259;r&#259; iubire sau intimitate. Femeile adesea realizeaz&#259;
diferen&#355;a mai mult decât b&#259;rba&#355;ii. Femeile adesea tind spre iubire dar
trebuie s&#259; se mul&#355;umeasc&#259; doar cu sex. B&#259;rba&#355;ii adesea vor doar sex
fizic ne find educa&#355;i sau nu au experien&#355;at mai mult&#259; intimitate &#351;i
iubire.</p>
<p>&nbsp;</p>
<p>Iubirea poate fii împ&#259;r&#355;it&#259; cu un str&#259;in abea cunoscut sau cu un
partener pe via&#355;&#259;. Iubirea este ac&#355;iune, romantismul este un sentiment.
Iubirea poate dura o ve&#351;nicie, cear dac&#259; nu sunte&#355;i adesea împreun&#259;.</p>
<p>&nbsp;</p>

</td>
<td class="c2">&nbsp;</td>
</tr>
</table>
</div>
<div id="ft">
<table class="t1f">
<tr>
<td class="c2">&nbsp;</td>
<td class="c1">

<p align="left"><div id="rabidRating-13-5_5" class="rabidRating"><div id="rabidRating-13-description" class="ratingText">5/5 stars (2 votes)</div><div class="wrapper"><span class="ratingFill" style="width:100%;"><span class="ratingStars"></span></span></div></div></p>
<p>&nbsp;</p>
<p>
<a rel="nofollow" onclick="sbs_googlebm(); return false;">
<img class="bm" src="../site/graphics/icons/google.gif" alt="Bookmark cu Google" /></a>
<a rel="nofollow" onclick="sbs_delicious()(); return false;">
<img class="bm" src="../site/graphics/icons/delicious.gif" alt="Bookmark cu Delicious" /></a>
<a rel="nofollow" onclick="sbs_yahoobm()(); return false;">

<img class="bm" src="../site/graphics/icons/yahoo.gif" alt="Bookmark cu Yahoo" /></a>
<a rel="nofollow" onclick="sbs_spurl()(); return false;">
<img class="bm" src="../site/graphics/icons/spurl.gif" alt="Bookmark cu Spurl" /></a>
<a rel="nofollow" onclick="sbs_facebook()(); return false;">
<img class="bm" src="../site/graphics/icons/facebook.gif" alt="Bookmark cu Spurl" /></a></p>
<p>&nbsp;</p>
<p class="l1"><a href="content.htm">Înapoi</a></p>
<p class="c1">Copyright &copy; Liberated Christians, Inc</p>

<p>&nbsp;</p>
</td>
<td class="c2">&nbsp;</td>
</tr>
</table>
</div>
<script type="text/javascript" src="//static.woopra.com/js/woopra.v2.js"></script>
<script type="text/javascript">woopraTracker.track();</script>

</body>

</html>

caffinated



 
Msg#: 4229705 posted 11:57 am on Nov 17, 2010 (gmt 0)

I think I see what you mean now. Try editing the rabid rating css (ratings.css). The css you need to change there is on line 44. It looks like this:

.rabidRating .ratingText {
color:#000;
}


change it to:

.rabidRating .ratingText {
float:left;
color:#000;
}


You might also want to add a small margin like:

.rabidRating .ratingText {
float:left;
margin-left:10px;
color:#000;
}


Does this work for you?

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved