WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You

WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Quote box to HTML page

View previous topic View next topic Go down  Message [Page 1 of 1]

1Quote box to HTML page Empty Quote box to HTML page Fri Jun 25, 2010 12:50 am

Guest


Guest
How can i add Quote to an HTML page?
the code is <quotebox> but it doesnt work Shocked

2Quote box to HTML page Empty Re: Quote box to HTML page Fri Jun 25, 2010 3:19 am

latchy

latchy
Registered Member
Registered Member
Because it's
Code:
<quoteblock>
not
Code:
<quotebox>
Wink

http://www.graphiccentral.org/

3Quote box to HTML page Empty Re: Quote box to HTML page Fri Jun 25, 2010 8:49 am

ankillien

ankillien
Administrator
Administrator
Hey, its not 'quotebox' or 'quoteblock' its <blockquote></blockquote>

4Quote box to HTML page Empty Re: Quote box to HTML page Fri Jun 25, 2010 2:34 pm

Guest


Guest
none of these codes work Shocked

5Quote box to HTML page Empty Re: Quote box to HTML page Fri Jun 25, 2010 3:11 pm

ankillien

ankillien
Administrator
Administrator
Do you expect it to look exactly like Forumotions quote boxes?
It won't look like that since you haven't added any CSS to it. Add some style to it with...

Code:
blockquote {
property : value;
}

6Quote box to HTML page Empty Re: Quote box to HTML page Fri Jun 25, 2010 3:14 pm

Guest


Guest
nothing again what going on?
i want a result like latchy's homepage
www.graphiccentral.org

i have been trying to achieve that quote but ti couldnt

7Quote box to HTML page Empty Re: Quote box to HTML page Fri Jun 25, 2010 3:24 pm

ankillien

ankillien
Administrator
Administrator
Looks like you added my CSS code without even reading it xD
You had to replace the property:value; thing with your CSS codes xD

To get quot box like graphic central/styleshout, you can do something like this..

Code:
blockquote {
color : #FFF;
border : 1px soild #000;
padding : 10px 10px 10px 40px;
background : #444 url(IMAGE URL HERE) left no-repeat;
}

8Quote box to HTML page Empty Re: Quote box to HTML page Sun Jun 27, 2010 5:50 am

latchy

latchy
Registered Member
Registered Member
Here is one for you Smile

Code:

<blockquote class="quote1"> Your quote goes here </blockquote>

Add this to the stylesheet Smile

Code:
blockquote.quote1 {
  font: 14px/20px italic Times, serif;
  padding: 8px;
  background-color: #faebbc;
  border-top: 1px solid #e1cc89;
  border-bottom: 1px solid #e1cc89;
  margin: 5px;
  background-image: url(http://i69.servimg.com/u/f69/14/29/05/13/openqu10.gif);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote.quote1 span {
    display: block;
    background-image: url(http://i69.servimg.com/u/f69/14/29/05/13/closeq10.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
  }

Thanks,
Rob

http://www.graphiccentral.org/

9Quote box to HTML page Empty Re: Quote box to HTML page Sun Jun 27, 2010 3:24 pm

ankillien

ankillien
Administrator
Administrator
This part is unnecessary in your code, Rob...

Code:
  blockquote.quote1 span {
    display: block;
    background-image: url(http://i69.servimg.com/u/f69/14/29/05/13/closeq10.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
  }

10Quote box to HTML page Empty Re: Quote box to HTML page Sun Jun 27, 2010 3:37 pm

Guest


Guest
Thanks Rob Very Happy

11Quote box to HTML page Empty Re: Quote box to HTML page Sun Jun 27, 2010 4:15 pm

Russel

Russel
Moderator
Moderator
Since this thread marked as solved, i will now lock and mark this as solved.

Solved > Locked

https://www.twitter.com/russeltubo

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » Quote box to HTML page

Permissions in this forum:
You cannot reply to topics in this forum